[{"data":1,"prerenderedAt":1203},["ShallowReactive",2],{"site-home-content":3,"page-projects":160,"content-projects-list":188,"content-projects-page":1192},{"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":89,"body":162,"clients":76,"contactCta":76,"contactForm":76,"description":169,"extension":50,"footer":76,"heroLines":76,"image":76,"intro":76,"meta":170,"navigation":76,"path":171,"process":76,"projectsCta":172,"projectsIntro":176,"sectionTitles":76,"seo":183,"services":76,"slug":185,"stem":186,"teamCta":76,"teamMembers":76,"teamServices":76,"teamTitle":76,"visuals":76,"__hash__":187},"pages\u002Fpages\u002Fproyectos.md",{"type":7,"value":163,"toc":167},[164],[165,166],"projects-page",{},{"title":13,"searchDepth":14,"depth":14,"links":168},[],"Una selección de proyectos de diseño y desarrollo digital de Suquet Estudi.",{},"\u002Fpages\u002Fproyectos",{"title":173,"text":174,"label":175,"to":92},"¿Hacemos algo juntos?","Cuéntanos brevemente tu proyecto y sus necesidades. Nos pondremos en contacto contigo para darle forma.","Quiero solicitar un presupuesto",{"eyebrow":177,"headline":178,"accent":179,"text":180,"emptyTitle":181,"emptyText":182},"Proyectos seleccionados","Trabajo que","da gusto.","Diseño, estrategia y tecnología para marcas con algo que contar.","Estamos preparando la selección.","Muy pronto encontrarás aquí nuestros proyectos.",{"title":184,"description":169,"noIndex":129},"Proyectos | Suquet Estudi","proyectos","pages\u002Fproyectos","5NvgzuuI85kEiNXTPorNyIr35RkN-DgSUEqRKqchM00",[189,545,832,965,1098],{"id":190,"title":30,"body":191,"categories":516,"client":30,"cover":517,"description":519,"extension":50,"externalUrl":520,"featured":521,"gallery":522,"meta":529,"navigation":521,"order":530,"path":531,"published":521,"seo":532,"slug":535,"stem":536,"subtitle":537,"technologies":538,"year":76,"__hash__":544},"projects\u002Fprojects\u002Ffairmont-polymers.md",{"type":7,"value":192,"toc":504},[193,197,200,203,208,211,224,227,231,234,256,259,262,266,269,272,285,288,291,295,298,321,324,328,331,334,357,360,364,367,370,373,379,382,386,389,418,421,425,428,451,455,458,461,464,486,489,493,496,499],[194,195,196],"p",{},"Fairmont Polymers necesitaba renovar su presencia digital y disponer de una página web más moderna, clara y fácil de mantener.",[194,198,199],{},"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.",[194,201,202],{},"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.",[204,205,207],"h2",{"id":206},"concepto","Concepto",[194,209,210],{},"La web se diseñó alrededor de tres objetivos principales:",[212,213,214,218,221],"ul",{},[215,216,217],"li",{},"Presentar los productos y materiales de Fairmont de forma clara.",[215,219,220],{},"Mostrar sus aplicaciones mediante ejemplos y proyectos reales.",[215,222,223],{},"Facilitar la actualización del contenido por parte del cliente.",[194,225,226],{},"El resultado es una plataforma corporativa que combina información técnica, contenido comercial y una identidad visual moderna.",[204,228,230],{"id":229},"arquitectura-de-contenidos","Arquitectura de contenidos",[194,232,233],{},"La información de la web se organizó en diferentes colecciones:",[212,235,236,239,242,245,248,250,253],{},[215,237,238],{},"Productos",[215,240,241],{},"Aplicaciones",[215,243,244],{},"Soluciones",[215,246,247],{},"Casos de éxito",[215,249,89],{},[215,251,252],{},"Páginas corporativas y legales",[215,254,255],{},"Contenido de la página de inicio",[194,257,258],{},"Esta estructura permite mantener el contenido ordenado y reutilizar componentes en diferentes secciones de la web.",[194,260,261],{},"Cada página está construida mediante bloques independientes con campos editables, como títulos, descripciones, botones, imágenes y galerías.",[204,263,265],{"id":264},"diseño-y-experiencia-de-usuario","Diseño y experiencia de usuario",[194,267,268],{},"La interfaz se desarrolló con una estética limpia y contemporánea, utilizando el color como elemento principal de identificación.",[194,270,271],{},"La navegación permite acceder rápidamente a las áreas más importantes de la empresa:",[212,273,274,276,278,280,283],{},[215,275,238],{},[215,277,241],{},[215,279,89],{},[215,281,282],{},"Sobre Fairmont",[215,284,52],{},[194,286,287],{},"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.",[194,289,290],{},"También se diseñaron versiones adaptadas para escritorio, tablet y móvil.",[204,292,294],{"id":293},"desarrollo-con-nuxt","Desarrollo con Nuxt",[194,296,297],{},"La plataforma está desarrollada con:",[212,299,300,303,306,309,312,315,318],{},[215,301,302],{},"Nuxt 4",[215,304,305],{},"Vue",[215,307,308],{},"Nuxt Content",[215,310,311],{},"Tailwind CSS",[215,313,314],{},"Nuxt Studio",[215,316,317],{},"Vercel",[215,319,320],{},"GitHub Actions",[194,322,323],{},"Nuxt permite generar una web rápida, optimizada y escalable, mientras que Nuxt Content se utiliza para gestionar el contenido mediante archivos estructurados.",[204,325,327],{"id":326},"gestión-de-contenidos","Gestión de contenidos",[194,329,330],{},"Uno de los objetivos más importantes del proyecto era permitir que el cliente pudiera modificar la web de forma autónoma.",[194,332,333],{},"Para ello se integró Nuxt Studio, desde donde es posible:",[212,335,336,339,342,345,348,351,354],{},[215,337,338],{},"Modificar textos de la página de inicio.",[215,340,341],{},"Editar páginas existentes.",[215,343,344],{},"Cambiar imágenes.",[215,346,347],{},"Gestionar aplicaciones y soluciones.",[215,349,350],{},"Añadir nuevos proyectos.",[215,352,353],{},"Crear galerías de imágenes.",[215,355,356],{},"Revisar los cambios antes de publicarlos.",[194,358,359],{},"El contenido está conectado con GitHub, por lo que cada modificación queda registrada y puede recuperarse si fuera necesario.",[204,361,363],{"id":362},"sistema-de-publicación","Sistema de publicación",[194,365,366],{},"Cuando el cliente publica un cambio desde el editor, el contenido se envía automáticamente al repositorio de GitHub.",[194,368,369],{},"A continuación, GitHub Actions ejecuta el proceso de compilación y despliegue en Vercel.",[194,371,372],{},"El flujo completo es:",[194,374,375],{},[376,377,378],"strong",{},"Nuxt Studio → GitHub → GitHub Actions → Vercel → Web actualizada",[194,380,381],{},"Este sistema permite mantener el repositorio privado y publicar cambios sin necesidad de utilizar un plan colaborativo de Vercel.",[204,383,385],{"id":384},"optimización-y-rendimiento","Optimización y rendimiento",[194,387,388],{},"La web se desarrolló priorizando:",[212,390,391,394,397,400,403,406,409,412,415],{},[215,392,393],{},"Velocidad de carga",[215,395,396],{},"Generación estática de páginas",[215,398,399],{},"Optimización de imágenes",[215,401,402],{},"Código reutilizable",[215,404,405],{},"SEO técnico",[215,407,408],{},"Sitemap",[215,410,411],{},"Archivo robots",[215,413,414],{},"Metadatos por página",[215,416,417],{},"Diseño responsive",[194,419,420],{},"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.",[204,422,424],{"id":423},"retos","Retos",[194,426,427],{},"Algunos de los principales retos fueron:",[212,429,430,433,436,439,442,445,448],{},[215,431,432],{},"Crear una estructura de contenidos sencilla para el cliente.",[215,434,435],{},"Adaptar Nuxt Studio a un repositorio privado.",[215,437,438],{},"Resolver las limitaciones de colaboración de Vercel Hobby.",[215,440,441],{},"Automatizar los despliegues mediante GitHub Actions.",[215,443,444],{},"Mantener sincronizados GitHub, el editor y la versión publicada.",[215,446,447],{},"Organizar proyectos e imágenes de forma escalable.",[215,449,450],{},"Convertir contenido técnico en una experiencia visual clara.",[204,452,454],{"id":453},"resultado","Resultado",[194,456,457],{},"El resultado es una plataforma corporativa moderna, rápida y preparada para crecer.",[194,459,460],{},"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.",[194,462,463],{},"El proyecto combina:",[212,465,466,469,472,474,477,480,483],{},[215,467,468],{},"Diseño UI\u002FUX",[215,470,471],{},"Desarrollo frontend",[215,473,230],{},[215,475,476],{},"Automatización",[215,478,479],{},"Gestión multimedia",[215,481,482],{},"Documentación",[215,484,485],{},"Despliegue continuo",[194,487,488],{},"Más que una página corporativa, se ha creado una herramienta digital preparada para acompañar la evolución de la empresa.",[204,490,492],{"id":491},"conclusión","Conclusión",[194,494,495],{},"Fairmont Polymers representa un proyecto completo donde diseño, desarrollo y gestión de contenidos trabajan como un único sistema.",[194,497,498],{},"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.",[194,500,501],{},[376,502,503],{},"Fairmont Polymers — Diseño, tecnología y contenido en una plataforma corporativa escalable.",{"title":13,"searchDepth":14,"depth":14,"links":505},[506,507,508,509,510,511,512,513,514,515],{"id":206,"depth":14,"text":207},{"id":229,"depth":14,"text":230},{"id":264,"depth":14,"text":265},{"id":293,"depth":14,"text":294},{"id":326,"depth":14,"text":327},{"id":362,"depth":14,"text":363},{"id":384,"depth":14,"text":385},{"id":423,"depth":14,"text":424},{"id":453,"depth":14,"text":454},{"id":491,"depth":14,"text":492},[468,146,230,476],{"src":29,"alt":518},"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,[523,526],{"src":524,"alt":525},"\u002Fimages\u002Fprojects\u002Ffairmont-polymers\u002Fepdm-1.webp","Muestra de granulado EPDM de Fairmont Polymers",{"src":527,"alt":528},"\u002Fimages\u002Fprojects\u002Ffairmont-polymers\u002Fcaso-burla-negra.webp","Caso de éxito Burla Negra en Carlet de Fairmont Polymers",{},1,"\u002Fprojects\u002Ffairmont-polymers",{"title":533,"description":534,"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.",[539,540,541,542,543,308,314,311,320,317],"Vue.js","Nuxt","Web","CSS","HTML","h4OQXRwvR-Dr-FOGl_2MioW0qoXfKkPB1zFWBLq022c",{"id":546,"title":547,"body":548,"categories":798,"client":802,"cover":803,"description":806,"extension":50,"externalUrl":807,"featured":521,"gallery":808,"meta":818,"navigation":521,"order":14,"path":819,"published":521,"seo":820,"slug":823,"stem":824,"subtitle":825,"technologies":826,"year":76,"__hash__":831},"projects\u002Fprojects\u002Fkira-beats.md","Kira Beats",{"type":7,"value":549,"toc":786},[550,553,556,558,561,575,578,582,585,590,610,613,624,627,631,634,637,648,651,655,658,678,681,684,688,691,705,708,712,715,718,722,725,736,739,741,755,759,773,775,778,781],[194,551,552],{},"Kira Beats es un proyecto personal en el que diseñé y desarrollé una radio online 24\u002F7 totalmente automatizada, combinando desarrollo web, infraestructura de streaming y branding digital en un único ecosistema.",[194,554,555],{},"El objetivo era claro: crear una experiencia musical inmersiva con identidad propia, mientras construía una plataforma escalable capaz de evolucionar hacia un producto digital real.",[204,557,207],{"id":206},[194,559,560],{},"Kira Beats es una emisión continua centrada en:",[212,562,563,566,569,572],{},[215,564,565],{},"Deep House",[215,567,568],{},"Tech House",[215,570,571],{},"Música electrónica underground",[215,573,574],{},"Estética inspirada en el anime",[194,576,577],{},"El proyecto mezcla música, visuales y tecnología para generar una atmósfera pensada para trabajar, conducir o simplemente desconectar.",[204,579,581],{"id":580},"arquitectura-de-streaming","Arquitectura de streaming",[194,583,584],{},"El sistema está basado en una arquitectura desacoplada:",[194,586,587],{},[376,588,589],{},"AzuraCast (VPS) → OBS Studio → YouTube Live",[212,591,592,598,604],{},[215,593,594,597],{},[376,595,596],{},"AzuraCast:"," gestión de la radio y streaming de audio.",[215,599,600,603],{},[376,601,602],{},"OBS Studio:"," composición visual y emisión a YouTube.",[215,605,606,609],{},[376,607,608],{},"YouTube Live:"," distribución y descubrimiento.",[194,611,612],{},"AzuraCast se encarga de la lógica de la radio, Auto DJ, playlists y programación, mientras que OBS añade la capa visual:",[212,614,615,618,621],{},[215,616,617],{},"Overlays dinámicos",[215,619,620],{},"Metadata en tiempo real: canción y portada",[215,622,623],{},"Visualizador animado",[194,625,626],{},"Este enfoque permitió validar rápidamente el proyecto manteniendo flexibilidad para migrar en el futuro a una solución completamente basada en servidor.",[204,628,630],{"id":629},"integración-de-audio-y-datos","Integración de audio y datos",[194,632,633],{},"La radio expone una API de Now Playing, que se consume tanto en la web como en el overlay del stream mediante Browser Source en OBS.",[194,635,636],{},"Esto permite mostrar en tiempo real:",[212,638,639,642,645],{},[215,640,641],{},"Título de la canción",[215,643,644],{},"Artwork",[215,646,647],{},"Número de oyentes",[194,649,650],{},"El visualizador está desarrollado con canvas y funciones matemáticas personalizadas, simulando reactividad musical sin depender de análisis directo del audio.",[204,652,654],{"id":653},"identidad-visual-y-marca","Identidad visual y marca",[194,656,657],{},"Uno de los pilares del proyecto fue construir una identidad reconocible:",[212,659,660,666,672],{},[215,661,662,665],{},[376,663,664],{},"Paleta de colores:"," negro y rosa.",[215,667,668,671],{},[376,669,670],{},"Personaje:"," Kira como elemento central.",[215,673,674,677],{},[376,675,676],{},"Estilo:"," cyber, underground y neon.",[194,679,680],{},"Este sistema visual se aplica de forma consistente en la web, el stream, las redes sociales y las miniaturas.",[194,682,683],{},"El objetivo era crear una marca con personalidad propia, al nivel de canales 24\u002F7 consolidados, pero con una estética diferenciada.",[204,685,687],{"id":686},"plataforma-web","Plataforma web",[194,689,690],{},"La web actúa como núcleo del proyecto:",[212,692,693,696,699,702],{},[215,694,695],{},"Reproductor de radio en directo",[215,697,698],{},"Metadata en tiempo real",[215,700,701],{},"Componentes animados",[215,703,704],{},"Visualizador propio",[194,706,707],{},"No es solo un reproductor, sino una extensión de la experiencia de marca.",[204,709,711],{"id":710},"generación-de-contenido","Generación de contenido",[194,713,714],{},"La música se genera mediante flujos asistidos por IA con Suno, lo que permite crear contenido original de forma continua, mantener el control total de los derechos y escalar rápidamente la biblioteca musical.",[194,716,717],{},"Esto elimina dependencias externas y convierte el proyecto en un sistema autosuficiente.",[204,719,721],{"id":720},"estrategia-de-distribución","Estrategia de distribución",[194,723,724],{},"El crecimiento del proyecto se plantea a través de:",[212,726,727,730,733],{},[215,728,729],{},"Streaming 24\u002F7 en YouTube",[215,731,732],{},"Presencia en redes sociales: TikTok e Instagram",[215,734,735],{},"Interacción con la comunidad",[194,737,738],{},"A medio y largo plazo, la idea es evolucionar hacia una plataforma donde DJs puedan enviar sesiones, artistas puedan promocionarse y marcas puedan colaborar.",[204,740,424],{"id":423},[212,742,743,746,749,752],{},[215,744,745],{},"Mantener estabilidad en emisiones 24\u002F7.",[215,747,748],{},"Optimizar el rendimiento de OBS en macOS.",[215,750,751],{},"Diseñar overlays visuales eficientes.",[215,753,754],{},"Plantear una arquitectura escalable.",[204,756,758],{"id":757},"próximos-pasos","Próximos pasos",[212,760,761,764,767,770],{},[215,762,763],{},"Migración a un sistema sin OBS mediante FFmpeg y RTMP.",[215,765,766],{},"Automatización completa del pipeline.",[215,768,769],{},"Analítica avanzada.",[215,771,772],{},"Sistema de monetización.",[204,774,492],{"id":491},[194,776,777],{},"Kira Beats no es solo una radio, sino un proyecto que combina desarrollo, infraestructura, diseño y producto.",[194,779,780],{},"Representa cómo un proyecto personal puede evolucionar hacia una plataforma digital real cuando se integran creatividad y tecnología.",[194,782,783],{},[376,784,785],{},"Kira Beats — Music. Atmosphere. Identity.",{"title":13,"searchDepth":14,"depth":14,"links":787},[788,789,790,791,792,793,794,795,796,797],{"id":206,"depth":14,"text":207},{"id":580,"depth":14,"text":581},{"id":629,"depth":14,"text":630},{"id":653,"depth":14,"text":654},{"id":686,"depth":14,"text":687},{"id":710,"depth":14,"text":711},{"id":720,"depth":14,"text":721},{"id":423,"depth":14,"text":424},{"id":757,"depth":14,"text":758},{"id":491,"depth":14,"text":492},[146,799,800,801],"Branding","Producto digital","Infraestructura","Proyecto personal",{"src":804,"alt":805},"\u002Fimages\u002Fprojects\u002Fkira-beats\u002Fcover.webp","Kira en una ciudad nocturna de estética cyberpunk","Radio online automatizada con streaming, identidad visual, metadata en tiempo real y una plataforma web desarrollada con Nuxt.","https:\u002F\u002Fwww.kirabeats.com\u002F",[809,812,815],{"src":810,"alt":811},"\u002Fimages\u002Fprojects\u002Fkira-beats\u002Fabout.webp","Universo visual nocturno de Kira Beats con su rótulo de neón",{"src":813,"alt":814},"\u002Fimages\u002Fprojects\u002Fkira-beats\u002Fvisual.webp","Paisaje urbano de neón que forma parte de la identidad de Kira Beats",{"src":816,"alt":817},"\u002Fimages\u002Fprojects\u002Fkira-beats\u002Fsignature.webp","Imagen de firma de la identidad visual de Kira Beats",{},"\u002Fprojects\u002Fkira-beats",{"title":821,"description":822,"image":804},"Kira Beats | Suquet Estudi","Radio online 24\u002F7 que combina streaming, desarrollo web y branding en una plataforma automatizada y escalable.","kira-beats","projects\u002Fkira-beats","Plataforma de radio online 24\u002F7 que combina streaming, desarrollo web y branding para crear una experiencia musical automatizada y escalable.",[539,540,541,827,542,543,828,829,830],"JavaScript","AzuraCast","OBS Studio","YouTube Live","VQNBXrteORWqc9dSG5uaNkTdvmPkzxA9QDl8wtI2sQg",{"id":833,"title":33,"body":834,"categories":937,"client":33,"cover":940,"description":942,"extension":50,"externalUrl":943,"featured":129,"gallery":944,"meta":951,"navigation":521,"order":952,"path":953,"published":521,"seo":954,"slug":957,"stem":958,"subtitle":959,"technologies":960,"year":76,"__hash__":964},"projects\u002Fprojects\u002Fcropcare.md",{"type":7,"value":835,"toc":928},[836,840,843,847,850,853,857,860,863,867,870,890,894,897,911,915,918,921,925],[204,837,839],{"id":838},"cómo-creamos-la-web-de-cropcare-diseño-naturaleza-y-funcionalidad","Cómo creamos la web de Cropcare: diseño, naturaleza y funcionalidad",[194,841,842],{},"En el mundo digital actual, contar con una web atractiva y funcional es clave para conectar con clientes y socios comerciales. La web de Cropcare es un proyecto creado con WordPress y Elementor, con un diseño moderno y colores inspirados en la naturaleza.",[204,844,846],{"id":845},"un-proyecto-pensado-para-la-industria-agrícola","Un proyecto pensado para la industria agrícola",[194,848,849],{},"Cropcare necesitaba una web que no solo representara su compromiso con los productos fitosanitarios de calidad, sino que también sirviera como un canal eficaz para conectar con vendedores y distribuidores.",[194,851,852],{},"El objetivo era claro: crear una plataforma intuitiva, informativa y visualmente atractiva.",[204,854,856],{"id":855},"elección-de-wordpress-y-elementor","Elección de WordPress y Elementor",[194,858,859],{},"Para el desarrollo de la web se eligió WordPress por su flexibilidad y capacidad de personalización.",[194,861,862],{},"Elementor permitió diseñar una interfaz moderna sin sacrificar velocidad ni usabilidad. Esta combinación aportó agilidad en la creación de contenido, adaptabilidad móvil y facilidad para futuras actualizaciones.",[204,864,866],{"id":865},"diseño-inspirado-en-la-naturaleza","Diseño inspirado en la naturaleza",[194,868,869],{},"El diseño debía transmitir confianza, frescura y conexión con la naturaleza, reflejando la esencia de Cropcare. Para ello se trabajó con:",[212,871,872,878,884],{},[215,873,874,877],{},[376,875,876],{},"Colores predominantes:"," verde y tonos terrosos, evocando el campo y la sostenibilidad.",[215,879,880,883],{},[376,881,882],{},"Imágenes de alta calidad:"," cultivos, productos agrícolas y soluciones fitosanitarias en acción.",[215,885,886,889],{},[376,887,888],{},"Tipografía limpia y moderna:"," para facilitar la lectura y mejorar la experiencia del usuario.",[204,891,893],{"id":892},"funcionalidad-y-experiencia-del-usuario","Funcionalidad y experiencia del usuario",[194,895,896],{},"Se implementaron:",[212,898,899,902,905,908],{},[215,900,901],{},"Navegación intuitiva, con un menú estructurado para acceder rápidamente a productos y soluciones.",[215,903,904],{},"Páginas optimizadas con información clara sobre cada producto y su aplicación.",[215,906,907],{},"Formularios de contacto para facilitar la comunicación con vendedores y distribuidores.",[215,909,910],{},"Optimización SEO para mejorar la visibilidad y atraer tráfico relevante.",[204,912,914],{"id":913},"conectando-cropcare-con-los-vendedores","Conectando Cropcare con los vendedores",[194,916,917],{},"Para acercar la marca a los vendedores de productos agrícolas, se incluyeron llamadas a la acción estratégicas que destacan los beneficios de trabajar con Cropcare.",[194,919,920],{},"También se añadió un blog para compartir novedades del sector y guías sobre el uso de sus productos.",[204,922,924],{"id":923},"un-proyecto-en-evolución","Un proyecto en evolución",[194,926,927],{},"El lanzamiento de la web de Cropcare es solo el comienzo. Gracias a WordPress y Elementor, el sitio puede mantenerse dinámico, actualizado y en constante evolución, adaptándose a las necesidades del mercado y de sus clientes.",{"title":13,"searchDepth":14,"depth":14,"links":929},[930,931,932,933,934,935,936],{"id":838,"depth":14,"text":839},{"id":845,"depth":14,"text":846},{"id":855,"depth":14,"text":856},{"id":865,"depth":14,"text":866},{"id":892,"depth":14,"text":893},{"id":913,"depth":14,"text":914},{"id":923,"depth":14,"text":924},[938,146,939],"Diseño web","SEO",{"src":32,"alt":941},"Manos entre plantas en la portada de Cropcare","Diseño y desarrollo de la web corporativa de Cropcare, orientada a productos fitosanitarios y vendedores de la industria agrícola.","https:\u002F\u002Fcropcare.es\u002F",[945,948],{"src":946,"alt":947},"\u002Fimages\u002Fprojects\u002Fcropcare\u002Fcultivo.jpg","Cultivo mostrado en la web de Cropcare",{"src":949,"alt":950},"\u002Fimages\u002Fprojects\u002Fcropcare\u002Fequipo.jpg","Equipo de Cropcare en sus instalaciones",{},3,"\u002Fprojects\u002Fcropcare",{"title":955,"description":956,"image":32},"Cropcare | Suquet Estudi","Diseño y desarrollo web para Cropcare con WordPress, Elementor y ACF.","cropcare","projects\u002Fcropcare","Desarrollo web con WordPress, Elementor y ACF.",[961,962,963],"WordPress","Elementor","ACF","QqcPmBb2HbmPraABQXuCoDL7r_5mOmlhg9i0-s_OsIg",{"id":966,"title":967,"body":968,"categories":1073,"client":967,"cover":1074,"description":1077,"extension":50,"externalUrl":1078,"featured":129,"gallery":1079,"meta":1086,"navigation":521,"order":1087,"path":1088,"published":521,"seo":1089,"slug":1092,"stem":1093,"subtitle":959,"technologies":1094,"year":76,"__hash__":1097},"projects\u002Fprojects\u002Fhyll-education.md","Hyll Education",{"type":7,"value":969,"toc":1061},[970,974,977,980,984,987,990,994,997,1000,1004,1007,1010,1014,1017,1021,1024,1027,1031,1034,1037,1041,1044,1048,1051,1055,1058],[204,971,973],{"id":972},"planificación-y-estrategia","Planificación y estrategia",[194,975,976],{},"La construcción del sitio web para Hyll Education comenzó con una fase de planificación detallada.",[194,978,979],{},"Durante esta etapa se definieron los objetivos clave del sitio, incluyendo la necesidad de presentar de manera clara y atractiva los servicios de consultoría educativa. También se estableció una estructura de navegación intuitiva que facilitara el acceso a la misión de la empresa, sus servicios, el equipo y los casos de éxito de los estudiantes.",[204,981,983],{"id":982},"selección-de-herramientas-y-tecnologías","Selección de herramientas y tecnologías",[194,985,986],{},"WordPress fue elegido como plataforma base debido a su flexibilidad y capacidad para manejar contenido dinámico. Elementor se utilizó como constructor de páginas para ofrecer un diseño visualmente atractivo y altamente personalizable.",[194,988,989],{},"Advanced Custom Fields permitió crear tipos de publicaciones personalizadas y gestionar contenido específico de forma eficiente.",[204,991,993],{"id":992},"desarrollo-del-tema-propio","Desarrollo del tema propio",[194,995,996],{},"Se desarrolló un tema propio desde cero para garantizar un diseño único y adaptado a las necesidades de Hyll Education.",[194,998,999],{},"El tema es completamente responsive y contiene plantillas específicas para la página de inicio, los servicios y los miembros del equipo.",[204,1001,1003],{"id":1002},"diseño-e-implementación-de-carruseles","Diseño e implementación de carruseles",[194,1005,1006],{},"Uno de los elementos clave fue la incorporación de carruseles para mostrar los logros de los estudiantes y las universidades con las que trabaja la consultora.",[194,1008,1009],{},"Los carruseles interactivos permiten navegar fácilmente por los testimonios y las estadísticas sobre aceptaciones en universidades.",[204,1011,1013],{"id":1012},"pestañas-y-secciones-dinámicas","Pestañas y secciones dinámicas",[194,1015,1016],{},"Se integraron pestañas y secciones dinámicas en distintas páginas. Estas permiten explorar información relevante sin cargar nuevas páginas y facilitan la actualización del contenido.",[204,1018,1020],{"id":1019},"tipos-de-publicaciones-personalizadas","Tipos de publicaciones personalizadas",[194,1022,1023],{},"Con ACF se crearon tipos de publicaciones para gestionar estudios de caso, perfiles de consultores y ofertas de servicios.",[194,1025,1026],{},"Esto mejoró la organización del contenido y simplificó su mantenimiento desde el panel de administración de WordPress.",[204,1028,1030],{"id":1029},"desarrollo-del-blog","Desarrollo del blog",[194,1032,1033],{},"Se incorporó un blog para compartir artículos y novedades sobre el proceso de admisión universitaria, consejos para estudiantes y noticias de la empresa.",[194,1035,1036],{},"El contenido puede categorizarse y etiquetarse para mejorar la navegación y la búsqueda.",[204,1038,1040],{"id":1039},"optimización-seo","Optimización SEO",[194,1042,1043],{},"Para mejorar la visibilidad en buscadores se integró Yoast SEO y se optimizaron metadatos, imágenes, palabras clave y URLs.",[204,1045,1047],{"id":1046},"formularios-de-contacto","Formularios de contacto",[194,1049,1050],{},"Se desarrollaron formularios personalizados con campos de nombre, teléfono, correo electrónico y mensaje, además de medidas de seguridad para proteger la información enviada.",[204,1052,1054],{"id":1053},"pruebas-y-lanzamiento","Pruebas y lanzamiento",[194,1056,1057],{},"Antes del lanzamiento se realizaron pruebas de usabilidad, compatibilidad entre navegadores y dispositivos, y carga.",[194,1059,1060],{},"Una vez completadas las pruebas y los ajustes, el sitio fue publicado para estudiantes de todo el mundo.",{"title":13,"searchDepth":14,"depth":14,"links":1062},[1063,1064,1065,1066,1067,1068,1069,1070,1071,1072],{"id":972,"depth":14,"text":973},{"id":982,"depth":14,"text":983},{"id":992,"depth":14,"text":993},{"id":1002,"depth":14,"text":1003},{"id":1012,"depth":14,"text":1013},{"id":1019,"depth":14,"text":1020},{"id":1029,"depth":14,"text":1030},{"id":1039,"depth":14,"text":1040},{"id":1046,"depth":14,"text":1047},{"id":1053,"depth":14,"text":1054},[938,146,939],{"src":1075,"alt":1076},"\u002Fimages\u002Fprojects\u002Fhyll-education\u002Fcover.png","Estudiante universitaria en la portada de Hyll Education","Web corporativa a medida para la consultora educativa Hyll Education, con contenido dinámico, casos de éxito y blog.","https:\u002F\u002Fhyll.education\u002F",[1080,1083],{"src":1081,"alt":1082},"\u002Fimages\u002Fprojects\u002Fhyll-education\u002Fadam.png","Caso de éxito de un estudiante de Hyll Education",{"src":1084,"alt":1085},"\u002Fimages\u002Fprojects\u002Fhyll-education\u002Funiversidades.png","Universidades relacionadas con los casos de éxito de Hyll Education",{},4,"\u002Fprojects\u002Fhyll-education",{"title":1090,"description":1091,"image":1075},"Hyll Education | Suquet Estudi","Desarrollo web para Hyll Education con WordPress, Elementor, ACF y un tema propio.","hyll-education","projects\u002Fhyll-education",[961,962,963,1095,1096],"PHP","Yoast SEO","aEZWd4Ul6WYQ2fLYnFONzw0C2gpjOkphXNlZqu3BNkI",{"id":1099,"title":1100,"body":1101,"categories":1169,"client":1100,"cover":1170,"description":1173,"extension":50,"externalUrl":1174,"featured":129,"gallery":1175,"meta":1182,"navigation":521,"order":1183,"path":1184,"published":521,"seo":1185,"slug":1188,"stem":1189,"subtitle":959,"technologies":1190,"year":76,"__hash__":1191},"projects\u002Fprojects\u002Farqum-arquitectura.md","Arqum Arquitectura",{"type":7,"value":1102,"toc":1161},[1103,1106,1109,1111,1114,1117,1121,1124,1127,1131,1134,1137,1140,1143,1146,1150,1153,1155,1158],[194,1104,1105],{},"Arqum es un destacado estudio de arquitectura ubicado en Valencia. Su página web fue desarrollada utilizando WordPress, Elementor, ACF y PHP.",[194,1107,1108],{},"El objetivo fue crear una plataforma que reflejara la filosofía y el enfoque personalizado de Arqum en cada uno de sus proyectos arquitectónicos.",[204,1110,265],{"id":264},[194,1112,1113],{},"Desde el inicio se trabajó para que la página web ofreciera una experiencia intuitiva y visualmente atractiva.",[194,1115,1116],{},"Elementor permitió diseñar un sitio estéticamente cuidado, funcional y fácil de navegar. Cada sección fue planteada para resaltar los valores de Arqum: responsabilidad, compromiso y excelencia en diseño arquitectónico.",[204,1118,1120],{"id":1119},"gestión-flexible-del-contenido","Gestión flexible del contenido",[194,1122,1123],{},"Advanced Custom Fields permite a Arqum actualizar y personalizar su contenido sin complicaciones, adaptando cada sección a las necesidades específicas del momento.",[194,1125,1126],{},"El equipo puede mantener el sitio actualizado y relevante con el mínimo esfuerzo.",[204,1128,1130],{"id":1129},"desarrollo-a-medida-con-php","Desarrollo a medida con PHP",[194,1132,1133],{},"Se utilizaron funciones personalizadas en PHP para incorporar características específicas y mejorar la funcionalidad del sitio.",[194,1135,1136],{},"Estas personalizaciones permiten que la web sea robusta y capaz de responder a las necesidades particulares del cliente.",[204,1138,417],{"id":1139},"diseño-responsive",[194,1141,1142],{},"La página está optimizada para dispositivos móviles, asegurando el acceso a la información y los servicios de Arqum desde cualquier lugar.",[194,1144,1145],{},"Esta adaptabilidad garantiza una experiencia fluida y consistente en todas las plataformas.",[204,1147,1149],{"id":1148},"seguridad-y-rendimiento","Seguridad y rendimiento",[194,1151,1152],{},"Se implementaron medidas de seguridad y optimizaciones de rendimiento para proteger los datos y asegurar un funcionamiento eficiente y fiable.",[204,1154,454],{"id":453},[194,1156,1157],{},"La página web de Arqum combina diseño atractivo, funcionalidad robusta y facilidad de uso.",[194,1159,1160],{},"Refleja los valores y la excelencia del estudio de arquitectura, proporcionando una plataforma efectiva para mostrar sus proyectos y conectar con sus clientes.",{"title":13,"searchDepth":14,"depth":14,"links":1162},[1163,1164,1165,1166,1167,1168],{"id":264,"depth":14,"text":265},{"id":1119,"depth":14,"text":1120},{"id":1129,"depth":14,"text":1130},{"id":1139,"depth":14,"text":417},{"id":1148,"depth":14,"text":1149},{"id":453,"depth":14,"text":454},[938,146],{"src":1171,"alt":1172},"\u002Fimages\u002Fprojects\u002Farqum-arquitectura\u002Fcover.jpg","Vivienda contemporánea proyectada por Arqum Arquitectura","Diseño y desarrollo de la web del estudio valenciano Arqum Arquitectura mediante WordPress, Elementor, ACF y PHP.","https:\u002F\u002Fwww.arqum.es\u002F",[1176,1179],{"src":1177,"alt":1178},"\u002Fimages\u002Fprojects\u002Farqum-arquitectura\u002Fproyecto-interior.jpg","Interior de uno de los proyectos de Arqum Arquitectura",{"src":1180,"alt":1181},"\u002Fimages\u002Fprojects\u002Farqum-arquitectura\u002Fproyecto-vivienda.jpg","Proyecto residencial de Arqum Arquitectura",{},5,"\u002Fprojects\u002Farqum-arquitectura",{"title":1186,"description":1187,"image":1171},"Arqum Arquitectura | Suquet Estudi","Diseño y desarrollo web para Arqum Arquitectura con WordPress, Elementor, ACF y PHP.","arqum-arquitectura","projects\u002Farqum-arquitectura",[961,962,963,1095],"OILGJYP-4_TNNRXCuMgq6Utet3RBfDskEzSV9JwYqis",{"id":161,"title":89,"body":1193,"clients":76,"contactCta":76,"contactForm":76,"description":169,"extension":50,"footer":76,"heroLines":76,"image":76,"intro":76,"meta":1199,"navigation":76,"path":171,"process":76,"projectsCta":1200,"projectsIntro":1201,"sectionTitles":76,"seo":1202,"services":76,"slug":185,"stem":186,"teamCta":76,"teamMembers":76,"teamServices":76,"teamTitle":76,"visuals":76,"__hash__":187},{"type":7,"value":1194,"toc":1197},[1195],[165,1196],{},{"title":13,"searchDepth":14,"depth":14,"links":1198},[],{},{"title":173,"text":174,"label":175,"to":92},{"eyebrow":177,"headline":178,"accent":179,"text":180,"emptyTitle":181,"emptyText":182},{"title":184,"description":169,"noIndex":129},1787368545359]