{"id":8926,"date":"2026-07-13T12:18:17","date_gmt":"2026-07-13T12:18:17","guid":{"rendered":"https:\/\/demetradesign.it\/?post_type=portfolio&#038;p=8926"},"modified":"2026-07-14T14:11:40","modified_gmt":"2026-07-14T14:11:40","slug":"mac8-spa","status":"publish","type":"portfolio","link":"https:\/\/demetradesign.it\/fr\/portfolio\/mac8-spa\/","title":{"rendered":"Mac8 Spa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8926\" class=\"elementor elementor-8926\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10ba6a9 e-con-full e-flex e-con e-parent\" data-id=\"10ba6a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0258b3e elementor-widget elementor-widget-html\" data-id=\"0258b3e\" 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<div id=\"mac8-liquid-webgl\">\n  <canvas id=\"mac8-liquid-canvas\" aria-hidden=\"true\"><\/canvas>\n\n  <div class=\"mac8-liquid-logo\">\n    <img decoding=\"async\"\n      src=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/Es_Logo-MAC8_Grande.svg\"\n      alt=\"MAC8\"\n    >\n  <\/div>\n<\/div>\n\n<style>\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden !important;\n  background: #E1E1E1 !important;\n}\n\n#mac8-liquid-webgl,\n#mac8-liquid-webgl * {\n  box-sizing: border-box;\n}\n\n#mac8-liquid-webgl {\n  position: relative !important;\n  width: 100vw !important;\n  height: 100vh !important;\n  height: 100svh !important;\n  min-height: 100vh !important;\n  min-height: 100svh !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  overflow: hidden !important;\n  background: #E1E1E1 !important;\n  isolation: isolate !important;\n  touch-action: pan-y !important;\n}\n\n#mac8-liquid-canvas {\n  position: absolute !important;\n  inset: 0 !important;\n  z-index: 1 !important;\n  display: block !important;\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  background: #E1E1E1 !important;\n}\n\n.mac8-liquid-logo {\n  position: absolute !important;\n  top: 50% !important;\n  left: 50% !important;\n  z-index: 2 !important;\n  width: min(34vw, 560px) !important;\n  transform: translate(-50%, -50%) !important;\n  pointer-events: none !important;\n}\n\n.mac8-liquid-logo img {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  max-width: none !important;\n  object-fit: contain !important;\n}\n\n\/* TABLET *\/\n@media screen and (min-width: 768px) and (max-width: 1024px) {\n  .mac8-liquid-logo {\n    width: min(52vw, 470px) !important;\n  }\n}\n\n\/* MOBILE *\/\n@media screen and (max-width: 767px) {\n  #mac8-liquid-webgl {\n    height: 100svh !important;\n    min-height: 100svh !important;\n  }\n\n  .mac8-liquid-logo {\n    width: min(78vw, 330px) !important;\n  }\n}\n\n\/* ELEMENTOR *\/\n.elementor-widget-html:has(#mac8-liquid-webgl),\n.elementor-widget-html:has(#mac8-liquid-webgl)\n  > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: visible !important;\n}\n<\/style>\n\n<script type=\"module\">\nimport * as THREE from \"https:\/\/unpkg.com\/three@0.160.1\/build\/three.module.js\";\n\nconst app = document.getElementById(\"mac8-liquid-webgl\");\nconst canvas = document.getElementById(\"mac8-liquid-canvas\");\n\nconst MAX_DROPLETS = 14;\nconst MAX_ENTRIES = MAX_DROPLETS * 2;\n\nconst renderer = new THREE.WebGLRenderer({\n  canvas,\n  antialias: false,\n  alpha: false,\n  powerPreference: \"high-performance\"\n});\n\nrenderer.setClearColor(0xE1E1E1, 1);\n\nconst scene = new THREE.Scene();\n\nconst camera = new THREE.OrthographicCamera(\n  -1,\n  1,\n  1,\n  -1,\n  0,\n  1\n);\n\nlet cssW = 1;\nlet cssH = 1;\nlet dpr = 1;\nlet aspect = 1;\nlet mode = \"\";\n\nfunction getMode() {\n  if (cssW <= 767) return \"mobile\";\n  if (cssW <= 1024) return \"tablet\";\n  return \"desktop\";\n}\n\nconst dropletBuffer = new Float32Array(MAX_ENTRIES * 4);\n\nconst dropletTexture = new THREE.DataTexture(\n  dropletBuffer,\n  MAX_ENTRIES,\n  1,\n  THREE.RGBAFormat,\n  THREE.FloatType\n);\n\ndropletTexture.minFilter = THREE.NearestFilter;\ndropletTexture.magFilter = THREE.NearestFilter;\ndropletTexture.generateMipmaps = false;\ndropletTexture.needsUpdate = true;\n\nconst material = new THREE.ShaderMaterial({\n  vertexShader: `\n    void main() {\n      gl_Position = vec4(position, 1.0);\n    }\n  `,\n\n  fragmentShader: `\n    precision highp float;\n\n    #define MAX_N ${MAX_ENTRIES}\n\n    uniform vec2 uRes;\n    uniform sampler2D uData;\n    uniform int uCount;\n\n    void main() {\n      vec2 uv = gl_FragCoord.xy \/ uRes;\n      float asp = uRes.x \/ uRes.y;\n      vec2 p = (uv - 0.5) * vec2(asp, 1.0);\n\n      float field = 0.0;\n      vec2 grad = vec2(0.0);\n\n      for (int i = 0; i < MAX_N; i++) {\n        if (i >= uCount) break;\n\n        vec4 drop = texture2D(\n          uData,\n          vec2(\n            (float(i) + 0.5) \/ float(MAX_N),\n            0.5\n          )\n        );\n\n        vec2 center = drop.xy;\n        float radius = drop.z;\n\n        if (radius < 0.001) continue;\n\n        vec2 delta = p - center;\n        float distSq = dot(delta, delta) + 0.00001;\n        float contribution = radius * radius \/ distSq;\n\n        field += contribution;\n        grad += -2.0 * contribution \/ distSq * delta;\n      }\n\n      float threshold = 1.0;\n\n      float body = smoothstep(\n        threshold - 0.10,\n        threshold + 0.04,\n        field\n      );\n\n      float gradLength = length(grad);\n\n      vec2 normalGradient =\n        gradLength > 0.0001\n          ? grad \/ gradLength\n          : vec2(0.0);\n\n      float normalStrength =\n        atan(gradLength * 0.45) * 0.25;\n\n      vec3 normal = normalize(\n        vec3(\n          -normalGradient * normalStrength,\n          1.0\n        )\n      );\n\n      vec3 lightDirection = normalize(\n        vec3(-0.35, 0.55, 1.0)\n      );\n\n      vec3 viewDirection = vec3(0.0, 0.0, 1.0);\n\n      vec3 halfDirection = normalize(\n        lightDirection + viewDirection\n      );\n\n      float diffuse = max(\n        dot(normal, lightDirection),\n        0.0\n      );\n\n      float specular = pow(\n        max(dot(normal, halfDirection), 0.0),\n        180.0\n      );\n\n      float fresnel =\n        0.05 +\n        0.55 *\n        pow(\n          1.0 - max(dot(normal, viewDirection), 0.0),\n          4.0\n        );\n\n      float borderOuter = smoothstep(\n        threshold - 0.11,\n        threshold - 0.015,\n        field\n      );\n\n      float borderInner = smoothstep(\n        threshold + 0.01,\n        threshold + 0.08,\n        field\n      );\n\n      float border =\n        borderOuter *\n        (1.0 - borderInner);\n\n      vec3 background = vec3(0.8823529);\n\n      vec3 glass =\n        background * (0.98 + diffuse * 0.025) +\n        vec3(1.0) * specular * 0.16 +\n        vec3(1.0) * fresnel * 0.055 +\n        vec3(1.0) * border * 0.10;\n\n      vec3 color = mix(\n        background,\n        glass,\n        body\n      );\n\n      gl_FragColor = vec4(color, 1.0);\n    }\n  `,\n\n  uniforms: {\n    uRes: {\n      value: new THREE.Vector2(1, 1)\n    },\n    uData: {\n      value: dropletTexture\n    },\n    uCount: {\n      value: 0\n    }\n  },\n\n  depthTest: false,\n  depthWrite: false\n});\n\nconst geometry = new THREE.PlaneGeometry(2, 2);\nconst mesh = new THREE.Mesh(geometry, material);\n\nscene.add(mesh);\n\nlet drops = [];\n\nconst pointer = {\n  x: 999,\n  y: 999,\n  active: false,\n  down: false\n};\n\nfunction spawn(x, y, radius) {\n  if (drops.length >= MAX_DROPLETS) return;\n\n  const angle = Math.random() * Math.PI * 2;\n\n  let speed;\n\n  if (mode === \"mobile\") {\n    speed = 0.000035 + Math.random() * 0.000045;\n  } else if (mode === \"tablet\") {\n    speed = 0.000055 + Math.random() * 0.00007;\n  } else {\n    speed = 0.00008 + Math.random() * 0.00010;\n  }\n\n  drops.push({\n    x,\n    y,\n    radius,\n    vx: Math.cos(angle) * speed,\n    vy: Math.sin(angle) * speed,\n    previousX: x,\n    previousY: y,\n    offsetX: 0,\n    offsetY: 0,\n    offsetVelocityX: 0,\n    offsetVelocityY: 0,\n    wanderAngle: Math.random() * Math.PI * 2\n  });\n}\n\nfunction resetDrops() {\n  drops = [];\n\n  if (mode === \"mobile\") {\n    spawn(-0.15, 0.34, 0.050);\n    spawn(0.15, 0.26, 0.046);\n    spawn(-0.17, -0.28, 0.056);\n    spawn(0.16, -0.35, 0.044);\n    return;\n  }\n\n  if (mode === \"tablet\") {\n    spawn(-0.28, 0.30, 0.070);\n    spawn(0.28, 0.22, 0.064);\n    spawn(-0.25, -0.26, 0.078);\n    spawn(0.25, -0.32, 0.060);\n    return;\n  }\n\n  spawn(-0.34, 0.20, 0.095);\n  spawn(-0.18, 0.04, 0.076);\n  spawn(0.02, 0.18, 0.086);\n  spawn(0.22, -0.04, 0.072);\n  spawn(0.35, 0.16, 0.080);\n  spawn(0.08, -0.30, 0.105);\n}\n\nfunction updatePointer(event) {\n  if (\n    mode !== \"desktop\" &&\n    event.pointerType === \"touch\"\n  ) {\n    return;\n  }\n\n  const rect = canvas.getBoundingClientRect();\n\n  if (!rect.width || !rect.height) return;\n\n  pointer.x =\n    (\n      (event.clientX - rect.left) \/\n      rect.width -\n      0.5\n    ) * aspect;\n\n  pointer.y =\n    0.5 -\n    (event.clientY - rect.top) \/\n    rect.height;\n\n  pointer.active = true;\n}\n\ncanvas.addEventListener(\n  \"pointermove\",\n  updatePointer,\n  { passive: true }\n);\n\ncanvas.addEventListener(\n  \"pointerdown\",\n  event => {\n    if (\n      mode !== \"desktop\" &&\n      event.pointerType === \"touch\"\n    ) {\n      return;\n    }\n\n    updatePointer(event);\n    pointer.down = true;\n\n    if (\n      event.pointerType !== \"touch\" &&\n      canvas.setPointerCapture\n    ) {\n      canvas.setPointerCapture(event.pointerId);\n    }\n  },\n  { passive: true }\n);\n\ncanvas.addEventListener(\n  \"pointerup\",\n  () => {\n    pointer.down = false;\n  },\n  { passive: true }\n);\n\ncanvas.addEventListener(\n  \"pointerleave\",\n  () => {\n    pointer.active = false;\n    pointer.down = false;\n  },\n  { passive: true }\n);\n\ncanvas.addEventListener(\n  \"pointercancel\",\n  () => {\n    pointer.active = false;\n    pointer.down = false;\n  },\n  { passive: true }\n);\n\nfunction resize() {\n  const rect = app.getBoundingClientRect();\n\n  cssW = Math.max(\n    1,\n    Math.round(rect.width)\n  );\n\n  cssH = Math.max(\n    1,\n    Math.round(rect.height)\n  );\n\n  aspect = cssW \/ cssH;\n\n  const newMode = getMode();\n  const modeChanged = newMode !== mode;\n\n  mode = newMode;\n\n  if (mode === \"mobile\") {\n    dpr = Math.min(\n      1.25,\n      window.devicePixelRatio || 1\n    );\n  } else if (mode === \"tablet\") {\n    dpr = Math.min(\n      1.5,\n      window.devicePixelRatio || 1\n    );\n  } else {\n    dpr = Math.min(\n      2,\n      window.devicePixelRatio || 1\n    );\n  }\n\n  renderer.setPixelRatio(dpr);\n  renderer.setSize(cssW, cssH, false);\n\n  material.uniforms.uRes.value.set(\n    renderer.domElement.width,\n    renderer.domElement.height\n  );\n\n  if (\n    modeChanged ||\n    drops.length === 0\n  ) {\n    resetDrops();\n  }\n}\n\nfunction updatePhysics() {\n  for (const drop of drops) {\n    drop.wanderAngle +=\n      (Math.random() - 0.5) * 0.10;\n\n    const wander =\n      mode === \"mobile\"\n        ? 0.0000025\n        : mode === \"tablet\"\n        ? 0.000004\n        : 0.000006;\n\n    drop.vx +=\n      Math.cos(drop.wanderAngle) *\n      wander;\n\n    drop.vy +=\n      Math.sin(drop.wanderAngle) *\n      wander;\n\n    drop.vx -=\n      drop.x * 0.000003;\n\n    drop.vy -=\n      drop.y * 0.000003;\n\n    if (pointer.active) {\n      const dx = drop.x - pointer.x;\n      const dy = drop.y - pointer.y;\n\n      const distSq =\n        dx * dx + dy * dy;\n\n      const interactionRadius =\n        pointer.down\n          ? 0.38 + drop.radius\n          : 0.23 + drop.radius;\n\n      if (\n        distSq <\n          interactionRadius *\n          interactionRadius &&\n        distSq > 0.00001\n      ) {\n        const distance = Math.sqrt(distSq);\n\n        const strength =\n          1 -\n          distance \/ interactionRadius;\n\n        const force =\n          pointer.down\n            ? 0.003\n            : 0.0015;\n\n        drop.vx +=\n          (dx \/ distance) *\n          strength *\n          strength *\n          force;\n\n        drop.vy +=\n          (dy \/ distance) *\n          strength *\n          strength *\n          force;\n      }\n    }\n\n    drop.x += drop.vx;\n    drop.y += drop.vy;\n\n    drop.vx *= 0.996;\n    drop.vy *= 0.996;\n\n    const boundaryX = aspect * 0.5;\n    const boundaryY = 0.5;\n\n    if (\n      drop.x - drop.radius <\n      -boundaryX\n    ) {\n      drop.x =\n        -boundaryX +\n        drop.radius;\n\n      drop.vx =\n        Math.abs(drop.vx) *\n        0.25;\n    }\n\n    if (\n      drop.x + drop.radius >\n      boundaryX\n    ) {\n      drop.x =\n        boundaryX -\n        drop.radius;\n\n      drop.vx =\n        -Math.abs(drop.vx) *\n        0.25;\n    }\n\n    if (\n      drop.y - drop.radius <\n      -boundaryY\n    ) {\n      drop.y =\n        -boundaryY +\n        drop.radius;\n\n      drop.vy =\n        Math.abs(drop.vy) *\n        0.25;\n    }\n\n    if (\n      drop.y + drop.radius >\n      boundaryY\n    ) {\n      drop.y =\n        boundaryY -\n        drop.radius;\n\n      drop.vy =\n        -Math.abs(drop.vy) *\n        0.25;\n    }\n\n    drop.offsetVelocityX +=\n      (\n        drop.x -\n        drop.previousX -\n        drop.offsetX\n      ) * 0.16;\n\n    drop.offsetVelocityY +=\n      (\n        drop.y -\n        drop.previousY -\n        drop.offsetY\n      ) * 0.16;\n\n    drop.offsetVelocityX *= 0.68;\n    drop.offsetVelocityY *= 0.68;\n\n    drop.offsetX +=\n      drop.offsetVelocityX;\n\n    drop.offsetY +=\n      drop.offsetVelocityY;\n\n    drop.previousX = drop.x;\n    drop.previousY = drop.y;\n  }\n}\n\nfunction syncDrops() {\n  dropletBuffer.fill(0);\n\n  const count = Math.min(\n    drops.length,\n    MAX_DROPLETS\n  );\n\n  for (\n    let index = 0;\n    index < count;\n    index++\n  ) {\n    const drop = drops[index];\n\n    const firstIndex = index * 4;\n\n    dropletBuffer[firstIndex] =\n      drop.x;\n\n    dropletBuffer[firstIndex + 1] =\n      drop.y;\n\n    dropletBuffer[firstIndex + 2] =\n      drop.radius;\n\n    dropletBuffer[firstIndex + 3] =\n      1;\n\n    const secondIndex =\n      (count + index) * 4;\n\n    dropletBuffer[secondIndex] =\n      drop.x -\n      drop.offsetX * 2.5;\n\n    dropletBuffer[secondIndex + 1] =\n      drop.y -\n      drop.offsetY * 2.5;\n\n    dropletBuffer[secondIndex + 2] =\n      drop.radius * 0.58;\n\n    dropletBuffer[secondIndex + 3] =\n      1;\n  }\n\n  dropletTexture.needsUpdate = true;\n\n  material.uniforms.uCount.value =\n    count * 2;\n}\n\nlet running = true;\n\nfunction animate() {\n  requestAnimationFrame(animate);\n\n  if (!running) return;\n\n  updatePhysics();\n  syncDrops();\n\n  renderer.render(scene, camera);\n}\n\nconst resizeObserver = new ResizeObserver(resize);\n\nresizeObserver.observe(app);\n\nwindow.addEventListener(\n  \"resize\",\n  resize,\n  { passive: true }\n);\n\nwindow.addEventListener(\n  \"orientationchange\",\n  () => {\n    setTimeout(resize, 250);\n    setTimeout(resize, 600);\n  },\n  { passive: true }\n);\n\ndocument.addEventListener(\n  \"visibilitychange\",\n  () => {\n    running = !document.hidden;\n  }\n);\n\nresize();\nanimate();\n<\/script>\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-ce35e8e e-flex e-con-boxed e-con e-parent\" data-id=\"ce35e8e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e151bc3 e-con-full e-flex e-con e-child\" data-id=\"e151bc3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96c325d elementor-widget elementor-widget-heading\" data-id=\"96c325d\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Cliente<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95275d1 elementor-widget elementor-widget-heading\" data-id=\"95275d1\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Mac8 Spa<\/h1>\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-29a431c e-con-full e-flex e-con e-child\" data-id=\"29a431c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-433583f elementor-widget elementor-widget-heading\" data-id=\"433583f\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Settore<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f90f3a elementor-widget elementor-widget-heading\" data-id=\"2f90f3a\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Marketing Strategy, Graphic, Web, Eventi, Supporto Strategico<\/h1>\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-ed5b7be e-con-full e-flex e-con e-child\" data-id=\"ed5b7be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8373f6f elementor-widget elementor-widget-heading\" data-id=\"8373f6f\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Sito Web<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d07ded9 elementor-widget elementor-widget-heading\" data-id=\"d07ded9\" 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<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/mac8spa.com\/\" target=\"_blank\">www.mac8spa.com<\/a><\/h1>\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<div class=\"elementor-element elementor-element-70bfc90 e-con-full e-flex e-con e-parent\" data-id=\"70bfc90\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8b66a73 e-con-full e-flex e-con e-child\" data-id=\"8b66a73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b99edf elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"9b99edf\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Mac8 Spa: Strategia e comunicazione integrate per un brand in continua evoluzione<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8da64a elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a8da64a\" 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\" title=\"Page 3\"><div class=\"section\"><div class=\"layoutArea\"><div class=\"column\"><div>Per Mac8, <strong>holding di investimento<\/strong> attiva in diversi settori e orientata allo sviluppo di nuove opportunit\u00e0 di business, Demetra opera come partner strategico continuativo, accompagnando l\u2019azienda nella costruzione e nell\u2019evoluzione della propria comunicazione. \u00a0<\/div><div>\u00a0<\/div><div>Il nostro lavoro parte dall\u2019analisi periodica degli obiettivi aziendali (ripetuta nel tempo) e si traduce nella progettazione di <strong>nuove iniziative<\/strong>, <strong>contenuti<\/strong> e <strong>attivit\u00e0 coordinate<\/strong>.<\/div><div>\u00a0<\/div><div>Oltre alla realizzazione del sito internet di Mac8, ne curiamo l\u2019intero ecosistema di comunicazione del marchio: dalla direzione grafica alla produzione dei materiali, dalla strategia editoriale alla gestione dei social media, fino alla pianificazione e all\u2019ottimizzazione delle campagne advertising.<\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab2b594 elementor-widget elementor-widget-video\" data-id=\"ab2b594\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;start&quot;:1,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-desktp-web.mp4#t=1\" autoplay=\"\" loop=\"\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-b9062c9 e-con-full e-flex e-con e-child\" data-id=\"b9062c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ed56c7 e-con-full e-flex e-con e-parent\" data-id=\"2ed56c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f3d8f94 e-con-full e-flex e-con e-child\" data-id=\"f3d8f94\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a39133 e-con-full e-flex e-con e-child\" data-id=\"9a39133\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-547405d elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"547405d\" 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\" title=\"Page 3\"><div class=\"section\"><div class=\"layoutArea\"><div class=\"column\"><p><strong>Marketing Strategico<\/strong><\/p><p>Prima di definire qualsiasi attivit\u00e0 operativa, abbiamo lavorato alla costruzione di una strategia di marketing capace di rappresentare la complessit\u00e0 dell&#8217;ecosistema Mac8\u00ae. Attraverso analisi del mercato, studio dei competitor e identificazione dei diversi stakeholder, abbiamo definito un percorso di comunicazione coerente con gli obiettivi di crescita della holding.<\/p><p>L&#8217;obiettivo non era semplicemente comunicare ci\u00f2 che Mac8\u00ae fa, ma costruire un posizionamento distintivo in grado di valorizzare il modello di business, le competenze del gruppo e la visione imprenditoriale che accomuna tutte le societ\u00e0 dell&#8217;ecosistema.<\/p><p><strong>Ricerca, Analisi e Posizionamento<\/strong><\/p><p>Ogni scelta \u00e8 stata supportata da un&#8217;attivit\u00e0 di ricerca finalizzata a comprendere il mercato di riferimento, il linguaggio utilizzato dai competitor e le opportunit\u00e0 di differenziazione.<\/p><p>Abbiamo definito i pilastri del brand, il tone of voice, la gerarchia dei messaggi e il posizionamento strategico, creando una base solida sulla quale sviluppare tutte le successive attivit\u00e0 di comunicazione.<\/p><p><strong>Roadmap Operativa<\/strong><\/p><p>Una volta definita la direzione strategica, abbiamo trasformato gli obiettivi in un piano operativo concreto.<\/p><p>Abbiamo organizzato le attivit\u00e0 secondo una roadmap condivisa, definendo priorit\u00e0, tempistiche e strumenti necessari per accompagnare la crescita del brand nel tempo. Questo approccio ha consentito di coordinare in maniera efficace marketing, comunicazione e sviluppo aziendale, mantenendo continuit\u00e0 tra le diverse iniziative.<\/p><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e3b771 elementor-widget elementor-widget-image\" data-id=\"7e3b771\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design.jpg\" class=\"attachment-full size-full wp-image-9086\" alt=\"\" srcset=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design.jpg 1920w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design-300x200.jpg 300w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design-1024x683.jpg 1024w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design-768x512.jpg 768w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design-1536x1024.jpg 1536w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design-18x12.jpg 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\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-dfcb21a e-con-full e-flex e-con e-parent\" data-id=\"dfcb21a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b2628c8 e-con-full e-flex e-con e-child\" data-id=\"b2628c8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a36db3 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3a36db3\" 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\" title=\"Page 3\"><div class=\"section\"><div class=\"layoutArea\"><div class=\"column\"><p><strong>Consulenza Strategica Continuativa<\/strong><\/p><p>Il progetto non si \u00e8 limitato alla realizzazione di singole attivit\u00e0, ma si \u00e8 sviluppato attraverso un percorso di consulenza continuativa.<\/p><p>Abbiamo affiancato il management nelle decisioni legate al marketing, analizzando opportunit\u00e0, individuando nuove aree di sviluppo e supportando la definizione delle strategie commerciali e di comunicazione in funzione dell&#8217;evoluzione della holding e delle societ\u00e0 partecipate.<\/p><p><strong>Coordinamento della Comunicazione<\/strong><\/p><p>Per un gruppo composto da realt\u00e0 differenti \u00e8 fondamentale mantenere una comunicazione coordinata.<\/p><p>Abbiamo gestito la pianificazione delle attivit\u00e0 di marketing, supervisionando contenuti, materiali promozionali e iniziative di comunicazione affinch\u00e9 ogni touchpoint contribuisse a rafforzare l&#8217;identit\u00e0 di Mac8\u00ae, mantenendo coerenza tra i diversi brand dell&#8217;ecosistema e valorizzando le sinergie tra le societ\u00e0 del gruppo.<\/p><p><strong>Direzione Creativa e Produzione Grafica<\/strong><\/p><p>Parallelamente alle attivit\u00e0 strategiche, abbiamo curato la progettazione dei materiali di comunicazione destinati sia ai canali digitali sia agli strumenti istituzionali.<\/p><p>Presentazioni corporate, materiali commerciali, supporti grafici, visual e contenuti sono stati sviluppati seguendo un linguaggio visivo coerente, capace di trasmettere solidit\u00e0, autorevolezza e visione imprenditoriale, elementi fondamentali per una holding orientata agli investimenti e allo sviluppo di nuove opportunit\u00e0.<\/p><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d48cc25 elementor-widget elementor-widget-image\" data-id=\"d48cc25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-cartellone-pubblicitario-evento-golf-demetra-design.jpg\" class=\"attachment-full size-full wp-image-9087\" alt=\"\" srcset=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-cartellone-pubblicitario-evento-golf-demetra-design.jpg 1920w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-cartellone-pubblicitario-evento-golf-demetra-design-300x200.jpg 300w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-cartellone-pubblicitario-evento-golf-demetra-design-1024x683.jpg 1024w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-cartellone-pubblicitario-evento-golf-demetra-design-768x512.jpg 768w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-cartellone-pubblicitario-evento-golf-demetra-design-1536x1024.jpg 1536w, https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-cartellone-pubblicitario-evento-golf-demetra-design-18x12.jpg 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\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-50e3d86 e-con-full e-flex e-con e-child\" data-id=\"50e3d86\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1238339 e-con-full e-flex e-con e-parent\" data-id=\"1238339\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-78f60d9 e-con-full e-flex e-con e-child\" data-id=\"78f60d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcbd4a3 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"fcbd4a3\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Una comunicazione che accompagna la crescita<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15e423a elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"15e423a\" 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>L&#8217;attivit\u00e0 di Demetra comprende inoltre l&#8217;ideazione e lo sviluppo di eventi, progetti speciali e iniziative capaci di rafforzare il posizionamento di Mac8\u00ae, assicurando coerenza, continuit\u00e0 e riconoscibilit\u00e0 in ogni punto di contatto.<\/p><p>Accanto alle attivit\u00e0 di comunicazione, coordiniamo la pianificazione delle iniziative di marketing e la produzione dei materiali grafici e istituzionali, garantendo che ogni progetto sia coerente con la strategia complessiva del gruppo. Dalla definizione dei concept creativi alla realizzazione degli asset di comunicazione, ogni intervento viene sviluppato con una visione unitaria, capace di valorizzare l&#8217;identit\u00e0 di Mac8\u00ae e delle realt\u00e0 che ne fanno parte.<\/p><p>L&#8217;affiancamento strategico si estende anche alla consulenza continuativa, supportando il management nella valutazione di nuove opportunit\u00e0, nella definizione delle priorit\u00e0 e nella costruzione di roadmap operative che trasformano gli obiettivi aziendali in azioni concrete. Un approccio che permette di affrontare ogni iniziativa con metodo, mantenendo una direzione chiara anche in contesti in continua evoluzione.<\/p><p>Un rapporto costruito nel tempo, nel quale strategia e operativit\u00e0 lavorano insieme per sostenere la crescita del gruppo, valorizzare ogni nuova opportunit\u00e0 e fare della comunicazione uno strumento di sviluppo, capace di accompagnare le decisioni aziendali e generare valore nel lungo periodo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3f403f elementor-widget elementor-widget-image-carousel\" data-id=\"c3f403f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;2&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:1000,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:30,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&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<div class=\"elementor-widget-container\">\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 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/trive-1.jpg\" alt=\"trive-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/trive-2.jpg\" alt=\"trive-2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/trive-3.jpg\" alt=\"trive-3\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/trive-4.jpg\" alt=\"trive-4\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/trive-5.jpg\" alt=\"trive-5\" \/><\/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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77a53d9 e-con-full e-flex e-con e-parent\" data-id=\"77a53d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-b4969b8 e-con-full e-flex e-con e-child\" data-id=\"b4969b8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebe2245 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ebe2245\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" 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\">raccontaci la tua <span class=\"playfair-italic\">sfida,<\/span><br>pensiamo noi a <br>trasformarla in <span class=\"playfair-italic\">opportunit\u00e0<\/span><\/h2>\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-70d3873 e-con-full e-flex e-con e-child\" data-id=\"70d3873\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-574ed8f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"574ed8f\" 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 data-start=\"59\" data-end=\"309\">Hai un obiettivo di comunicazione, un progetto da sviluppare o semplicemente la sensazione che il tuo brand possa fare di pi\u00f9? <br><br>Contattaci per una prima call conoscitiva \u2014 senza impegno. Analizziamo insieme la situazione e ti proponiamo un percorso su misura.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-880e3da elementor-widget elementor-widget-html\" data-id=\"880e3da\" 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<a href=\"https:\/\/demetradesign.it\/website\/contatti\/\" class=\"gt-btn\">\n  <span class=\"gt-btn-bg\"><\/span>\n  <span class=\"gt-btn-icon\">\n    <span class=\"gt-btn-arrow\"><\/span>\n  <\/span>\n  <span class=\"gt-btn-label\">contatti<\/span>\n<\/a>\n<style>\n.gt-btn{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  width:auto;\n  height:40px;\n  padding-right:20px;\n  text-decoration:none;\n  font-family:Inter, Helvetica, Arial, sans-serif;\n  cursor:pointer;\n  overflow:hidden;\n  border-radius:999px;\n}\n.gt-btn-bg{\n  position:absolute;\n  left:0;\n  top:0;\n  width:40px;\n  height:40px;\n  border-radius:999px;\n  background:#fff;\n  transition:width .45s cubic-bezier(.65,0,.076,1);\n  z-index:1;\n}\n.gt-btn-icon{\n  position:relative;\n  z-index:3;\n  width:40px;\n  height:40px;\n  flex:0 0 40px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.gt-btn-arrow{\n  width:8px;\n  height:8px;\n  border-top:2px solid #111;\n  border-right:2px solid #111;\n  transform:rotate(45deg);\n  transition:transform .35s ease;\n}\n.gt-btn-label{\n  position:relative;\n  z-index:2;\n  color:#fff;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  white-space:nowrap;\n  padding-left:12px;\n  transition:color .35s ease;\n}\n.gt-btn:hover .gt-btn-bg{ width:100%; }\n.gt-btn:hover .gt-btn-arrow{ transform:translateX(3px) rotate(45deg); }\n.gt-btn:hover .gt-btn-label{ color:#111; }\n@media (max-width:768px){\n  .gt-btn{\n    height:36px;\n    padding-right:16px;\n  }\n  .gt-btn-bg,\n  .gt-btn-icon{\n    width:36px;\n    height:36px;\n    flex-basis:36px;\n  }\n  .gt-btn-label{\n    font-size:10px;\n    padding-left:10px;\n  }\n}\n<\/style>\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\t\t<\/div>\n\t\t","protected":false},"featured_media":0,"template":"elementor_header_footer","class_list":["post-8926","portfolio","type-portfolio","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MAC8 SPA: strategia, branding e comunicazione - Demetra<\/title>\n<meta name=\"description\" content=\"Scopri il progetto MAC8 SPA: strategia di marketing, branding, sito web, comunicazione integrata, social media, advertising ed eventi.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/demetradesign.it\/fr\/portefeuille\/mac8-spa\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MAC8 SPA: strategia, branding e comunicazione - Demetra\" \/>\n<meta property=\"og:description\" content=\"Scopri il progetto MAC8 SPA: strategia di marketing, branding, sito web, comunicazione integrata, social media, advertising ed eventi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demetradesign.it\/fr\/portefeuille\/mac8-spa\/\" \/>\n<meta property=\"og:site_name\" content=\"Demetra - Comunicazione Creativa\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/demetrabound\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-14T14:11:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demetradesign.it\\\/portfolio\\\/mac8-spa\\\/\",\"url\":\"https:\\\/\\\/demetradesign.it\\\/portfolio\\\/mac8-spa\\\/\",\"name\":\"MAC8 SPA: strategia, branding e comunicazione - Demetra\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demetradesign.it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/demetradesign.it\\\/portfolio\\\/mac8-spa\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/demetradesign.it\\\/portfolio\\\/mac8-spa\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/demetradesign.it\\\/website\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mac8-marketing-strategico-consulenza-demetra-design.jpg\",\"datePublished\":\"2026-07-13T12:18:17+00:00\",\"dateModified\":\"2026-07-14T14:11:40+00:00\",\"description\":\"Scopri il progetto MAC8 SPA: strategia di marketing, branding, sito web, comunicazione integrata, social media, advertising ed eventi.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demetradesign.it\\\/portfolio\\\/mac8-spa\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demetradesign.it\\\/portfolio\\\/mac8-spa\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/demetradesign.it\\\/portfolio\\\/mac8-spa\\\/#primaryimage\",\"url\":\"https:\\\/\\\/demetradesign.it\\\/website\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mac8-marketing-strategico-consulenza-demetra-design.jpg\",\"contentUrl\":\"https:\\\/\\\/demetradesign.it\\\/website\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mac8-marketing-strategico-consulenza-demetra-design.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demetradesign.it\\\/portfolio\\\/mac8-spa\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demetradesign.it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mac8 Spa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demetradesign.it\\\/#website\",\"url\":\"https:\\\/\\\/demetradesign.it\\\/\",\"name\":\"Demetra - Comunicazione Creativa\",\"description\":\"Comunicazione, Marketing e Soluzioni Creative\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/demetradesign.it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MAC8 SPA : strat\u00e9gie, image de marque et communication - Demetra","description":"D\u00e9couvrez le projet MAC8 SPA : strat\u00e9gie marketing, branding, site web, communication int\u00e9gr\u00e9e, r\u00e9seaux sociaux, publicit\u00e9 et \u00e9v\u00e9nements.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/demetradesign.it\/fr\/portefeuille\/mac8-spa\/","og_locale":"fr_FR","og_type":"article","og_title":"MAC8 SPA: strategia, branding e comunicazione - Demetra","og_description":"Scopri il progetto MAC8 SPA: strategia di marketing, branding, sito web, comunicazione integrata, social media, advertising ed eventi.","og_url":"https:\/\/demetradesign.it\/fr\/portefeuille\/mac8-spa\/","og_site_name":"Demetra - Comunicazione Creativa","article_publisher":"https:\/\/www.facebook.com\/demetrabound","article_modified_time":"2026-07-14T14:11:40+00:00","og_image":[{"url":"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demetradesign.it\/portfolio\/mac8-spa\/","url":"https:\/\/demetradesign.it\/portfolio\/mac8-spa\/","name":"MAC8 SPA : strat\u00e9gie, image de marque et communication - Demetra","isPartOf":{"@id":"https:\/\/demetradesign.it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/demetradesign.it\/portfolio\/mac8-spa\/#primaryimage"},"image":{"@id":"https:\/\/demetradesign.it\/portfolio\/mac8-spa\/#primaryimage"},"thumbnailUrl":"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design.jpg","datePublished":"2026-07-13T12:18:17+00:00","dateModified":"2026-07-14T14:11:40+00:00","description":"D\u00e9couvrez le projet MAC8 SPA : strat\u00e9gie marketing, branding, site web, communication int\u00e9gr\u00e9e, r\u00e9seaux sociaux, publicit\u00e9 et \u00e9v\u00e9nements.","breadcrumb":{"@id":"https:\/\/demetradesign.it\/portfolio\/mac8-spa\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demetradesign.it\/portfolio\/mac8-spa\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/demetradesign.it\/portfolio\/mac8-spa\/#primaryimage","url":"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design.jpg","contentUrl":"https:\/\/demetradesign.it\/website\/wp-content\/uploads\/2026\/07\/mac8-marketing-strategico-consulenza-demetra-design.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/demetradesign.it\/portfolio\/mac8-spa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demetradesign.it\/"},{"@type":"ListItem","position":2,"name":"Mac8 Spa"}]},{"@type":"WebSite","@id":"https:\/\/demetradesign.it\/#website","url":"https:\/\/demetradesign.it\/","name":"Demetra - Communication Cr\u00e9ative","description":"Communication, Marketing et Solutions Cr\u00e9atives","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demetradesign.it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/demetradesign.it\/fr\/wp-json\/wp\/v2\/portfolio\/8926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demetradesign.it\/fr\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/demetradesign.it\/fr\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":68,"href":"https:\/\/demetradesign.it\/fr\/wp-json\/wp\/v2\/portfolio\/8926\/revisions"}],"predecessor-version":[{"id":9232,"href":"https:\/\/demetradesign.it\/fr\/wp-json\/wp\/v2\/portfolio\/8926\/revisions\/9232"}],"wp:attachment":[{"href":"https:\/\/demetradesign.it\/fr\/wp-json\/wp\/v2\/media?parent=8926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}