[{"data":1,"prerenderedAt":516},["ShallowReactive",2],{"site-home-content":3,"project-fairmont-polymers":160},{"id":4,"title":5,"body":6,"clients":16,"contactCta":34,"contactForm":38,"description":49,"extension":50,"footer":51,"heroLines":69,"image":76,"intro":76,"meta":77,"navigation":78,"path":93,"process":94,"projectsCta":76,"projectsIntro":76,"sectionTitles":121,"seo":126,"services":130,"slug":152,"stem":153,"teamCta":76,"teamMembers":76,"teamServices":76,"teamTitle":76,"visuals":154,"__hash__":159},"pages\u002Fpages\u002Findex.md","Estudio de diseño Suquet Estudi",{"type":7,"value":8,"toc":12},"minimark",[9],[10,11],"home-page",{},{"title":13,"searchDepth":14,"depth":14,"links":15},"",2,[],[17,20,23,26,28,31],{"src":18,"alt":19,"name":19},"\u002Fimages\u002Fclients\u002Funiversidad-valencia-suquet.svg","Universitat de València",{"src":21,"alt":22,"name":22},"\u002Fimages\u002Fclients\u002Fapash-suquet.svg","Apash Arquitectos",{"src":24,"alt":25,"name":25},"\u002Fimages\u002Fclients\u002Fproa-suquet.webp","Proa",{"name":27,"alt":27},"andros.dev",{"src":29,"alt":30,"name":30},"\u002Fimages\u002Fprojects\u002Ffairmont-polymers\u002Fcover.webp","Fairmont Polymers",{"src":32,"alt":33,"name":33},"\u002Fimages\u002Fprojects\u002Fcropcare\u002Fcover.jpg","Cropcare",{"title":35,"text":36,"linkLabel":37},"Háblanos de tu proyecto, solicita presupuesto","Escribe a contacte@suquet.studio o rellena el formulario de contacto.","Solicita más información",{"title":39,"namePlaceholder":40,"emailPlaceholder":41,"messagePlaceholder":42,"consentPrefix":43,"consentLink":44,"submitLabel":45,"locationPrefix":46,"location":47,"question":48},"Háblanos de tu proyecto","Nombre","Email","Cuéntanos tu proyecto","Al enviar este formulario aceptas nuestra","política de privacidad.","Enviar mensaje","Estamos en","Valencia","¿hablamos?","Diseñamos productos digitales con mucha vitamina C.","md",{"contactLabel":52,"email":53,"socialLabel":54,"socialHandle":55,"socialUrl":56,"legalLabel":57,"legalLinks":58,"copyright":68},"Contacto","contacte@suquet.studio","Instagram","@suquet.estudi","https:\u002F\u002Fwww.instagram.com\u002Fsuquet.estudi","Legal",[59,62,65],{"label":60,"to":61},"Aviso legal","\u002Faviso-legal",{"label":63,"to":64},"Política de cookies","\u002Fpolitica-de-cookies",{"label":66,"to":67},"Privacidad","\u002Fpolitica-de-privacidad","Hecho con 🤍 por Suquet Estudi",[70,71,72,73,74,75],"Estudio de diseño","Suquet Estudi.","Diseñamos","productos digitales","con mucha","vitamina C.",null,{},[79,82,85,88,91],{"label":80,"to":81},"Estudio","\u002F#services",{"label":83,"to":84},"Metodología","\u002F#process",{"label":86,"to":87},"Equipo","\u002Fequipo",{"label":89,"to":90},"Proyectos","\u002Fproyectos",{"label":52,"to":92},"\u002F#contact","\u002Fpages",[95,98,101,104,107,110,113,116,119],{"title":96,"text":97},"Primer contacto","Siempre tenemos una primera reunión donde conocernos y hablar de tu proyecto. Así definimos mejor el encargo antes de pasar a la toma de decisiones.",{"title":99,"text":100},"Briefing","Desarrollamos un briefing a partir de las notas tomadas en la primera reunión. Definimos las características del proyecto y elaboramos una propuesta para el cliente, con las soluciones más adecuadas al encargo.",{"title":102,"text":103},"Presupuesto","Analizamos el entorno digital en constante cambio y elaboramos una propuesta acorde a las necesidades reales. Presentamos al cliente un presupuesto junto con el cronograma y puntos a desarrollar del proyecto. Firmamos un acuerdo y empezamos el trabajo.",{"title":105,"text":106},"Plataforma de marca","Si no existe identidad o es necesario mejorar la existente, nosotros nos encargamos de definir la marca y crear una propuesta de valor acorde al negocio. Si ya existe una marca potente podemos pasar a la siguiente fase.",{"title":108,"text":109},"Diseño","Con la marca y funcionalidades definidas pasamos a la fase de diseño. Creamos el visual de la web\u002Faplicación\u002FCRM y hacemos revisiones con el cliente.",{"title":111,"text":112},"Evaluación","Evaluamos y medimos resultados. Realizamos cambios tras la revisión del cliente para cerrar la fase de diseño.",{"title":114,"text":115},"Desarrollo","Empieza el desarrollo web siguiendo fielmente la propuesta de diseño. Se realizan tests y revisiones para que todo funcione correctamente.",{"title":117,"text":118},"Entrega","Entregamos el proyecto finalizado, revisado y aprobado por el cliente. Listo para funcionar.",{"title":13,"text":120},"Nos basamos principalmente en la metodología de \u003Cb>Design Thinking\u003C\u002Fb>: investigar, definir, idear, prototipar, evaluar e implementar.",{"services":122,"process":123,"clients":124,"orange":125},"El estudio","Nuestro proceso","Compañías que ya confían en nosotros","queremos ser tu media naranja",{"title":127,"description":128,"noIndex":129},"Suquet Estudi | Diseño y desarrollo web en Valencia","Diseño web, diseño gráfico, branding, marketing y estrategia digital.",false,[131,138,145],{"title":132,"text":133,"items":134},"Branding y estrategia","Creación de una identidad de marca sólida y estrategias de marketing efectivas para destacar en el entorno digital.",[135,136,137],"Estrategia de marca","Estrategia de producto","Investigación y análisis",{"title":139,"text":140,"items":141},"Diseño e Identidad visual","Desarrollo de una estética digital atractiva para establecer una imagen de marca única y memorable.",[142,143,144],"Identidad de marca","Sistemas de diseño","Visual redes sociales",{"title":146,"text":147,"items":148},"Desarrollo web","Construcción de plataformas digitales funcionales y amigables para mejorar la visibilidad y la interacción en línea.",[149,150,151],"Desarrollo de interfaz de usuario. UX\u002FUI","Desarrollo de aplicaciones","Ecommerce","index","pages\u002Findex",{"dropsAlt":155,"serviceStarAlt":156,"processStarAlt":157,"orangeAlt":158},"Gotitas Suquet","Estrella Suquet","Estrella amarilla Suquet","Queremos ser tu media naranja","suSgbUHsrblCjmeZaHiDDeVmelVTufbrbYDrXluzx6A",{"id":161,"title":30,"body":162,"categories":487,"client":30,"cover":488,"description":490,"extension":50,"externalUrl":491,"featured":492,"gallery":493,"meta":500,"navigation":492,"order":501,"path":502,"published":492,"seo":503,"slug":506,"stem":507,"subtitle":508,"technologies":509,"year":76,"__hash__":515},"projects\u002Fprojects\u002Ffairmont-polymers.md",{"type":7,"value":163,"toc":475},[164,168,171,174,179,182,195,198,202,205,227,230,233,237,240,243,256,259,262,266,269,292,295,299,302,305,328,331,335,338,341,344,350,353,357,360,389,392,396,399,422,426,429,432,435,457,460,464,467,470],[165,166,167],"p",{},"Fairmont Polymers necesitaba renovar su presencia digital y disponer de una página web más moderna, clara y fácil de mantener.",[165,169,170],{},"El proyecto consistió en el diseño y desarrollo completo de una nueva plataforma corporativa, construida con Nuxt y pensada para organizar toda la información de la empresa: productos, aplicaciones, soluciones, casos de éxito y proyectos realizados.",[165,172,173],{},"Además de desarrollar la parte visual y técnica, se creó un sistema de gestión de contenidos que permite al cliente modificar textos, imágenes y fichas de proyectos sin necesidad de acceder directamente al código.",[175,176,178],"h2",{"id":177},"concepto","Concepto",[165,180,181],{},"La web se diseñó alrededor de tres objetivos principales:",[183,184,185,189,192],"ul",{},[186,187,188],"li",{},"Presentar los productos y materiales de Fairmont de forma clara.",[186,190,191],{},"Mostrar sus aplicaciones mediante ejemplos y proyectos reales.",[186,193,194],{},"Facilitar la actualización del contenido por parte del cliente.",[165,196,197],{},"El resultado es una plataforma corporativa que combina información técnica, contenido comercial y una identidad visual moderna.",[175,199,201],{"id":200},"arquitectura-de-contenidos","Arquitectura de contenidos",[165,203,204],{},"La información de la web se organizó en diferentes colecciones:",[183,206,207,210,213,216,219,221,224],{},[186,208,209],{},"Productos",[186,211,212],{},"Aplicaciones",[186,214,215],{},"Soluciones",[186,217,218],{},"Casos de éxito",[186,220,89],{},[186,222,223],{},"Páginas corporativas y legales",[186,225,226],{},"Contenido de la página de inicio",[165,228,229],{},"Esta estructura permite mantener el contenido ordenado y reutilizar componentes en diferentes secciones de la web.",[165,231,232],{},"Cada página está construida mediante bloques independientes con campos editables, como títulos, descripciones, botones, imágenes y galerías.",[175,234,236],{"id":235},"diseño-y-experiencia-de-usuario","Diseño y experiencia de usuario",[165,238,239],{},"La interfaz se desarrolló con una estética limpia y contemporánea, utilizando el color como elemento principal de identificación.",[165,241,242],{},"La navegación permite acceder rápidamente a las áreas más importantes de la empresa:",[183,244,245,247,249,251,254],{},[186,246,209],{},[186,248,212],{},[186,250,89],{},[186,252,253],{},"Sobre Fairmont",[186,255,52],{},[165,257,258],{},"La web incorpora composiciones visuales amplias, fotografías de proyectos, tipografías de gran formato y elementos de color relacionados con la identidad gráfica de Fairmont.",[165,260,261],{},"También se diseñaron versiones adaptadas para escritorio, tablet y móvil.",[175,263,265],{"id":264},"desarrollo-con-nuxt","Desarrollo con Nuxt",[165,267,268],{},"La plataforma está desarrollada con:",[183,270,271,274,277,280,283,286,289],{},[186,272,273],{},"Nuxt 4",[186,275,276],{},"Vue",[186,278,279],{},"Nuxt Content",[186,281,282],{},"Tailwind CSS",[186,284,285],{},"Nuxt Studio",[186,287,288],{},"Vercel",[186,290,291],{},"GitHub Actions",[165,293,294],{},"Nuxt permite generar una web rápida, optimizada y escalable, mientras que Nuxt Content se utiliza para gestionar el contenido mediante archivos estructurados.",[175,296,298],{"id":297},"gestión-de-contenidos","Gestión de contenidos",[165,300,301],{},"Uno de los objetivos más importantes del proyecto era permitir que el cliente pudiera modificar la web de forma autónoma.",[165,303,304],{},"Para ello se integró Nuxt Studio, desde donde es posible:",[183,306,307,310,313,316,319,322,325],{},[186,308,309],{},"Modificar textos de la página de inicio.",[186,311,312],{},"Editar páginas existentes.",[186,314,315],{},"Cambiar imágenes.",[186,317,318],{},"Gestionar aplicaciones y soluciones.",[186,320,321],{},"Añadir nuevos proyectos.",[186,323,324],{},"Crear galerías de imágenes.",[186,326,327],{},"Revisar los cambios antes de publicarlos.",[165,329,330],{},"El contenido está conectado con GitHub, por lo que cada modificación queda registrada y puede recuperarse si fuera necesario.",[175,332,334],{"id":333},"sistema-de-publicación","Sistema de publicación",[165,336,337],{},"Cuando el cliente publica un cambio desde el editor, el contenido se envía automáticamente al repositorio de GitHub.",[165,339,340],{},"A continuación, GitHub Actions ejecuta el proceso de compilación y despliegue en Vercel.",[165,342,343],{},"El flujo completo es:",[165,345,346],{},[347,348,349],"strong",{},"Nuxt Studio → GitHub → GitHub Actions → Vercel → Web actualizada",[165,351,352],{},"Este sistema permite mantener el repositorio privado y publicar cambios sin necesidad de utilizar un plan colaborativo de Vercel.",[175,354,356],{"id":355},"optimización-y-rendimiento","Optimización y rendimiento",[165,358,359],{},"La web se desarrolló priorizando:",[183,361,362,365,368,371,374,377,380,383,386],{},[186,363,364],{},"Velocidad de carga",[186,366,367],{},"Generación estática de páginas",[186,369,370],{},"Optimización de imágenes",[186,372,373],{},"Código reutilizable",[186,375,376],{},"SEO técnico",[186,378,379],{},"Sitemap",[186,381,382],{},"Archivo robots",[186,384,385],{},"Metadatos por página",[186,387,388],{},"Diseño responsive",[165,390,391],{},"La arquitectura permite que el contenido se genere durante el proceso de despliegue, reduciendo el trabajo necesario en el servidor y mejorando el rendimiento general.",[175,393,395],{"id":394},"retos","Retos",[165,397,398],{},"Algunos de los principales retos fueron:",[183,400,401,404,407,410,413,416,419],{},[186,402,403],{},"Crear una estructura de contenidos sencilla para el cliente.",[186,405,406],{},"Adaptar Nuxt Studio a un repositorio privado.",[186,408,409],{},"Resolver las limitaciones de colaboración de Vercel Hobby.",[186,411,412],{},"Automatizar los despliegues mediante GitHub Actions.",[186,414,415],{},"Mantener sincronizados GitHub, el editor y la versión publicada.",[186,417,418],{},"Organizar proyectos e imágenes de forma escalable.",[186,420,421],{},"Convertir contenido técnico en una experiencia visual clara.",[175,423,425],{"id":424},"resultado","Resultado",[165,427,428],{},"El resultado es una plataforma corporativa moderna, rápida y preparada para crecer.",[165,430,431],{},"Fairmont Polymers cuenta ahora con una web capaz de mostrar sus productos, aplicaciones y proyectos de forma profesional, mientras mantiene un sistema de edición accesible para el cliente.",[165,433,434],{},"El proyecto combina:",[183,436,437,440,443,445,448,451,454],{},[186,438,439],{},"Diseño UI\u002FUX",[186,441,442],{},"Desarrollo frontend",[186,444,201],{},[186,446,447],{},"Automatización",[186,449,450],{},"Gestión multimedia",[186,452,453],{},"Documentación",[186,455,456],{},"Despliegue continuo",[165,458,459],{},"Más que una página corporativa, se ha creado una herramienta digital preparada para acompañar la evolución de la empresa.",[175,461,463],{"id":462},"conclusión","Conclusión",[165,465,466],{},"Fairmont Polymers representa un proyecto completo donde diseño, desarrollo y gestión de contenidos trabajan como un único sistema.",[165,468,469],{},"La plataforma no solo mejora la imagen digital de la empresa, sino que permite mantener la web actualizada de forma autónoma, segura y organizada.",[165,471,472],{},[347,473,474],{},"Fairmont Polymers — Diseño, tecnología y contenido en una plataforma corporativa escalable.",{"title":13,"searchDepth":14,"depth":14,"links":476},[477,478,479,480,481,482,483,484,485,486],{"id":177,"depth":14,"text":178},{"id":200,"depth":14,"text":201},{"id":235,"depth":14,"text":236},{"id":264,"depth":14,"text":265},{"id":297,"depth":14,"text":298},{"id":333,"depth":14,"text":334},{"id":355,"depth":14,"text":356},{"id":394,"depth":14,"text":395},{"id":424,"depth":14,"text":425},{"id":462,"depth":14,"text":463},[439,146,201,447],{"src":29,"alt":489},"Pavimento infantil de EPDM presentado en la web de Fairmont Polymers","Plataforma corporativa moderna y escalable para Fairmont Polymers, desarrollada con Nuxt, Nuxt Content y Nuxt Studio.","https:\u002F\u002Ffairmontpolymers.es\u002F",true,[494,497],{"src":495,"alt":496},"\u002Fimages\u002Fprojects\u002Ffairmont-polymers\u002Fepdm-1.webp","Muestra de granulado EPDM de Fairmont Polymers",{"src":498,"alt":499},"\u002Fimages\u002Fprojects\u002Ffairmont-polymers\u002Fcaso-burla-negra.webp","Caso de éxito Burla Negra en Carlet de Fairmont Polymers",{},1,"\u002Fprojects\u002Ffairmont-polymers",{"title":504,"description":505,"image":29},"Fairmont Polymers | Suquet Estudi","Diseño y desarrollo de una plataforma corporativa en Nuxt con gestión de contenidos y publicación automatizada.","fairmont-polymers","projects\u002Ffairmont-polymers","Diseño y desarrollo de una plataforma corporativa en Nuxt para Fairmont Polymers, con gestión de contenidos, proyectos, biblioteca multimedia y publicación automática mediante GitHub Actions y Vercel.",[510,511,512,513,514,279,285,282,291,288],"Vue.js","Nuxt","Web","CSS","HTML","h4OQXRwvR-Dr-FOGl_2MioW0qoXfKkPB1zFWBLq022c",1787368545673]