{"id":998,"date":"2026-07-03T19:00:37","date_gmt":"2026-07-03T17:00:37","guid":{"rendered":"https:\/\/www.nicoledezi.com\/?page_id=998"},"modified":"2026-07-14T09:44:46","modified_gmt":"2026-07-14T07:44:46","slug":"motion-graphics","status":"publish","type":"page","link":"https:\/\/www.nicoledezi.com\/ca\/motion-graphics\/","title":{"rendered":"gr\u00e0fics en moviment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"998\" class=\"elementor elementor-998\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-748f50f e-con-full e-flex e-con e-parent\" data-id=\"748f50f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3f19db elementor-widget elementor-widget-heading\" data-id=\"b3f19db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MOTION GRAPHICS \/\/ 2026<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbc04c5 elementor-widget elementor-widget-text-editor\" data-id=\"dbc04c5\" 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<h2 style=\"font-size: 44px;\">Un entorn digital 100% interactiu<\/h2>\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-fc945ad elementor-widget elementor-widget-heading\" data-id=\"fc945ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Completament fet a mida<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b39efa e-transform elementor-widget-divider--view-line elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"3b39efa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:90,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f38a725 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"f38a725\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  #cursor-personalizado {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 24px; \n    height: 24px;\n    border: 0.5px solid #888888; \n    border-radius: 50%; \n    pointer-events: none; \n    z-index: 999999; \n    transform: translate(-50%, -50%); \n    display: none; \n  }\n\n  #fondo-3d-container {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    z-index: -9999 !important; \n    pointer-events: none !important; \n    background-color: #1a1a1a !important; \n    margin: 0 !important;\n    padding: 0 !important;\n  }\n<\/style>\n\n<div id=\"cursor-personalizado\"><\/div>\n\n<div id=\"fondo-3d-container\">\n  <canvas id=\"mi-escena-3d\"><\/canvas>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<script>\n  (function() {\n      \/\/ 1. DETECTOR DE MODO EDITOR\n      const esEditor = document.body.classList.contains('elementor-editor-active') || \n                       window.location.href.includes('elementor-preview') ||\n                       window.location.href.includes('action=elementor');\n\n      const cursorDOM = document.getElementById('cursor-personalizado');\n      \n      if (!esEditor) {\n          document.body.style.cursor = 'none';\n          cursorDOM.style.display = 'block';\n      }\n\n      \/\/ 2. L\u00d3GICA DEL RAT\u00d3N\n      const mouse = { x: 0, y: 0 }; \n\n      window.addEventListener('mousemove', (e) => {\n          if (!esEditor) {\n              cursorDOM.style.left = e.clientX + 'px';\n              cursorDOM.style.top = e.clientY + 'px';\n          }\n          mouse.x = (e.clientX \/ window.innerWidth) * 2 - 1;\n          mouse.y = -(e.clientY \/ window.innerHeight) * 2 + 1;\n      });\n\n      \/\/ 3. CONFIGURACI\u00d3N DEL ENTORNO 3D\n      const canvas = document.querySelector('#mi-escena-3d');\n      if (!canvas) return;\n\n      const scene = new THREE.Scene();\n      const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\n      camera.position.z = 5;\n\n      const renderer = new THREE.WebGLRenderer({ canvas: canvas, antialias: true, alpha: true });\n      renderer.setSize(window.innerWidth, window.innerHeight);\n      renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n\n      \/\/ 4. ESTRUCTURA DE GRUPOS\n      const gsapGroup = new THREE.Group(); \n      const interactiveGroup = new THREE.Group(); \n      \n      gsapGroup.add(interactiveGroup);\n      scene.add(gsapGroup);\n\n      \/\/ 5. CREACI\u00d3N DE LA ESFERA (Material ajustado para dispersar luz)\n      const geometry = new THREE.SphereGeometry(1.2, 64, 64);\n      const material = new THREE.MeshStandardMaterial({ \n          color: 0x222222, \n          roughness: 0.75, \/\/ AUMENTADO: Difumina el reflejo sobre una zona amplia\n          metalness: 0.2,  \/\/ REDUCIDO: Evita que el reflejo sea puntual y brillante\n      });\n      const sphere = new THREE.Mesh(geometry, material);\n      interactiveGroup.add(sphere);\n\n      \/\/ Creaci\u00f3n de Part\u00edculas\n      const canvasPunto = document.createElement('canvas');\n      canvasPunto.width = 32;\n      canvasPunto.height = 32;\n      const ctxPunto = canvasPunto.getContext('2d');\n      ctxPunto.beginPath();\n      ctxPunto.arc(16, 16, 15, 0, Math.PI * 2);\n      ctxPunto.fillStyle = '#ffffff'; \n      ctxPunto.fill();\n      const texturaCirculo = new THREE.CanvasTexture(canvasPunto);\n\n      const numParticulas = 1500; \n      const particulasGeo = new THREE.BufferGeometry();\n      const posArray = new Float32Array(numParticulas * 3);\n      const posOriginales = new Float32Array(numParticulas * 3);\n\n      for(let i = 0; i < numParticulas; i++) {\n          const u = Math.random();\n          const v = Math.random();\n          const theta = u * 2.0 * Math.PI;\n          const phi = Math.acos(2.0 * v - 1.0);\n          const r = 1.3 + Math.pow(Math.random(), 1.5) * 4.7; \n\n          const x = r * Math.sin(phi) * Math.cos(theta);\n          const y = r * Math.sin(phi) * Math.sin(theta);\n          const z = r * Math.cos(phi);\n\n          posArray[i * 3] = x;\n          posArray[i * 3 + 1] = y;\n          posArray[i * 3 + 2] = z;\n\n          posOriginales[i * 3] = x;\n          posOriginales[i * 3 + 1] = y;\n          posOriginales[i * 3 + 2] = z;\n      }\n\n      particulasGeo.setAttribute('position', new THREE.BufferAttribute(posArray, 3));\n\n      const particulasMat = new THREE.PointsMaterial({\n          size: 0.015, \n          map: texturaCirculo, \n          color: 0xffffff, \n          transparent: true,\n          opacity: 0.6,\n          blending: THREE.AdditiveBlending, \n          depthWrite: false \n      });\n\n      const particulasMesh = new THREE.Points(particulasGeo, particulasMat);\n      interactiveGroup.add(particulasMesh);\n\n      \/\/ 6. ILUMINACI\u00d3N\n      const ambientLight = new THREE.AmbientLight(0xffffff, 0.15);\n      scene.add(ambientLight);\n\n      \/\/ Destellos traseros (eclipse) en blanco brillante\n      const destello1 = new THREE.PointLight(0xffffff, 3.5, 6); \n      const destello2 = new THREE.PointLight(0xdddddd, 2.5, 6); \n      scene.add(destello1, destello2);\n      \n      \/\/ Foco frontal gris medio (El que ba\u00f1a el frente de la esfera)\n      const luzFrontal = new THREE.PointLight(0x888888, 1.8, 15); \/\/ Intensidad base subida levemente y alcance a 15\n      scene.add(luzFrontal);\n\n      const estadoLuz = {\n          baseX: 0,\n          intensidad: 1.8\n      };\n\n      \/\/ 7. ANIMACI\u00d3N DE SCROLL (GSAP)\n      gsap.registerPlugin(ScrollTrigger);\n      \n      const tl = gsap.timeline({\n          scrollTrigger: {\n              trigger: document.body, \n              start: \"top top\",\n              end: \"bottom bottom\",\n              scrub: 1, \n          }\n      });\n\n      tl.to(estadoLuz, { intensidad: 2.8, baseX: 5, duration: 1 }, 0) \n        .to(gsapGroup.scale, { x: 1.8, y: 1.8, z: 1.8, duration: 1 }, 1) \n        .to(gsapGroup.scale, { x: 0.6, y: 0.6, z: 0.6, duration: 1.5 }, 2) \n        .to(gsapGroup.position, { x: 2.5, y: 0, duration: 1.5 }, 2); \n\n      \/\/ 8. BUCLE CONTINUO\n      const clock = new THREE.Clock();\n      const mouse3D = new THREE.Vector3(); \n\n      function animate() {\n          const tiempo = clock.getElapsedTime();\n          const radioEclipse = 1.3; \n\n          destello1.position.x = Math.cos(tiempo * 2) * radioEclipse;\n          destello1.position.y = Math.sin(tiempo * 2) * radioEclipse;\n          destello1.position.z = -1.2;\n\n          destello2.position.x = Math.cos(tiempo * 1.5 + Math.PI) * radioEclipse;\n          destello2.position.y = Math.sin(tiempo * 1.5 + Math.PI) * radioEclipse;\n          destello2.position.z = -1.2;\n\n          particulasMesh.rotation.y = tiempo * 0.1;\n          particulasMesh.rotation.z = tiempo * 0.05;\n\n          mouse3D.set(mouse.x * 5, mouse.y * 5, 1.5); \n          particulasMesh.worldToLocal(mouse3D); \n\n          const posiciones = particulasGeo.attributes.position.array;\n\n          for(let i = 0; i < numParticulas; i++) {\n              let ix = i * 3, iy = i * 3 + 1, iz = i * 3 + 2;\n              \n              let px = posiciones[ix];\n              let py = posiciones[iy];\n              let pz = posiciones[iz];\n              \n              let ox = posOriginales[ix];\n              let oy = posOriginales[iy];\n              let oz = posOriginales[iz];\n\n              let dx = px - mouse3D.x;\n              let dy = py - mouse3D.y;\n              let dz = pz - mouse3D.z;\n              let distanciaSq = dx*dx + dy*dy + dz*dz;\n\n              if(distanciaSq < 8.0) {\n                  let distancia = Math.sqrt(distanciaSq);\n                  let fuerza = (2.8 - distancia) * 0.06; \n                  px += (dx \/ distancia) * fuerza;\n                  py += (dy \/ distancia) * fuerza;\n                  pz += (dz \/ distancia) * fuerza;\n              }\n\n              px += (ox - px) * 0.015;\n              py += (oy - py) * 0.015;\n              pz += (oz - pz) * 0.015;\n\n              posiciones[ix] = px;\n              posiciones[iy] = py;\n              posiciones[iz] = pz;\n          }\n          particulasGeo.attributes.position.needsUpdate = true; \n\n          const targetX = mouse.x * 0.4; \n          const targetY = (Math.sin(tiempo * 1.5) * 0.15) + (mouse.y * 0.4); \n\n          interactiveGroup.position.x += (targetX - interactiveGroup.position.x) * 0.05;\n          interactiveGroup.position.y += (targetY - interactiveGroup.position.y) * 0.05;\n\n          luzFrontal.intensity = estadoLuz.intensidad;\n          const targetLightX = estadoLuz.baseX + (mouse.x * 3);\n          const targetLightY = mouse.y * 3;\n          luzFrontal.position.x += (targetLightX - luzFrontal.position.x) * 0.1;\n          luzFrontal.position.y += (targetLightY - luzFrontal.position.y) * 0.1;\n          \n          \/\/ ALEJAMIENTO DEL FOCO: Lo pasamos de z=3 a z=4.5 para que la luz ba\u00f1e mucha m\u00e1s superficie\n          luzFrontal.position.z = 4.5;\n\n          renderer.render(scene, camera);\n          requestAnimationFrame(animate);\n      }\n      animate();\n\n      \/\/ 9. RESPONSIVIDAD\n      window.addEventListener('resize', () => {\n          camera.aspect = window.innerWidth \/ window.innerHeight;\n          camera.updateProjectionMatrix();\n          renderer.setSize(window.innerWidth, window.innerHeight);\n          \n          if(window.innerWidth < 768) {\n             gsap.set(gsapGroup.position, {x: window.innerWidth < 768 ? 0 : 2.5});\n          }\n      });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f78996 elementor-widget elementor-widget-heading\" data-id=\"4f78996\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Animaci\u00f3 interactiva per a una web m\u00e9s memorable<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-256ef35 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"256ef35\" 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\tCada projecte s\u2019adapta al tipus de negoci, al contingut disponible i als objectius de la marca. Podem treballar des d\u2019una web senzilla i molt ben plantejada fins a un projecte m\u00e9s visual, editorial o interactiu.\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-5e9e04e elementor-widget elementor-widget-spacer\" data-id=\"5e9e04e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb41e7 elementor-widget elementor-widget-heading\" data-id=\"9bb41e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Una nova manera de dir al m\u00f3n qui ets<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea1220c elementor-widget elementor-widget-heading\" data-id=\"ea1220c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">en menys de 500kb, responsiu i seo friendly<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05f9709 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"05f9709\" 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\tPodem integrar animacions interactives, efectes visuals, microinteraccions, transicions suaus, elements 3D, moviments amb scroll i recursos gr\u00e0fics personalitzats. Tot es planteja amb criteri: sense perdre velocitat, sense complicar la navegaci\u00f3 i sense convertir la web en una cosa dif\u00edcil d\u2019utilitzar.\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-41c32b8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"41c32b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La idea \u00e9s que la teva p\u00e0gina tingui car\u00e0cter, per\u00f2 continu\u00ef sent clara, r\u00e0pida i funcional.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebada97 elementor-widget elementor-widget-spacer\" data-id=\"ebada97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bc884d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5bc884d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La difer\u00e8ncia no est\u00e0 nom\u00e9s en moure\u2019s. Est\u00e0 en moure\u2019s amb sentit.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e26c03 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9e26c03\" 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>Avui moltes webs s\u2019assemblen massa. Mateixos blocs, mateixes frases, mateixes plantilles i la mateixa sensaci\u00f3 d\u2019haver-ho vist abans.<\/p><p>Una web amb una direcci\u00f3 visual m\u00e9s treballada i animacions ben integrades pot ajudar-te a destacar sense necessitat d\u2019exagerar. Pot fer que l\u2019usuari recordi millor la teva marca, entengui millor els teus serveis i percebi el teu negoci com m\u00e9s cuidat, actual i professional.<\/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-4f06a62 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4f06a62\" 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>Qu\u00e8 pot incloure el servei de web?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfa5be0 e-con-full e-flex e-con e-parent\" data-id=\"cfa5be0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3b00c4 elementor-icon-list--layout-inline elementor-align-start elementor-widget__width-initial elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"c3b00c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Disseny web a mida<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Animacions interactives<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Estructura SEO de la p\u00e0gina<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Redacci\u00f3 de textos optimitzats<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Disseny responsive<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Optimitzaci\u00f3 b\u00e0sica de velocitat<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Blog, portfolio o cat\u00e0leg de projectes<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ecommerce amb WooCommerce<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Manteniment web i suport t\u00e8cnic<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\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","protected":false},"excerpt":{"rendered":"<p>MOTION GRAPHICS \/\/ 2026 Un entorn digital 100% interactiu Completament fet a mida Animaci\u00f3 interactiva per a una web m\u00e9s memorable Cada projecte s\u2019adapta al tipus de negoci, al contingut disponible i als objectius de la marca. Podem treballar des d\u2019una web senzilla i molt ben plantejada fins a un projecte m\u00e9s visual, editorial o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-998","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.nicoledezi.com\/ca\/wp-json\/wp\/v2\/pages\/998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nicoledezi.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nicoledezi.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nicoledezi.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nicoledezi.com\/ca\/wp-json\/wp\/v2\/comments?post=998"}],"version-history":[{"count":115,"href":"https:\/\/www.nicoledezi.com\/ca\/wp-json\/wp\/v2\/pages\/998\/revisions"}],"predecessor-version":[{"id":1311,"href":"https:\/\/www.nicoledezi.com\/ca\/wp-json\/wp\/v2\/pages\/998\/revisions\/1311"}],"wp:attachment":[{"href":"https:\/\/www.nicoledezi.com\/ca\/wp-json\/wp\/v2\/media?parent=998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}