{"id":8441,"date":"2026-06-23T08:36:38","date_gmt":"2026-06-23T08:36:38","guid":{"rendered":"https:\/\/starsonfield.it\/?page_id=8441"},"modified":"2026-07-16T16:28:03","modified_gmt":"2026-07-16T16:28:03","slug":"digital-marketing","status":"publish","type":"page","link":"https:\/\/starsonfield.it\/en\/digital-marketing\/","title":{"rendered":"Digital Marketing"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8441\" class=\"elementor elementor-8441\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-205520d e-con-full e-flex e-con e-parent\" data-id=\"205520d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7112ae7 elementor-widget elementor-widget-heading\" data-id=\"7112ae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">SERVICES 03<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6e504e elementor-widget elementor-widget-heading\" data-id=\"d6e504e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Digital<br><em style=\"font-style: italic;font-weight: 200;color: #C9A870\">Marketing.<\/em><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ed33f8 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2ed33f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"page-hero\"><p class=\"page-hero-sub\">Strategia, contenuti e performance per far crescere il tuo brand.<\/p><\/div><section><div class=\"content-2col\">\u00a0<\/div><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-caa3fbf e-con-full e-flex e-con e-parent\" data-id=\"caa3fbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4becfaa e-con-full e-flex e-con e-child\" data-id=\"4becfaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcea64b elementor-widget elementor-widget-heading\" data-id=\"bcea64b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">OVERVIEW<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5443ec e-con-full e-flex e-con e-child\" data-id=\"e5443ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a865f9f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a865f9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Affianchiamo brand e progetti nello sviluppo della loro presenza online, integrando\u00a0<strong>strategia, contenuti, canali e campagne<\/strong>\u00a0in un sistema digitale misurabile e orientato alla crescita. Dalla definizione della strategia fino alla produzione e all&#8217;ottimizzazione delle performance, seguiamo ogni fase dei progetti con un approccio creativo, strutturato e\u00a0<strong>data-driven<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da10b6e e-flex e-con-boxed e-con e-parent\" data-id=\"da10b6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bcd321 elementor-widget elementor-widget-html\" data-id=\"5bcd321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* --- DETTAGLI E VALORI CROMATICI ORIGINALI --- *\/\r\n  :root {\r\n    --bg: #090909;\r\n    --fg: #f0ece4;\r\n    --dim: #5a5650;\r\n    --mid: #2a2824;\r\n    --accent: #C9A870;\r\n    --font-title: 'Plus Jakarta Sans', sans-serif;\r\n  }\r\n\r\n  \/* --- RESET AGGRESSIVO DEL TEMA (RIMOZIONE SOTTORELINEATURE ORO\/BIANCHE) --- *\/\r\n  .dm-fluid-wrapper,\r\n  .dm-fluid-wrapper *,\r\n  .dm-menu-item,\r\n  .dm-item-title,\r\n  .dm-item-name,\r\n  .dm-vedi-tutti,\r\n  .dm-mobile-link {\r\n    text-decoration: none !important;\r\n    box-shadow: none !important;\r\n    border-bottom: none;\r\n  }\r\n\r\n  \/* --- STRUTTURA FLUIDA A 3 COLONNE PER SCHERMI GRANDI --- *\/\r\n  .dm-fluid-wrapper {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    width: 100%;\r\n    max-width: 90%; \/* Si allarga dinamicamente su schermi giganti *\/\r\n    margin: 0 auto;\r\n    position: relative;\r\n    min-height: 700px;\r\n    padding: 60px 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Colonne laterali strutturali (fanno scalare i componenti in base al monitor) *\/\r\n  .dm-col-left, .dm-col-right {\r\n    width: 25vw; \/* Larghezza proporzionale al monitor *\/\r\n    max-width: 380px;\r\n    min-height: 550px;\r\n    position: relative;\r\n  }\r\n\r\n  .dm-col-center {\r\n    width: 42vw;\r\n    max-width: 600px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  \/* --- ELEMENTI IN MOVIMENTO VERTICALE (DESKTOP) --- *\/\r\n  .dm-moving-element {\r\n    position: absolute;\r\n    width: 100%;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    \/* Spostamento ad ascensore fluido e ammortizzato *\/\r\n    transition: opacity 0.3s ease, visibility 0.3s ease, top 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  .dm-moving-element.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  \/* Contenitore Immagine Desktop *\/\r\n  .dm-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4\/5;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--mid);\r\n    background-color: #000;\r\n  }\r\n\r\n  .dm-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    transition: opacity 0.2s ease, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  \/* Effetto dissolvenza interna allo switch *\/\r\n  .dm-img-box img.cross-fading {\r\n    opacity: 0.4;\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .dm-img-tag {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    background: var(--mid);\r\n    color: var(--fg);\r\n    padding: 6px 12px;\r\n    font-size: 10px;\r\n    font-family: var(--font-title);\r\n    text-transform: uppercase;\r\n    letter-spacing: .15em;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Testo della Descrizione Desktop *\/\r\n  .dm-fluid-desc {\r\n    font-family: var(--font-title);\r\n    font-size: clamp(14px, 1.1vw, 17px); \/* Scalabilit\u00e0 tipografica proporzionale *\/\r\n    font-weight: 300;\r\n    line-height: 1.6;\r\n    color: var(--fg);\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .dm-fluid-desc.cross-fading {\r\n    opacity: 0;\r\n  }\r\n\r\n  \/* --- MENU CENTRALE CORRETTO --- *\/\r\n  .dm-section-label {\r\n    font-family: var(--font-title);\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: .2em;\r\n    color: var(--dim);\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .dm-menu {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Confine della riga circoscritto esclusivamente al centro *\/\r\n  .dm-menu-item {\r\n    border-bottom: 1px solid var(--mid);\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Tipografia raffinata e bilanciata come da mockup originale *\/\r\n  .dm-item-title {\r\n    color: var(--fg);\r\n    font-family: var(--font-title);\r\n    font-size: clamp(20px, 2.4vw, 36px); \/* Leggermente ridotto per evitare sovrapposizioni *\/\r\n    font-weight: 300;\r\n    line-height: 1.1;\r\n    letter-spacing: -.02em;\r\n    transition: color .25s ease;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    padding: clamp(18px, 2vw, 32px) 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Hover della voce attiva *\/\r\n  .dm-menu-item:hover .dm-item-title {\r\n    color: var(--accent);\r\n  }\r\n\r\n  \/* Spegnimento morbido in grigio delle voci non attive *\/\r\n  .dm-menu:hover .dm-menu-item:not(:hover) .dm-item-title {\r\n    color: var(--dim);\r\n  }\r\n\r\n  .dm-vedi-tutti {\r\n    margin-top: 50px;\r\n    font-family: var(--font-title);\r\n    font-size: 13px;\r\n    color: var(--fg);\r\n    letter-spacing: .05em;\r\n    transition: color .25s;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .dm-vedi-tutti:hover {\r\n    color: var(--accent);\r\n  }\r\n\r\n  \/* Elementi Mobile nascosti su Desktop *\/\r\n  .dm-mobile-content, .dm-mobile-arrow {\r\n    display: none;\r\n  }\r\n\r\n  \/* --- ADATTAMENTO RESPONSIVE PER SMARTPHONE\/TABLET (< 991px) --- *\/\r\n  @media (max-width: 991px) {\r\n    .dm-fluid-wrapper {\r\n      flex-direction: column;\r\n      min-height: auto;\r\n      max-width: 100%;\r\n      padding: 20px 0;\r\n    }\r\n    \r\n    .desktop-only {\r\n      display: none !important;\r\n    }\r\n\r\n    .dm-col-center {\r\n      width: 100%;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .dm-menu:hover .dm-menu-item:not(:hover) .dm-item-title {\r\n      color: var(--fg);\r\n    }\r\n\r\n    .dm-item-title {\r\n      position: relative;\r\n      padding: 22px 0;\r\n    }\r\n\r\n    .dm-mobile-arrow {\r\n      display: inline-block;\r\n      font-size: 18px;\r\n      color: var(--dim);\r\n      position: absolute;\r\n      right: 10px;\r\n      transition: transform .25s;\r\n    }\r\n\r\n    .dm-menu-item.open .dm-item-title {\r\n      color: var(--accent);\r\n    }\r\n\r\n    .dm-menu-item.open .dm-mobile-content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      animation: mobileExpand .3s ease-out forwards;\r\n      padding-bottom: 24px;\r\n    }\r\n\r\n    .dm-mobile-img {\r\n      width: 100%;\r\n      max-width: 450px;\r\n      aspect-ratio: 16\/9;\r\n      object-fit: cover;\r\n      border-radius: 4px;\r\n      border: 1px solid var(--mid);\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .dm-mobile-desc {\r\n      font-family: var(--font-title);\r\n      font-size: 15px;\r\n      line-height: 1.5;\r\n      color: var(--fg);\r\n      text-align: center;\r\n      max-width: 450px;\r\n      margin-bottom: 15px;\r\n      font-weight: 300;\r\n    }\r\n\r\n    .dm-mobile-link {\r\n      font-family: var(--font-title);\r\n      font-size: 14px;\r\n      color: var(--accent);\r\n    }\r\n\r\n    @keyframes mobileExpand {\r\n      from { opacity: 0; transform: translateY(-5px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"dm-fluid-wrapper\">\r\n  \r\n  <div class=\"dm-col-left desktop-only\">\r\n    <div class=\"dm-moving-element\" id=\"dmMovingLeft\">\r\n      <div class=\"dm-img-box\">\r\n        <img decoding=\"async\" id=\"dmTargetImg\" src=\"\" alt=\"Servizio\">\r\n        <span class=\"dm-img-tag\" id=\"dmTargetLabel\">Label<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"dm-col-center\">\r\n    <p class=\"dm-section-label\">Cosa facciamo<\/p>\r\n    <div class=\"dm-menu\" id=\"dmGridMenu\">\r\n      \r\n      <div class=\"dm-menu-item\" data-url=\"\/servizi#strategia\"\r\n           data-img=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/strategia-presenza-digitale.jpg\" \r\n           data-label=\"Strategia\" \r\n           data-desc=\"Definiamo strategie basate su analisi di mercato, target e posizionamento. Creiamo ecosistemi integrati per una comunicazione coerente e orientata ai risultati.\">\r\n        <div class=\"dm-item-title\">\r\n          <span class=\"dm-item-name\">Strategia & Presenza Digitale<\/span>\r\n          <span class=\"dm-mobile-arrow\">\u2192<\/span>\r\n        <\/div>\r\n        <div class=\"dm-mobile-content\">\r\n          <img decoding=\"async\" class=\"dm-mobile-img\" src=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/strategia-presenza-digitale.jpg\" alt=\"Strategia\">\r\n          <p class=\"dm-mobile-desc\">Definiamo strategie basate su analisi di mercato, target e posizionamento. Creiamo ecosistemi integrati per una comunicazione coerente e orientata ai risultati.<\/p>\r\n          <a href=\"\/en\/servizi\/#strategia\" class=\"dm-mobile-link\">Scopri il servizio \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dm-menu-item\" data-url=\"\/servizi#siti-web\"\r\n           data-img=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/siti-web-ecommerce.jpg\" \r\n           data-label=\"Siti Web\" \r\n           data-desc=\"Progettiamo e sviluppiamo piattaforme intuitive, performanti e orientate alla conversione. Ogni elemento \u00e8 studiato per valorizzare il brand e guidare l'utente all'azione.\">\r\n        <div class=\"dm-item-title\">\r\n          <span class=\"dm-item-name\">Siti Web & E-commerce<\/span>\r\n          <span class=\"dm-mobile-arrow\">\u2192<\/span>\r\n        <\/div>\r\n        <div class=\"dm-mobile-content\">\r\n          <img decoding=\"async\" class=\"dm-mobile-img\" src=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/siti-web-ecommerce.jpg\" alt=\"Siti Web\">\r\n          <p class=\"dm-mobile-desc\">Progettiamo e sviluppiamo piattaforme intuitive, performanti e orientate alla conversione. Ogni elemento \u00e8 studiato per valorizzare il brand e guidare l'utente all'azione.<\/p>\r\n          <a href=\"\/en\/servizi\/#siti-web\" class=\"dm-mobile-link\">Scopri il servizio \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dm-menu-item\" data-url=\"\/servizi#social-media\"\r\n           data-img=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/social-media.jpg\" \r\n           data-label=\"Social Media\" \r\n           data-desc=\"Costruiamo una presenza autentica e riconoscibile attraverso piani editoriali e contenuti creativi, capaci di generare engagement e valore nel tempo.\">\r\n        <div class=\"dm-item-title\">\r\n          <span class=\"dm-item-name\">Social Media & Content<\/span>\r\n          <span class=\"dm-mobile-arrow\">\u2192<\/span>\r\n        <\/div>\r\n        <div class=\"dm-mobile-content\">\r\n          <img decoding=\"async\" class=\"dm-mobile-img\" src=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/social-media.jpg\" alt=\"Social Media\">\r\n          <p class=\"dm-mobile-desc\">Costruiamo una presenza autentica e riconoscibile attraverso piani editoriali e contenuti creativi, capaci di generare engagement e valore nel tempo.<\/p>\r\n          <a href=\"\/en\/servizi\/#social-media\" class=\"dm-mobile-link\">Scopri il servizio \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dm-menu-item\" data-url=\"\/servizi#advertising\"\r\n           data-img=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/07\/Advertising-performance.jpg\" \r\n           data-label=\"Advertising\" \r\n           data-desc=\"Attiviamo campagne mirate per aumentare visibilit\u00e0, traffico e vendite, monitorando e ottimizzando costantemente i risultati.\">\r\n        <div class=\"dm-item-title\">\r\n          <span class=\"dm-item-name\">Advertising & Performance<\/span>\r\n          <span class=\"dm-mobile-arrow\">\u2192<\/span>\r\n        <\/div>\r\n        <div class=\"dm-mobile-content\">\r\n          <img decoding=\"async\" class=\"dm-mobile-img\" src=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/07\/Advertising-performance.jpg\" alt=\"Advertising\">\r\n          <p class=\"dm-mobile-desc\">Attiviamo campagne mirate per aumentare visibilit\u00e0, traffico e vendite, monitorando e ottimizzando costantemente i risultati.<\/p>\r\n          <a href=\"\/en\/servizi\/#advertising\" class=\"dm-mobile-link\">Scopri il servizio \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dm-menu-item\" data-url=\"\/servizi#content-marketing\"\r\n           data-img=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/07\/content-marketing.jpg\" \r\n           data-label=\"Content\" \r\n           data-desc=\"Sviluppiamo contenuti strategici e ottimizzati SEO per aumentare visibilit\u00e0 organica e autorevolezza, accompanying l'utente nel processo decisionale.\">\r\n        <div class=\"dm-item-title\">\r\n          <span class=\"dm-item-name\">Content Marketing<\/span>\r\n          <span class=\"dm-mobile-arrow\">\u2192<\/span>\r\n        <\/div>\r\n        <div class=\"dm-mobile-content\">\r\n          <img decoding=\"async\" class=\"dm-mobile-img\" src=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/07\/content-marketing.jpg\" alt=\"Content Marketing\">\r\n          <p class=\"dm-mobile-desc\">Sviluppiamo contenuti strategici e ottimizzati SEO per aumentare visibilit\u00e0 organica e autorevolezza, accompagnando l'utente nel processo decisionale.<\/p>\r\n          <a href=\"\/en\/servizi\/#content-marketing\" class=\"dm-mobile-link\">Scopri il servizio \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dm-menu-item\" data-url=\"\/servizi#influencer\"\r\n           data-img=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/influencer-marketing.webp\" \r\n           data-label=\"Influencer\" \r\n           data-desc=\"Attiviamo collaborazioni con creator in linea con il brand, costruendo progetti credibili e misurabili per amplificarne l'impatto.\">\r\n        <div class=\"dm-item-title\">\r\n          <span class=\"dm-item-name\">Influencer Marketing<\/span>\r\n          <span class=\"dm-mobile-arrow\">\u2192<\/span>\r\n        <\/div>\r\n        <div class=\"dm-mobile-content\">\r\n          <img decoding=\"async\" class=\"dm-mobile-img\" src=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/influencer-marketing.webp\" alt=\"Influencer\">\r\n          <p class=\"dm-mobile-desc\">Attiviamo collaborazioni con creator in linea con il brand, costruendo progetti credibili e misurabili per amplificarne l'impatto.<\/p>\r\n          <a href=\"\/en\/servizi\/#influencer\" class=\"dm-mobile-link\">Scopri il servizio \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dm-menu-item\" data-url=\"\/servizi#email\"\r\n           data-img=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/07\/email_marketing.jpg\" \r\n           data-label=\"Email\" \r\n           data-desc=\"Creiamo flussi di comunicazione diretti ed efficaci, lavorando su segmentazione e contenuti per aumentare engagement e conversioni.\">\r\n        <div class=\"dm-item-title\">\r\n          <span class=\"dm-item-name\">Email Marketing<\/span>\r\n          <span class=\"dm-mobile-arrow\">\u2192<\/span>\r\n        <\/div>\r\n        <div class=\"dm-mobile-content\">\r\n          <img decoding=\"async\" class=\"dm-mobile-img\" src=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/07\/email_marketing.jpg\" alt=\"Email\">\r\n          <p class=\"dm-mobile-desc\">Creiamo flussi di comunicazione diretti ed efficaci, lavorando su segmentazione e contenuti per aumentare engagement e conversioni.<\/p>\r\n          <a href=\"\/en\/servizi\/#email\" class=\"dm-mobile-link\">Scopri il servizio \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dm-menu-item\" data-url=\"\/servizi#pr\"\r\n           data-img=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/pr-ufficio-stampa.jpg\" \r\n           data-label=\"PR & Stampa\" \r\n           data-desc=\"Trasformiamo identit\u00e0 e progetti in storie rilevanti, costruendo relazioni strategiche con media e stakeholder per rafforzare il posizionamento.\">\r\n        <div class=\"dm-item-title\">\r\n          <span class=\"dm-item-name\">PR & Ufficio Stampa<\/span>\r\n          <span class=\"dm-mobile-arrow\">\u2192<\/span>\r\n        <\/div>\r\n        <div class=\"dm-mobile-content\">\r\n          <img decoding=\"async\" class=\"dm-mobile-img\" src=\"https:\/\/starsonfield.it\/wp-content\/uploads\/2026\/06\/pr-ufficio-stampa.jpg\" alt=\"PR\">\r\n          <p class=\"dm-mobile-desc\">Trasformiamo identit\u00e0 e progetti in storie rilevanti, costruendo relazioni strategiche con media e stakeholder per rafforzare il posizionamento.<\/p>\r\n          <a href=\"\/en\/servizi\/#pr\" class=\"dm-mobile-link\">Scopri il servizio \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <a class=\"dm-vedi-tutti\" href=\"\/en\/servizi\/\">\r\n      Vedi tutti <span class=\"dm-vedi-arrow\">\u2192<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"dm-col-right desktop-only\">\r\n    <div class=\"dm-moving-element\" id=\"dmMovingRight\">\r\n      <p class=\"dm-fluid-desc\" id=\"dmTargetDesc\"><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const menuItems = document.querySelectorAll('.dm-menu-item');\r\n    \r\n    \/\/ I due elementi mobili strutturalmente legati alle rispettive colonne laterali\r\n    const movingLeft = document.getElementById('dmMovingLeft');\r\n    const movingRight = document.getElementById('dmMovingRight');\r\n    \r\n    const targetImg = document.getElementById('dmTargetImg');\r\n    const targetLabel = document.getElementById('dmTargetLabel');\r\n    const targetDesc = document.getElementById('dmTargetDesc');\r\n\r\n    const colLeft = document.querySelector('.dm-col-left');\r\n\r\n    let isFirstHover = true;\r\n\r\n    menuItems.forEach(item => {\r\n      \r\n      \/\/ DESKTOP: Rilevamento e Inseguimento Verticale Geometrico\r\n      item.addEventListener('mouseenter', function() {\r\n        if (window.innerWidth > 991) {\r\n          const imgSrc = this.getAttribute('data-img');\r\n          const labelTxt = this.getAttribute('data-label');\r\n          const descTxt = this.getAttribute('data-desc');\r\n\r\n          \/\/ Calcola la posizione della riga corrente rispetto alla colonna contenitrice\r\n          const colRect = colLeft.getBoundingClientRect();\r\n          const itemRect = this.getBoundingClientRect();\r\n          \r\n          \/\/ Trova il punto centrale esatto della singola voce del menu\r\n          const itemCenterY = (itemRect.top - colRect.top) + (itemRect.height \/ 2);\r\n          \r\n          \/\/ Allinea l'asse centrale dei due pannelli mobili alla riga attiva\r\n          movingLeft.style.top = (itemCenterY - movingLeft.offsetHeight \/ 2) + 'px';\r\n          movingRight.style.top = (itemCenterY - movingRight.offsetHeight \/ 2) + 'px';\r\n\r\n          \/\/ Micro-transizione Cross-Fade per evitare sfarfallii netti\r\n          if (!isFirstHover) {\r\n            targetImg.classList.add('cross-fading');\r\n            targetDesc.classList.add('cross-fading');\r\n          }\r\n\r\n          setTimeout(() => {\r\n            if (imgSrc) { targetImg.src = imgSrc; }\r\n            targetLabel.textContent = labelTxt;\r\n            targetDesc.textContent = descTxt;\r\n\r\n            targetImg.classList.remove('cross-fading');\r\n            targetDesc.classList.remove('cross-fading');\r\n          }, isFirstHover ? 0 : 70);\r\n\r\n          \/\/ Attiva la visibilit\u00e0 senza far sparire la riga strutturale\r\n          movingLeft.classList.add('active');\r\n          movingRight.classList.add('active');\r\n          isFirstHover = false;\r\n        }\r\n      });\r\n\r\n      \/\/ AZIONE AL CLICK (Desktop Link vs Mobile Accordion)\r\n      const titleArea = item.querySelector('.dm-item-title');\r\n      titleArea.addEventListener('click', function() {\r\n        if (window.innerWidth > 991) {\r\n          const url = item.getAttribute('data-url');\r\n          if(url) window.location.href = url;\r\n        } else {\r\n          const isOpen = item.classList.contains('open');\r\n          \r\n          menuItems.forEach(otherItem => {\r\n            otherItem.classList.remove('open');\r\n            const arrow = otherItem.querySelector('.dm-mobile-arrow');\r\n            if(arrow) arrow.style.transform = 'rotate(0deg)';\r\n          });\r\n          \r\n          if (!isOpen) {\r\n            item.classList.add('open');\r\n            this.querySelector('.dm-mobile-arrow').style.transform = 'rotate(90deg)';\r\n          } else {\r\n            item.classList.remove('open');\r\n            this.querySelector('.dm-mobile-arrow').style.transform = 'rotate(0deg)';\r\n          }\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ Reset quando il mouse esce interamente dall'area dei servizi\r\n    const gridMenu = document.getElementById('dmGridMenu');\r\n    gridMenu.addEventListener('mouseleave', function() {\r\n      if (window.innerWidth > 991) {\r\n        movingLeft.classList.remove('active');\r\n        movingRight.classList.remove('active');\r\n        isFirstHover = true;\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57f8b1c e-flex e-con-boxed e-con e-parent\" data-id=\"57f8b1c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b95655 e-flex e-con-boxed e-con e-child\" data-id=\"9b95655\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04adce7 elementor-widget elementor-widget-heading\" data-id=\"04adce7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sviluppa la tua\n<br><em style=\"font-style: italic;font-weight: 200;color: #C9A870\">strategia digitale.<\/em><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5d53a elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4a5d53a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Un digital marketing efficace non \u00e8 fatto di azioni isolate, ma di una strategia multicanale tenace e creativa. Contenuti, campagne, piattaforme e relazioni lavorano insieme per costruire un sistema digitale solido, capace di evolvere costantemente e adattarsi agli obiettivi del brand. Il risultato \u00e8 una presenza riconoscibile e orientata alla performance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6c7830 e-con-full e-flex e-con e-child\" data-id=\"e6c7830\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fca754 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"2fca754\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/en\/contatti\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SERVIZI\u00b7 03 DigitalMarketing. Strategia, contenuti e performance per far crescere il tuo brand. \u00a0 PANORAMICA Affianchiamo brand e progetti nello sviluppo della loro presenza online, integrando\u00a0strategia, contenuti, canali e campagne\u00a0in un sistema digitale misurabile e orientato alla crescita. Dalla definizione della strategia fino alla produzione e all&#8217;ottimizzazione delle performance, seguiamo ogni fase dei progetti con [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8441","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starsonfield.it\/en\/wp-json\/wp\/v2\/pages\/8441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/starsonfield.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/starsonfield.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/starsonfield.it\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/starsonfield.it\/en\/wp-json\/wp\/v2\/comments?post=8441"}],"version-history":[{"count":25,"href":"https:\/\/starsonfield.it\/en\/wp-json\/wp\/v2\/pages\/8441\/revisions"}],"predecessor-version":[{"id":8729,"href":"https:\/\/starsonfield.it\/en\/wp-json\/wp\/v2\/pages\/8441\/revisions\/8729"}],"wp:attachment":[{"href":"https:\/\/starsonfield.it\/en\/wp-json\/wp\/v2\/media?parent=8441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}