{"id":1309,"date":"2025-11-26T20:26:45","date_gmt":"2025-11-26T19:26:45","guid":{"rendered":"https:\/\/www.clickagency.it\/?page_id=1309"},"modified":"2025-12-18T21:15:28","modified_gmt":"2025-12-18T20:15:28","slug":"portfolio-san-salvatore","status":"publish","type":"page","link":"https:\/\/www.clickagency.it\/en\/portfolio-san-salvatore\/","title":{"rendered":"PORTFOLIO &#8211; San Salvatore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1309\" class=\"elementor elementor-1309\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f5f74b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"7f5f74b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-929efcf\" data-id=\"929efcf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1c34ac elementor-widget elementor-widget-html\" data-id=\"d1c34ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tag \/ Sezione: Social Media -->\n<p class=\"social-media-tag\">\n  SOCIAL MEDIA STRATEGY AND COMMUNICATION\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c29ef8 elementor-widget elementor-widget-html\" data-id=\"1c29ef8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-progetto\">\n  San Salvatore\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dd257e elementor-widget elementor-widget-html\" data-id=\"5dd257e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header\">\n  <div class=\"ss-col-header\">\n    <p>\n      In un mondo che corre, San Salvatore sceglie la \n      <span class=\"ss-bold-header\">lentezza<\/span>: la lentezza che custodisce valore, territorio e verit\u00e0.\n      La collaborazione con l\u2019Azienda Agricola, leader sul territorio nazionale, nasce dall'esigenza di costruire una \n      <span class=\"ss-bold-header\">brand narrative<\/span> capace di valorizzare un\u2019identit\u00e0 unica: un luogo che trasforma la tradizione cilentana in esperienza contemporanea.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\n      Abbiamo definito il <span class=\"ss-bold-header\">brand positioning<\/span>, progettato la \n      <span class=\"ss-bold-header\">visual identity<\/span>, creato un \n      <span class=\"ss-bold-header\">editorial system<\/span> coerente e sviluppato contenuti che raccontano non solo i prodotti, ma la filosofia del brand.\n      Con una strategia completa \u2014 analisi, concept, creative development, shooting, social media management \u2014 abbiamo costruito un \n      <span class=\"ss-bold-header\">ecosistema narrativo<\/span> che mette al centro il territorio, la filiera e l\u2019esperienza.\n    <\/p>\n  <\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6595211 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"6595211\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd74e9c\" data-id=\"dd74e9c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ec0588 elementor-widget elementor-widget-video\" data-id=\"5ec0588\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/video-cut.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-68002ec elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"68002ec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f8b288\" data-id=\"7f8b288\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bacedf5 elementor-widget elementor-widget-video\" data-id=\"bacedf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/video-cut.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff0474b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"ff0474b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f5ee54b\" data-id=\"f5ee54b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-767c42b elementor-widget elementor-widget-html\" data-id=\"767c42b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tag \/ Sezione: Social Media -->\n<p class=\"social-media-tag-paragrafo\">\n  SOCIAL MEDIA STRATEGY AND COMMUNICATION\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5138fba elementor-widget elementor-widget-html\" data-id=\"5138fba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-paragrafo\">\nUn nuovo volto\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06a9964 elementor-widget elementor-widget-html\" data-id=\"06a9964\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header\">\n  <div class=\"ss-col-header\">\n    <p>\n      <span class=\"ss-bold-header\">Un rebranding non \u00e8 un cambio d\u2019immagine: \u00e8 un cambio di prospettiva.<\/span><br>\n      Abbiamo affiancato San Salvatore <span class=\"ss-bold-header\">prima, durante e dopo<\/span> il rebrand, guidando l\u2019azienda verso una \n      <span class=\"ss-bold-header\">visual identity pi\u00f9 fresca, moderna e riconoscibile.<\/span>\n      La nuova <span class=\"ss-bold-header\">visual direction<\/span> \u2014 palette, typography, format \u2014 ha unificato sito, social e materiali istituzionali in un linguaggio coerente e distintivo.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\n      All\u2019interno di questo percorso abbiamo sviluppato anche il progetto \n      <span class=\"ss-bold-header\">Latteria San Salvatore<\/span>, con una nuova pagina e una \n      <span class=\"ss-bold-header\">content strategy<\/span> dedicata e qualificante, perfettamente integrata nel nuovo ecosistema del brand.\n      Il risultato \u00e8 un\u2019identit\u00e0 chiara, contemporanea e solida, che \n      <span class=\"ss-bold-header\">connette radici e futuro<\/span> in ogni touchpoint.\n    <\/p>\n  <\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cc35ced elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"cc35ced\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-df95575\" data-id=\"df95575\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-609530e elementor-widget elementor-widget-html\" data-id=\"609530e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"gifSlider\" class=\"gifslider\">\n  <div class=\"gifslider-viewport\">\n    <div class=\"gifslider-track\" aria-label=\"Animated works\">\n\n      <!-- CARD 1 -->\n      <a class=\"gifslider-card\" href=\"\">\n        <video class=\"gifslider-media\" autoplay muted loop playsinline>\n          <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Video_1.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"gifslider-layer\"><\/div>\n        <div class=\"gifslider-text\">\n          <h3><\/h3>\n          <p><\/p>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 2 -->\n      <a class=\"gifslider-card\" href=\"\">\n        <video class=\"gifslider-media\" autoplay muted loop playsinline>\n          <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Video_2.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"gifslider-layer\"><\/div>\n        <div class=\"gifslider-text\">\n          <h3><\/h3>\n          <p><\/p>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 3 -->\n      <a class=\"gifslider-card\" href=\"\">\n        <video class=\"gifslider-media\" autoplay muted loop playsinline>\n          <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Video_3.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"gifslider-layer\"><\/div>\n        <div class=\"gifslider-text\">\n          <h3><\/h3>\n          <p><\/p>\n        <\/div>\n      <\/a>\n\n      <!-- puoi aggiungere altre card qui -->\n    <\/div>\n  <\/div>\n\n  <div class=\"gifslider-dots\"><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa49008 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"fa49008\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const slider   = document.getElementById('gifSlider');\n  if (!slider) return;\n\n  const viewport = slider.querySelector('.gifslider-viewport');\n  const track    = slider.querySelector('.gifslider-track');\n  if (!viewport || !track) return;\n\n  const cards    = Array.from(track.querySelectorAll('.gifslider-card'));\n  const dotsWrap = slider.querySelector('.gifslider-dots');\n\n  if (!cards.length) return;\n\n  let isDown = false;\n  let hasMoved = false;\n  let startX = 0;\n  let startScrollLeft = 0;\n\n  \/* ===========================\n     FUNZIONE: RECALCOLO LAYOUT\n     - calcola larghezza totale track\n     - centra il blocco in base al numero slide\n  ============================ *\/\n  function recalcLayout() {\n    if (!cards.length) return;\n\n    const firstCardRect = cards[0].getBoundingClientRect();\n    const cardWidth = firstCardRect.width || parseFloat(getComputedStyle(slider).getPropertyValue('--card-w')) || 412;\n\n    const styles = getComputedStyle(slider);\n    const gap = parseFloat(styles.getPropertyValue('--gap')) || 24;\n    const slideCount = cards.length;\n\n    const totalWidth = (slideCount * cardWidth) + (slideCount - 1) * gap;\n\n    track.style.width = totalWidth + 'px';\n    track.style.marginLeft = 'auto';\n    track.style.marginRight = 'auto';\n  }\n\n  \/* ===========================\n     DRAG \/ SWIPE\n  ============================ *\/\n  function startDrag(clientX, evt) {\n    isDown = true;\n    hasMoved = false;\n    startX = clientX;\n    startScrollLeft = viewport.scrollLeft;\n    slider.classList.add('is-dragging');\n    if (evt) evt.preventDefault();\n  }\n\n  function moveDrag(clientX, evt) {\n    if (!isDown) return;\n    const dx = clientX - startX;\n    if (Math.abs(dx) > 2) hasMoved = true;\n    viewport.scrollLeft = startScrollLeft - dx;\n    if (evt) evt.preventDefault();\n  }\n\n  function endDrag() {\n    if (!isDown) return;\n    isDown = false;\n    slider.classList.remove('is-dragging');\n  }\n\n  if ('PointerEvent' in window) {\n    viewport.addEventListener('pointerdown', (e) => {\n      if (e.button !== 0 && e.pointerType === 'mouse') return;\n      startDrag(e.clientX, e);\n      try { viewport.setPointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointermove', (e) => {\n      if (!isDown) return;\n      moveDrag(e.clientX, e);\n    });\n\n    viewport.addEventListener('pointerup', (e) => {\n      endDrag();\n      try { viewport.releasePointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointercancel', (e) => {\n      endDrag();\n      try { viewport.releasePointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointerleave', () => {\n      endDrag();\n    });\n  } else {\n    \/\/ Mouse fallback\n    viewport.addEventListener('mousedown', (e) => {\n      if (e.button !== 0) return;\n      startDrag(e.clientX, e);\n    });\n\n    window.addEventListener('mousemove', (e) => {\n      if (!isDown) return;\n      moveDrag(e.clientX, e);\n    });\n\n    window.addEventListener('mouseup', () => {\n      endDrag();\n    });\n\n    \/\/ Touch fallback\n    viewport.addEventListener('touchstart', (e) => {\n      if (!e.touches || !e.touches.length) return;\n      const t = e.touches[0];\n      startDrag(t.clientX);\n    }, { passive: true });\n\n    viewport.addEventListener('touchmove', (e) => {\n      if (!isDown || !e.touches || !e.touches.length) return;\n      const t = e.touches[0];\n      moveDrag(t.clientX, e);\n    }, { passive: false });\n\n    viewport.addEventListener('touchend', endDrag);\n    viewport.addEventListener('touchcancel', endDrag);\n  }\n\n  \/\/ evita click sui link dopo drag\n  cards.forEach((card) => {\n    card.addEventListener('click', (e) => {\n      if (hasMoved) {\n        e.preventDefault();\n        e.stopImmediatePropagation();\n      }\n    });\n  });\n\n  \/* ===========================\n     DOTS\n  ============================ *\/\n  if (!dotsWrap) return;\n\n  dotsWrap.innerHTML = '';\n  const dots = [];\n\n  cards.forEach((card, i) => {\n    const dot = document.createElement('div');\n    dot.className = 'gifslider-dot';\n    dot.dataset.index = i;\n    dotsWrap.appendChild(dot);\n    dots.push(dot);\n\n    dot.addEventListener('click', () => {\n      const rect = card.getBoundingClientRect();\n      const cardWidth = rect.width;\n      const vpWidth = viewport.clientWidth;\n\n      const scrollTo = card.offsetLeft + cardWidth \/ 2 - vpWidth \/ 2;\n\n      viewport.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth'\n      });\n    });\n  });\n\n  function updateDots() {\n    const viewportCenter = viewport.scrollLeft + viewport.clientWidth \/ 2;\n    let activeIndex = 0;\n    let minDist = Infinity;\n\n    cards.forEach((card, i) => {\n      const cardCenter = card.offsetLeft + card.clientWidth \/ 2;\n      const dist = Math.abs(cardCenter - viewportCenter);\n      if (dist < minDist) {\n        minDist = dist;\n        activeIndex = i;\n      }\n    });\n\n    dots.forEach((dot, i) => {\n      dot.classList.toggle('active', i === activeIndex);\n    });\n  }\n\n  viewport.addEventListener('scroll', updateDots, { passive:true });\n\n  \/* ===========================\n     INIT: calcolo layout + centratura iniziale\n  ============================ *\/\n  function initSlider() {\n    recalcLayout();\n\n    \/\/ centra la prima card\n    const firstCard = cards[0];\n    const rect = firstCard.getBoundingClientRect();\n    const cardWidth = rect.width;\n    const vpWidth = viewport.clientWidth;\n    const initialScroll = firstCard.offsetLeft + cardWidth \/ 2 - vpWidth \/ 2;\n\n    viewport.scrollLeft = Math.max(0, initialScroll);\n    updateDots();\n  }\n\n  initSlider();\n\n  window.addEventListener('resize', () => {\n    recalcLayout();\n    updateDots();\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-451914b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"451914b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20d4751\" data-id=\"20d4751\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2fe71a9 elementor-widget elementor-widget-html\" data-id=\"2fe71a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tag \/ Sezione: Social Media -->\n<p class=\"social-media-tag-paragrafo\">\n  SOCIAL MEDIA STRATEGY AND COMMUNICATION\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-059bf41 elementor-widget elementor-widget-html\" data-id=\"059bf41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-paragrafo\">\nConnessioni\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9816bf6 elementor-widget elementor-widget-html\" data-id=\"9816bf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header\">\n  <div class=\"ss-col-header\">\n    <p>\n      Una strategia social efficace non racconta: \n      <span class=\"ss-bold-header\">connette.<\/span><br>\n      La social media strategy attuata si basa su tre pilastri: \n      <span class=\"ss-bold-header\">visual identity, immersive storytelling e brand education.<\/span><br>\n      Abbiamo strutturato rubriche tematiche che raccontano esperienze, territorio, prodotti e filiera.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\n      Ogni contenuto \u00e8 progettato per accompagnare l\u2019utente dentro \n      <span class=\"ss-bold-header\">l\u2019Universo San Salvatore<\/span>, creando coinvolgimento e riconoscibilit\u00e0.<br>\n      Il piano editoriale ha puntato a creare un \n      <span class=\"ss-bold-header\">legame emotivo<\/span> con la community, rafforzare la percezione di qualit\u00e0 e posizionare l\u2019azienda come destinazione d\u2019eccellenza.\n    <\/p>\n  <\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b2c3d18 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"b2c3d18\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66ca9e7\" data-id=\"66ca9e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f3f14c elementor-hidden-mobile elementor-widget elementor-widget-video\" data-id=\"2f3f14c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/black.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9310b56 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-video\" data-id=\"9310b56\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/black.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38441f4 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"38441f4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d0432c\" data-id=\"6d0432c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f66245 elementor-widget elementor-widget-html\" data-id=\"7f66245\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tag \/ Sezione: Social Media -->\n<p class=\"social-media-tag-paragrafo\">\n  SOCIAL MEDIA STRATEGY AND COMMUNICATION\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec3363 elementor-widget elementor-widget-html\" data-id=\"4ec3363\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-paragrafo\">\nShooting\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df14d05 elementor-widget elementor-widget-html\" data-id=\"df14d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header\">\n  <div class=\"ss-col-header\">\n    <p>\n      L\u2019<span class=\"ss-bold-header\">immagine<\/span> \u00e8 un asset: racconta ci\u00f2 che le parole non possono.<br>\n      Gli shooting foto e video realizzati hanno costruito un archivio proprietario, autentico e coordinato, specchio dell\u2019identit\u00e0 del brand.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\n      La produzione si \u00e8 sviluppata su due binari: valorizzazione dei prodotti \u2014 materie prime, lavorazioni, packaging \u2014 e narrazione del luogo \u2014 persone, ambienti, ritualit\u00e0.<br>\n      Un <span class=\"ss-bold-header\">visual system<\/span> pensato per dare continuit\u00e0, profondit\u00e0 e identit\u00e0 a ogni contenuto, rendendo la produzione un vero strumento strategico di comunicazione.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27d3f8d elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"27d3f8d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f79095\" data-id=\"1f79095\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-13a67e5 elementor-widget elementor-widget-image-carousel\" data-id=\"13a67e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carosello d&#039;immagini\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 di 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80.png\" alt=\"Frame 80\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 di 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79.png\" alt=\"Frame 79\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 di 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81.png\" alt=\"Frame 81\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 di 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-82.png\" alt=\"Frame 82\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 di 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-83.png\" alt=\"Frame 83\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 di 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-84.png\" alt=\"Frame 84\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 di 7\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-85.png\" alt=\"Frame 85\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e246164 elementor-section-full_width elementor-section-stretched elementor-hidden-mobile elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"e246164\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8f2b52f\" data-id=\"8f2b52f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c24219e elementor-widget elementor-widget-html\" data-id=\"c24219e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"buffalo-poster\">\n  <!-- BLOCCO TESTO -->\n  <header class=\"buffalo-text-block\">\n    <p class=\"buffalo-eyebrow\">EVENT<\/p>\n    <h2 class=\"buffalo-title\">Le notti del bufalo<\/h2>\n\n    <div class=\"buffalo-copy\">\n      <p>\n        \u201cLe Notti del Bufalo\u201d \u00e8 l\u2019evento estivo di punta di San Salvatore,\n        un progetto che abbiamo curato dall\u2019identit\u00e0 visiva al racconto strategico.\n        Abbiamo posizionato il progetto come\n        <strong>premium seasonal experience<\/strong>, costruendo un linguaggio estetico\n        riconoscibile, una linea grafica dedicata e un coordinato stampa forte e\n        allineato al brand.\n      <\/p>\n      <p>\n        La comunicazione unisce stile, atmosfera ed esclusivit\u00e0. Il risultato \u00e8 un evento\n        che non solo ha generato partecipazione, ma ha consolidato e rafforzato\n        l\u2019immagine distintiva dell\u2019intero ecosistema San Salvatore.\n      <\/p>\n    <\/div>\n  <\/header>\n\n  <!-- DISPLAY SMARTPHONE (VIDEO) -->\n  <div class=\"buffalo-phone-hitbox\">\n    <video\n      class=\"buffalo-phone-video\"\n      src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/prova-lancio.mp4\"\n      poster=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/frame-poster-prova-lancio.jpg\"\n      muted\n      playsinline\n      webkit-playsinline\n      preload=\"metadata\"\n    ><\/video>\n  <\/div>\n<\/section>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0aca6d9 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"0aca6d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const section = document.querySelector(\".buffalo-poster\");\n  const video   = document.querySelector(\".buffalo-phone-video\");\n\n  if (!section || !video) return;\n\n  function startVideoFromBeginning() {\n    video.pause();\n    video.currentTime = 0;\n    video.muted = true;\n    video.play().catch(() => {\n      \/\/ nessun crash se il browser blocca l'autoplay\n    });\n  }\n\n  function stopAndResetVideo() {\n    video.pause();\n    video.currentTime = 0;\n  }\n\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.target !== section) return;\n\n          \/\/ quando il blocco \u00e8 abbastanza visibile\n          if (entry.isIntersecting && entry.intersectionRatio >= 0.4) {\n            startVideoFromBeginning();\n          } else if (entry.intersectionRatio <= 0.1) {\n            \/\/ quando esce quasi del tutto dalla viewport\n            stopAndResetVideo();\n          }\n        });\n      },\n      {\n        root: null,\n        threshold: [0, 0.1, 0.4, 0.8]\n      }\n    );\n\n    observer.observe(section);\n  } else {\n    \/\/ Fallback se il browser \u00e8 molto vecchio: semplice controllo su scroll\n    let ticking = false;\n\n    function checkVisibility() {\n      const rect = section.getBoundingClientRect();\n      const vh = window.innerHeight || document.documentElement.clientHeight;\n\n      const visible =\n        rect.top < vh * 0.6 && rect.bottom > vh * 0.4; \/\/ \"finestra\" centrale\n\n      if (visible) {\n        startVideoFromBeginning();\n      } else {\n        stopAndResetVideo();\n      }\n    }\n\n    window.addEventListener(\"scroll\", () => {\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          checkVisibility();\n          ticking = false;\n        });\n        ticking = true;\n      }\n    });\n\n    checkVisibility();\n  }\n});\n<\/script>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d252ef6 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"d252ef6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6033a25\" data-id=\"6033a25\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15b9fb4 elementor-widget elementor-widget-html\" data-id=\"15b9fb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"buffalo-poster-mobile\">\n  <!-- BLOCCO TESTO -->\n  <header class=\"buffalo-text-block-mobile\">\n    <p class=\"buffalo-eyebrow-mobile\">EVENT<\/p>\n    <h2 class=\"buffalo-title-mobile\">Le notti del bufalo<\/h2>\n\n    <div class=\"buffalo-copy-mobile\">\n      <p>\n        \u201cLe Notti del Bufalo\u201d \u00e8 l\u2019evento estivo di punta di San Salvatore,\n        un progetto che abbiamo curato dall\u2019identit\u00e0 visiva al racconto strategico.\n        Abbiamo posizionato il progetto come\n        <strong>premium seasonal experience<\/strong>, costruendo un linguaggio estetico\n        riconoscibile, una linea grafica dedicata e un coordinato stampa forte e\n        allineato al brand.\n      <\/p>\n      <p>\n        La comunicazione unisce stile, atmosfera ed esclusivit\u00e0. Il risultato \u00e8 un evento\n        che non solo ha generato partecipazione, ma ha consolidato e rafforzato\n        l\u2019immagine distintiva dell\u2019intero ecosistema San Salvatore.\n      <\/p>\n    <\/div>\n  <\/header>\n\n  <!-- SMARTPHONE VIDEO -->\n<div class=\"buffalo-phone-hitbox-mobile\">\n  <video\n    class=\"buffalo-phone-video-mobile\"\n    src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/prova-lancio.mp4\"\n    muted\n    playsinline\n    webkit-playsinline\n    preload=\"metadata\"\n  ><\/video>\n<\/div>\n\n<\/section>\n\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-147414c elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"147414c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const box = document.querySelector(\".buffalo-phone-hitbox-mobile\");\n  const video = box ? box.querySelector(\".buffalo-phone-video-mobile\") : null;\n  if (!box || !video) return;\n\n  \/\/ Forziamo alcuni parametri \"sicuri\" per il mobile\n  video.muted = true;           \/\/ richiesto per alcune policy\n  video.playsInline = true;\n\n  const canHover = window.matchMedia(\"(hover: hover)\").matches;\n\n  \/\/ DESKTOP \/ DEVICE CON HOVER \u2192 play su hover\n  if (canHover) {\n    box.addEventListener(\"mouseenter\", () => {\n      video.play().catch((err) => {\n        console.warn(\"Video play fallito (hover):\", err);\n      });\n    });\n\n    box.addEventListener(\"mouseleave\", () => {\n      video.pause();\n      video.currentTime = 0;\n    });\n  }\n\n  \/\/ FUNZIONE UNICA PER TAP \/ CLICK\n  function togglePlay() {\n    \/\/ su mobile il tap deve essere considerato \"user gesture\"\n    if (video.paused) {\n      video.play().catch((err) => {\n        console.warn(\"Video play fallito (tap):\", err);\n      });\n    } else {\n      video.pause();\n    }\n  }\n\n  \/\/ TAP \/ CLICK su tutta l'area telefono\n  box.addEventListener(\"click\", function (e) {\n    e.preventDefault();\n    e.stopPropagation();\n    togglePlay();\n  });\n\n  \/\/ TAP \/ CLICK direttamente sul video (bonus, se qualche overlay rompe le scatole)\n  video.addEventListener(\"click\", function (e) {\n    e.preventDefault();\n    e.stopPropagation();\n    togglePlay();\n  });\n});\n<\/script>\n\n\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fcec809 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"fcec809\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c74e899\" data-id=\"c74e899\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ccadf1e elementor-widget elementor-widget-html\" data-id=\"ccadf1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tag \/ Sezione: Social Media -->\n<p class=\"social-media-tag-paragrafo\">\n  EVENT\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcbda9a elementor-widget elementor-widget-html\" data-id=\"dcbda9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-paragrafo\">\nLive Content\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cb3e3f elementor-widget elementor-widget-html\" data-id=\"4cb3e3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header\">\n  <div class=\"ss-col-header\">\n    <p>\n      Per le nove serate dell\u2019evento abbiamo gestito un sistema di <span class=\"ss-bold-header\">contenuti live<\/span> continuo, dinamico e immersivo.\u2028Ogni appuntamento \u00e8 stato seguito in tempo reale con riprese, foto, vertical formats e video-racconti studiati per catturare energia, musica, pubblico e atmosfera.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\n      La pubblicazione live ha creato un filo diretto con la community, aumentando hype, engagement e reach.\u2028Un flusso narrativo spontaneo e ad alto impatto che ha trasformato \u201cLe Notti del Bufalo\u201d in una<span class=\"ss-bold-header\">collective social experience.<\/span>\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-079ab86 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"079ab86\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b0c80a6\" data-id=\"b0c80a6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fcc0247 elementor-widget elementor-widget-html\" data-id=\"fcc0247\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SHOWREEL MEDIA SLIDER -->\n<div id=\"mediaShowreel\" class=\"msr-slider\">\n  <div class=\"msr-viewport\">\n    <div class=\"msr-track\" aria-label=\"Animated works\">\n      \n       <!-- CARD 1 \u2013 IMMAGINE -->\n      <a class=\"msr-card\" href=\"\">\n        <img decoding=\"async\" class=\"msr-media\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/LSD_3268-1.png\" alt=\"\">\n        <div class=\"msr-layer\"><\/div>\n        <div class=\"msr-text\">\n          <h3><\/h3>\n          <p><\/p>\n        <\/div>\n      <\/a>    \n      \n      <!-- CARD 2 \u2013 IMMAGINE -->\n      <a class=\"msr-card\" href=\"\">\n        <img decoding=\"async\" class=\"msr-media\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-110-1.png\" alt=\"\">\n        <div class=\"msr-layer\"><\/div>\n        <div class=\"msr-text\">\n          <h3><\/h3>\n          <p><\/p>\n        <\/div>\n      <\/a>\n\n      <!-- CARD 3 \u2013 IMMAGINE -->\n      <a class=\"msr-card\" href=\"\">\n        <img decoding=\"async\" class=\"msr-media\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/LSD_3447-1.png\" alt=\"\">\n        <div class=\"msr-layer\"><\/div>\n        <div class=\"msr-text\">\n          <h3><\/h3>\n          <p><\/p>\n        <\/div>\n      <\/a>\n      \n       <!-- CARD 4 \u2013 IMMAGINE -->\n      <a class=\"msr-card\" href=\"\">\n        <img decoding=\"async\" class=\"msr-media\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/12\/Frame-111.png\" alt=\"\">\n        <div class=\"msr-layer\"><\/div>\n        <div class=\"msr-text\">\n          <h3><\/h3>\n          <p><\/p>\n        <\/div>\n      <\/a>\n\n      \n\n      <!-- puoi aggiungere altre card qui -->\n    <\/div>\n  <\/div>\n\n  <div class=\"msr-dots\"><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb67007 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"bb67007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const slider   = document.getElementById('mediaShowreel');\n  if (!slider) return;\n\n  const viewport = slider.querySelector('.msr-viewport');\n  const track    = slider.querySelector('.msr-track');\n  if (!viewport || !track) return;\n\n  const cards    = Array.from(track.querySelectorAll('.msr-card'));\n  const dotsWrap = slider.querySelector('.msr-dots');\n\n  if (!cards.length) return;\n\n  let isDown = false;\n  let hasMoved = false;\n  let startX = 0;\n  let startScrollLeft = 0;\n\n  \/* ===========================\n     RECALCOLO LAYOUT\n  ============================ *\/\n  function recalcLayout() {\n    if (!cards.length) return;\n\n    const firstCardRect = cards[0].getBoundingClientRect();\n    const cardWidth = firstCardRect.width ||\n      parseFloat(getComputedStyle(slider).getPropertyValue('--msr-card-w')) || 412;\n\n    const styles = getComputedStyle(slider);\n    const gap = parseFloat(styles.getPropertyValue('--msr-gap')) || 24;\n    const slideCount = cards.length;\n\n    const totalWidth = (slideCount * cardWidth) + (slideCount - 1) * gap;\n\n    track.style.width = totalWidth + 'px';\n    track.style.marginLeft = 'auto';\n    track.style.marginRight = 'auto';\n  }\n\n  \/* ===========================\n     DRAG \/ SWIPE\n  ============================ *\/\n  function startDrag(clientX, evt) {\n    isDown = true;\n    hasMoved = false;\n    startX = clientX;\n    startScrollLeft = viewport.scrollLeft;\n    slider.classList.add('msr-is-dragging');\n    if (evt) evt.preventDefault();\n  }\n\n  function moveDrag(clientX, evt) {\n    if (!isDown) return;\n    const dx = clientX - startX;\n    if (Math.abs(dx) > 2) hasMoved = true;\n    viewport.scrollLeft = startScrollLeft - dx;\n    if (evt) evt.preventDefault();\n  }\n\n  function endDrag() {\n    if (!isDown) return;\n    isDown = false;\n    slider.classList.remove('msr-is-dragging');\n  }\n\n  if ('PointerEvent' in window) {\n    viewport.addEventListener('pointerdown', (e) => {\n      if (e.button !== 0 && e.pointerType === 'mouse') return;\n      startDrag(e.clientX, e);\n      try { viewport.setPointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointermove', (e) => {\n      if (!isDown) return;\n      moveDrag(e.clientX, e);\n    });\n\n    viewport.addEventListener('pointerup', (e) => {\n      endDrag();\n      try { viewport.releasePointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointercancel', (e) => {\n      endDrag();\n      try { viewport.releasePointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointerleave', () => {\n      endDrag();\n    });\n  } else {\n    \/\/ Mouse fallback\n    viewport.addEventListener('mousedown', (e) => {\n      if (e.button !== 0) return;\n      startDrag(e.clientX, e);\n    });\n\n    window.addEventListener('mousemove', (e) => {\n      if (!isDown) return;\n      moveDrag(e.clientX, e);\n    });\n\n    window.addEventListener('mouseup', () => {\n      endDrag();\n    });\n\n    \/\/ Touch fallback\n    viewport.addEventListener('touchstart', (e) => {\n      if (!e.touches || !e.touches.length) return;\n      const t = e.touches[0];\n      startDrag(t.clientX);\n    }, { passive: true });\n\n    viewport.addEventListener('touchmove', (e) => {\n      if (!isDown || !e.touches || !e.touches.length) return;\n      const t = e.touches[0];\n      moveDrag(t.clientX, e);\n    }, { passive: false });\n\n    viewport.addEventListener('touchend', endDrag);\n    viewport.addEventListener('touchcancel', endDrag);\n  }\n\n  \/\/ Evita click sui link dopo drag\n  cards.forEach((card) => {\n    card.addEventListener('click', (e) => {\n      if (hasMoved) {\n        e.preventDefault();\n        e.stopImmediatePropagation();\n      }\n    });\n  });\n\n  \/* ===========================\n     DOTS\n  ============================ *\/\n  if (!dotsWrap) return;\n\n  dotsWrap.innerHTML = '';\n  const dots = [];\n\n  cards.forEach((card, i) => {\n    const dot = document.createElement('div');\n    dot.className = 'msr-dot';\n    dot.dataset.msrIndex = i;\n    dotsWrap.appendChild(dot);\n    dots.push(dot);\n\n    dot.addEventListener('click', () => {\n      const rect = card.getBoundingClientRect();\n      const cardWidth = rect.width;\n      const vpWidth = viewport.clientWidth;\n\n      const scrollTo = card.offsetLeft + cardWidth \/ 2 - vpWidth \/ 2;\n\n      viewport.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth'\n      });\n    });\n  });\n\n  function updateDots() {\n    const viewportCenter = viewport.scrollLeft + viewport.clientWidth \/ 2;\n    let activeIndex = 0;\n    let minDist = Infinity;\n\n    cards.forEach((card, i) => {\n      const cardCenter = card.offsetLeft + card.clientWidth \/ 2;\n      const dist = Math.abs(cardCenter - viewportCenter);\n      if (dist < minDist) {\n        minDist = dist;\n        activeIndex = i;\n      }\n    });\n\n    dots.forEach((dot, i) => {\n      dot.classList.toggle('msr-active', i === activeIndex);\n    });\n  }\n\n  viewport.addEventListener('scroll', updateDots, { passive: true });\n\n  \/* ===========================\n     INIT\n  ============================ *\/\n  function initSlider() {\n    recalcLayout();\n\n    \/\/ centra la prima card\n    const firstCard = cards[0];\n    const rect = firstCard.getBoundingClientRect();\n    const cardWidth = rect.width;\n    const vpWidth = viewport.clientWidth;\n    const initialScroll = firstCard.offsetLeft + cardWidth \/ 2 - vpWidth \/ 2;\n\n    viewport.scrollLeft = Math.max(0, initialScroll);\n    updateDots();\n  }\n\n  initSlider();\n\n  window.addEventListener('resize', () => {\n    recalcLayout();\n    updateDots();\n  });\n});\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOCIAL MEDIA STRATEGY AND COMMUNICATION San Salvatore In un mondo che corre, San Salvatore sceglie la lentezza: la lentezza che custodisce valore, territorio e verit\u00e0. La collaborazione con l\u2019Azienda Agricola, leader sul territorio nazionale, nasce dall&#8217;esigenza di costruire una brand narrative capace di valorizzare un\u2019identit\u00e0 unica: un luogo che trasforma la tradizione cilentana in esperienza contemporanea. Abbiamo definito il brand positioning, progettato la visual identity, creato un editorial system coerente e sviluppato contenuti che raccontano non solo i prodotti, ma la filosofia del brand. Con una strategia completa \u2014 analisi, concept, creative development, shooting, social media management \u2014 abbiamo costruito un ecosistema narrativo che mette al centro il territorio, la filiera e l\u2019esperienza. https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/video-cut.mp4https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/video-cut.mp4 SOCIAL MEDIA STRATEGY AND COMMUNICATION Un nuovo volto Un rebranding non \u00e8 un cambio d\u2019immagine: \u00e8 un cambio di prospettiva. Abbiamo affiancato San Salvatore prima, durante e dopo il rebrand, guidando l\u2019azienda verso una visual identity pi\u00f9 fresca, moderna e riconoscibile. La nuova visual direction \u2014 palette, typography, format \u2014 ha unificato sito, social e materiali istituzionali in un linguaggio coerente e distintivo. All\u2019interno di questo percorso abbiamo sviluppato anche il progetto Latteria San Salvatore, con una nuova pagina e una content strategy dedicata e qualificante, perfettamente integrata nel nuovo ecosistema del brand. Il risultato \u00e8 un\u2019identit\u00e0 chiara, contemporanea e solida, che connette radici e futuro in ogni touchpoint. SOCIAL MEDIA STRATEGY AND COMMUNICATION Connessioni Una strategia social efficace non racconta: connette. La social media strategy attuata si basa su tre pilastri: visual identity, immersive storytelling e brand education. Abbiamo strutturato rubriche tematiche che raccontano esperienze, territorio, prodotti e filiera. Ogni contenuto \u00e8 progettato per accompagnare l\u2019utente dentro l\u2019Universo San Salvatore, creando coinvolgimento e riconoscibilit\u00e0. Il piano editoriale ha puntato a creare un legame emotivo con la community, rafforzare la percezione di qualit\u00e0 e posizionare l\u2019azienda come destinazione d\u2019eccellenza. https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/black.mp4https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/black.mp4 SOCIAL MEDIA STRATEGY AND COMMUNICATION Shooting L\u2019immagine \u00e8 un asset: racconta ci\u00f2 che le parole non possono. Gli shooting foto e video realizzati hanno costruito un archivio proprietario, autentico e coordinato, specchio dell\u2019identit\u00e0 del brand. La produzione si \u00e8 sviluppata su due binari: valorizzazione dei prodotti \u2014 materie prime, lavorazioni, packaging \u2014 e narrazione del luogo \u2014 persone, ambienti, ritualit\u00e0. Un visual system pensato per dare continuit\u00e0, profondit\u00e0 e identit\u00e0 a ogni contenuto, rendendo la produzione un vero strumento strategico di comunicazione. EVENT Le notti del bufalo \u201cLe Notti del Bufalo\u201d \u00e8 l\u2019evento estivo di punta di San Salvatore, un progetto che abbiamo curato dall\u2019identit\u00e0 visiva al racconto strategico. Abbiamo posizionato il progetto come premium seasonal experience, costruendo un linguaggio estetico riconoscibile, una linea grafica dedicata e un coordinato stampa forte e allineato al brand. La comunicazione unisce stile, atmosfera ed esclusivit\u00e0. Il risultato \u00e8 un evento che non solo ha generato partecipazione, ma ha consolidato e rafforzato l\u2019immagine distintiva dell\u2019intero ecosistema San Salvatore. EVENT Le notti del bufalo \u201cLe Notti del Bufalo\u201d \u00e8 l\u2019evento estivo di punta di San Salvatore, un progetto che abbiamo curato dall\u2019identit\u00e0 visiva al racconto strategico. Abbiamo posizionato il progetto come premium seasonal experience, costruendo un linguaggio estetico riconoscibile, una linea grafica dedicata e un coordinato stampa forte e allineato al brand. La comunicazione unisce stile, atmosfera ed esclusivit\u00e0. Il risultato \u00e8 un evento che non solo ha generato partecipazione, ma ha consolidato e rafforzato l\u2019immagine distintiva dell\u2019intero ecosistema San Salvatore. EVENT Live Content Per le nove serate dell\u2019evento abbiamo gestito un sistema di contenuti live continuo, dinamico e immersivo.\u2028Ogni appuntamento \u00e8 stato seguito in tempo reale con riprese, foto, vertical formats e video-racconti studiati per catturare energia, musica, pubblico e atmosfera. La pubblicazione live ha creato un filo diretto con la community, aumentando hype, engagement e reach.\u2028Un flusso narrativo spontaneo e ad alto impatto che ha trasformato \u201cLe Notti del Bufalo\u201d in unacollective social experience.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1309","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/1309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/comments?post=1309"}],"version-history":[{"count":253,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/1309\/revisions"}],"predecessor-version":[{"id":2933,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/1309\/revisions\/2933"}],"wp:attachment":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/media?parent=1309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}