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