{"id":3684,"date":"2026-08-31T01:17:00","date_gmt":"2026-08-30T23:17:00","guid":{"rendered":"https:\/\/www.clickagency.it\/?page_id=3684"},"modified":"2026-08-31T01:37:18","modified_gmt":"2026-08-30T23:37:18","slug":"portfolio-hp","status":"publish","type":"page","link":"https:\/\/www.clickagency.it\/en\/portfolio-hp\/","title":{"rendered":"PORTFOLIO &#8211; HP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3684\" class=\"elementor elementor-3684\">\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  VIDEO PRODUCTION\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  Hewlett-Packard\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\n  <div class=\"ss-col-header\">\n    <p>\n      HP, colosso globale della stampa, ha affidato a Click Agency\n      <strong>\n        la valorizzazione del lancio della macchina da stampa digitale V12 durante la fiera internazionale LabelExpo\n      <\/strong>\n      di Barcellona 2025.<br>\n      L\u2019obiettivo era raccontare uno dei prodotti pi\u00f9 innovativi del brand attraverso una\n      <strong>narrativa di impatto,<\/strong>\n      capace di andare oltre la scheda tecnica.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\n      Abbiamo costruito un progetto pensato per\n      <strong>\n        tradurre in immagini la potenza, la velocit\u00e0 e l\u2019efficienza,\n      <\/strong>\n      facendo percepire al mercato industriale la performance in modo diretto, concreto ed emozionale.<br>\n      <strong>\n        Un racconto visivo progettato per far \u201ctoccare con mano\u201d la tecnologia:\n      <\/strong>\n      non solo numeri, dati e caratteristiche tecniche, ma ritmo, precisione, produttivit\u00e0 e visione futura.\n    <\/p>\n  <\/div>\n\n<\/section>\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\/2026\/08\/All4Labels-leads-the-nonstop-digital-label-printing-revolution-with-HP-Indigo-V12-Digital-Press-HP.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\/2026\/08\/All4Labels-leads-the-nonstop-digital-label-printing-revolution-with-HP-Indigo-V12-Digital-Press-HP.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  COMMUNICATION STRATEGY\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\">\nDare forma al messaggio\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>\nLa nostra strategia ha supportato San Giorgio Spa nelle fasi di lancio prodotto e <strong>campagne dedicate,<\/strong> con l\u2019obiettivo di valorizzare ogni novit\u00e0 e amplificare la visibilit\u00e0 dei suoi prodotti. Abbiamo creato <strong>campagne social mirate,<\/strong> studiate per aumentare l\u2019engagement e generare un impatto immediato sui consumatori, con un focus specifico sul lancio strategico delle nuove referenze.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\nOgni campagna \u00e8 stata progettata per rispondere alle esigenze del mercato, utilizzando contenuti visivi e copy creativi che enfatizzano le caratteristiche distintive dei prodotti, la loro qualit\u00e0 e innovazione. L\u2019obiettivo \u00e8 stato quello di <strong>rafforzare la presenza online del brand<\/strong> e creare una connessione autentica con il pubblico, portando San Giorgio Spa a una nuova dimensione di <strong>awareness e customer loyalty.<\/strong>\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-e6a1d38 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=\"e6a1d38\" 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-6af7520\" data-id=\"6af7520\" 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-fb120bb elementor-widget elementor-widget-html\" data-id=\"fb120bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hp-media-section\">\n\n  <div class=\"hp-media-layout\">\n\n    <!-- IMMAGINE -->\n    <div class=\"hp-media-image\">\n      <img decoding=\"async\"\n        src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2026\/08\/57b85b81db294fe72fd3c12549e70fedd31f6167.png\"\n        alt=\"Produzione HP Indigo V12\"\n        loading=\"lazy\"\n      >\n    <\/div>\n\n    <!-- VIDEO: autoplay, loop e senza audio -->\n    <div class=\"hp-media-video\">\n      <video\n        autoplay\n        muted\n        loop\n        playsinline\n        preload=\"metadata\"\n        disablepictureinpicture\n        aria-label=\"Video backstage HP Indigo V12\"\n      >\n        <source\n          src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2026\/08\/clip-4.mov\"\n          type=\"video\/mp4\"\n        >\n\n        Il tuo browser non supporta la riproduzione video.\n      <\/video>\n    <\/div>\n\n  <\/div>\n\n<\/section>\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\">\nVIDEO PRODUCTION AND SHOOTING SESSION\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\">\nDentro la performance \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\n  <div class=\"ss-col-header\">\n    <p>\n      La fase di produzione si \u00e8 sviluppata attraverso uno\n      <strong>\n        shooting internazionale realizzato in due siti produttivi in Germania,\n      <\/strong>\n      dove abbiamo curato ogni dettaglio operativo e visivo.<br>\n      Dalla preparazione dell\u2019ambiente produttivo (pulizia, ordine, rispetto delle normative per la sicurezza) alla scelta del prodotto da stampare durante le riprese, dal coinvolgimento degli operatori alla gestione delle dinamiche di set,\n      <strong>ogni elemento \u00e8 stato progettato per<\/strong>\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\n      <strong>\n        valorizzare al massimo il macchinario e il suo contesto d\u2019uso reale.\n      <\/strong><br>\n      Le riprese hanno raccontato la V12 nel pieno della sua attivit\u00e0, evidenziandone potenza, precisione, velocit\u00e0 e continuit\u00e0 produttiva. Tutte le norme di sicurezza sono state integrate nel processo di shooting,\n      <strong>\n        garantendo un lavoro fluido, professionale e coerente con gli standard di un contesto industriale internazionale.\n      <\/strong>\n    <\/p>\n  <\/div>\n\n<\/section>\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-f0564d1 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=\"f0564d1\" 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-1f7aa46\" data-id=\"1f7aa46\" 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-a723838 elementor-widget elementor-widget-html\" data-id=\"a723838\" 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\/2026\/08\/clip-3.mov\" 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\/2026\/08\/clip-2.mov\" 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\/2026\/08\/Clip-1.mov\" 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-bebfaf0 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"bebfaf0\" 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-3552e70 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=\"3552e70\" 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-c5c7ef0\" data-id=\"c5c7ef0\" 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-116c0b4 elementor-widget elementor-widget-html\" data-id=\"116c0b4\" 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\">\nCOMMUNICATION STRATEGY\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c95825c elementor-widget elementor-widget-html\" data-id=\"c95825c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-paragrafo\">\nQuattro minuti per raccontare il futuro \n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94b85ea elementor-widget elementor-widget-html\" data-id=\"94b85ea\" 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\n  <div class=\"ss-col-header\">\n    <p>\n      A partire da diverse ore di girato, abbiamo selezionato le sequenze pi\u00f9 incisive per costruire un video finale di forte impatto, capace di catturare l\u2019attenzione dell\u2019interlocutore in soli quattro minuti.<br>\n      Il lavoro di montaggio e post-produzione ha trasformato il materiale raccolto in\n      <strong>\n        un contenuto emozionale, dinamico e strategico, pensato per raccontare tecnologia,\n      <\/strong>\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header\">\n    <p>\n      <strong>\n        performance, sostenibilit\u00e0 e visione verso il futuro.\n      <\/strong><br>\n      Il risultato \u00e8 un video che parla al mercato dell\u2019industria con un linguaggio chiaro e potente: un racconto dove la macchina non viene solo presentata, ma vissuta nella sua capacit\u00e0 di generare valore, innovazione e nuove possibilit\u00e0 produttive.\n    <\/p>\n  <\/div>\n\n<\/section>\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>VIDEO PRODUCTION Hewlett-Packard HP, colosso globale della stampa, ha affidato a Click Agency la valorizzazione del lancio della macchina da stampa digitale V12 durante la fiera internazionale LabelExpo di Barcellona 2025. L\u2019obiettivo era raccontare uno dei prodotti pi\u00f9 innovativi del brand attraverso una narrativa di impatto, capace di andare oltre la scheda tecnica. Abbiamo costruito un progetto pensato per tradurre in immagini la potenza, la velocit\u00e0 e l\u2019efficienza, facendo percepire al mercato industriale la performance in modo diretto, concreto ed emozionale. Un racconto visivo progettato per far \u201ctoccare con mano\u201d la tecnologia: non solo numeri, dati e caratteristiche tecniche, ma ritmo, precisione, produttivit\u00e0 e visione futura. https:\/\/www.clickagency.it\/wp-content\/uploads\/2026\/08\/All4Labels-leads-the-nonstop-digital-label-printing-revolution-with-HP-Indigo-V12-Digital-Press-HP.mp4https:\/\/www.clickagency.it\/wp-content\/uploads\/2026\/08\/All4Labels-leads-the-nonstop-digital-label-printing-revolution-with-HP-Indigo-V12-Digital-Press-HP.mp4 COMMUNICATION STRATEGY Dare forma al messaggio La nostra strategia ha supportato San Giorgio Spa nelle fasi di lancio prodotto e campagne dedicate, con l\u2019obiettivo di valorizzare ogni novit\u00e0 e amplificare la visibilit\u00e0 dei suoi prodotti. Abbiamo creato campagne social mirate, studiate per aumentare l\u2019engagement e generare un impatto immediato sui consumatori, con un focus specifico sul lancio strategico delle nuove referenze. Ogni campagna \u00e8 stata progettata per rispondere alle esigenze del mercato, utilizzando contenuti visivi e copy creativi che enfatizzano le caratteristiche distintive dei prodotti, la loro qualit\u00e0 e innovazione. L\u2019obiettivo \u00e8 stato quello di rafforzare la presenza online del brand e creare una connessione autentica con il pubblico, portando San Giorgio Spa a una nuova dimensione di awareness e customer loyalty. Il tuo browser non supporta la riproduzione video. VIDEO PRODUCTION AND SHOOTING SESSION Dentro la performance La fase di produzione si \u00e8 sviluppata attraverso uno shooting internazionale realizzato in due siti produttivi in Germania, dove abbiamo curato ogni dettaglio operativo e visivo. Dalla preparazione dell\u2019ambiente produttivo (pulizia, ordine, rispetto delle normative per la sicurezza) alla scelta del prodotto da stampare durante le riprese, dal coinvolgimento degli operatori alla gestione delle dinamiche di set, ogni elemento \u00e8 stato progettato per valorizzare al massimo il macchinario e il suo contesto d\u2019uso reale. Le riprese hanno raccontato la V12 nel pieno della sua attivit\u00e0, evidenziandone potenza, precisione, velocit\u00e0 e continuit\u00e0 produttiva. Tutte le norme di sicurezza sono state integrate nel processo di shooting, garantendo un lavoro fluido, professionale e coerente con gli standard di un contesto industriale internazionale. COMMUNICATION STRATEGY Quattro minuti per raccontare il futuro A partire da diverse ore di girato, abbiamo selezionato le sequenze pi\u00f9 incisive per costruire un video finale di forte impatto, capace di catturare l\u2019attenzione dell\u2019interlocutore in soli quattro minuti. Il lavoro di montaggio e post-produzione ha trasformato il materiale raccolto in un contenuto emozionale, dinamico e strategico, pensato per raccontare tecnologia, performance, sostenibilit\u00e0 e visione verso il futuro. Il risultato \u00e8 un video che parla al mercato dell\u2019industria con un linguaggio chiaro e potente: un racconto dove la macchina non viene solo presentata, ma vissuta nella sua capacit\u00e0 di generare valore, innovazione e nuove possibilit\u00e0 produttive.<\/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-3684","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/3684","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=3684"}],"version-history":[{"count":25,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/3684\/revisions"}],"predecessor-version":[{"id":3719,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/3684\/revisions\/3719"}],"wp:attachment":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/media?parent=3684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}