[{"data":1,"prerenderedAt":441},["ShallowReactive",2],{"services":3,"outstanding-projects":214},[4,138,184],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"slug":11,"icon":12,"shortDescription":13,"order":14,"technologies":15,"steps":25,"body":41,"_type":132,"_id":133,"_source":134,"_file":135,"_stem":136,"_extension":137},"\u002Fes\u002Fservices\u002Fdesarrollo-tecnico","services",false,"","Desarrollo Web & Software","Desarrollo aplicaciones web completas — frontend, backend e infraestructura. Mi enfoque es construir productos que sean rápidos para el usuario, fáciles de mantener para el desarrollador y escalables para el negocio.","desarrollo-tecnico","code","Construyo aplicaciones web rápidas, escalables y fáciles de mantener con tecnologías modernas. Desde una landing hasta una plataforma SaaS completa.",1,[16,17,18,19,20,21,22,23,24],"Laravel","Vue.js","Nuxt","Next.js","Node.js","Tailwind CSS","TypeScript","MySQL","Docker",[26,29,32,35,38],{"title":27,"text":28},"Definición y alcance","Definimos juntos qué necesita el proyecto, qué problemas resuelve y cuál es el alcance real. Sin documentos de 50 páginas — claro y directo.",{"title":30,"text":31},"Arquitectura técnica","Elección del stack tecnológico adecuado, estructura de datos y definición de la arquitectura. Cada decisión técnica se justifica.",{"title":33,"text":34},"Desarrollo iterativo","Trabajamos en sprints cortos con entregas frecuentes. Ves el progreso real cada semana y puedes dar feedback continuo.",{"title":36,"text":37},"Testing y calidad","Código testeado, revisiones de código y validación de rendimiento. El producto final funciona bien, no solo 'funciona'.",{"title":39,"text":40},"Deploy y operaciones","Despliegue automatizado con CI\u002FCD, monitorización y mantenimiento continuo. El proyecto no acaba cuando se publica.",{"type":42,"children":43,"toc":128},"root",[44,51,76,83],{"type":45,"tag":46,"props":47,"children":48},"element","p",{},[49],{"type":50,"value":10},"text",{"type":45,"tag":46,"props":52,"children":53},{},[54,56,61,63,68,70,74],{"type":50,"value":55},"Trabajo principalmente con ",{"type":45,"tag":57,"props":58,"children":59},"strong",{},[60],{"type":50,"value":16},{"type":50,"value":62}," y ",{"type":45,"tag":57,"props":64,"children":65},{},[66],{"type":50,"value":67},"Vue\u002FNuxt",{"type":50,"value":69}," para proyectos full-stack, y ",{"type":45,"tag":57,"props":71,"children":72},{},[73],{"type":50,"value":19},{"type":50,"value":75}," cuando el proyecto lo requiere. Cada proyecto tiene necesidades diferentes y el stack se adapta al contexto, no al revés.",{"type":45,"tag":77,"props":78,"children":80},"h2",{"id":79},"qué-puedo-construir",[81],{"type":50,"value":82},"Qué puedo construir",{"type":45,"tag":84,"props":85,"children":86},"ul",{},[87,98,108,118],{"type":45,"tag":88,"props":89,"children":90},"li",{},[91,96],{"type":45,"tag":57,"props":92,"children":93},{},[94],{"type":50,"value":95},"Aplicaciones web a medida",{"type":50,"value":97}," — plataformas, paneles de administración, herramientas internas",{"type":45,"tag":88,"props":99,"children":100},{},[101,106],{"type":45,"tag":57,"props":102,"children":103},{},[104],{"type":50,"value":105},"Webs corporativas y landing pages",{"type":50,"value":107}," — rápidas, SEO-friendly y fáciles de editar",{"type":45,"tag":88,"props":109,"children":110},{},[111,116],{"type":45,"tag":57,"props":112,"children":113},{},[114],{"type":50,"value":115},"APIs e integraciones",{"type":50,"value":117}," — conexiones con servicios externos, pasarelas de pago, CRMs",{"type":45,"tag":88,"props":119,"children":120},{},[121,126],{"type":45,"tag":57,"props":122,"children":123},{},[124],{"type":50,"value":125},"Migraciones y refactorizaciones",{"type":50,"value":127}," — modernizar proyectos existentes sin parar el negocio",{"title":8,"searchDepth":129,"depth":129,"links":130},2,[131],{"id":79,"depth":129,"text":82},"markdown","content:es:services:desarrollo-tecnico.md","content","es\u002Fservices\u002Fdesarrollo-tecnico.md","es\u002Fservices\u002Fdesarrollo-tecnico","md",{"_path":139,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":140,"description":141,"slug":142,"icon":143,"shortDescription":144,"order":129,"technologies":145,"steps":148,"body":173,"_type":132,"_id":181,"_source":134,"_file":182,"_stem":183,"_extension":137},"\u002Fes\u002Fservices\u002Fdiseno-ux","Diseño y Experiencia de Usuario (UX)","Para proporcionar un buen servicio UX, seguimos un proceso que incluye investigación, arquitectura de la información, prototipado, diseño visual, pruebas de usabilidad e iteración.","diseno-ux","palette","El diseño y la experiencia del usuario (UX) se centra en optimizar la experiencia global de los usuarios cuando interactúan con un producto o servicio.",[146,147],"Figma","Adobe Photoshop",[149,152,155,158,161,164,167,170],{"title":150,"text":151},"Definir el problema","Empezamos entendiendo el problema que intentamos resolver para los usuarios y determinando los objetivos del producto.",{"title":153,"text":154},"Investigación","Realizamos investigación de usuarios para obtener información sobre el público objetivo, sus necesidades y comportamientos.",{"title":156,"text":157},"Conceptualización","Brainstorming y esbozar las ideas iniciales para el diseño UI\u002FUX.",{"title":159,"text":160},"Prototipo","Crear un prototipo de baja fidelidad para probar y validar rápidamente los conceptos de diseño.",{"title":162,"text":163},"Prueba de usuarios","Realizar pruebas con un pequeño grupo de usuarios representativos para obtener feedback.",{"title":165,"text":166},"Diseño visual","Desarrollar el diseño de alta fidelidad teniendo en cuenta el feedback.",{"title":168,"text":169},"Desarrollo","Trabajar con el desarrollo para implementar el diseño en el producto.",{"title":171,"text":172},"Lanzamiento e iteración","Lanzar el producto y continuar obteniendo feedback para mejoras.",{"type":42,"children":174,"toc":179},[175],{"type":45,"tag":46,"props":176,"children":177},{},[178],{"type":50,"value":141},{"title":8,"searchDepth":129,"depth":129,"links":180},[],"content:es:services:diseno-ux.md","es\u002Fservices\u002Fdiseno-ux.md","es\u002Fservices\u002Fdiseno-ux",{"_path":185,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":186,"description":187,"slug":188,"icon":189,"shortDescription":190,"order":191,"technologies":192,"steps":193,"body":203,"_type":132,"_id":211,"_source":134,"_file":212,"_stem":213,"_extension":137},"\u002Fes\u002Fservices\u002Fasesoramiento-tecnologico","Orientación experta en el mundo de la tecnología","Para ofrecer los mejores resultados a los clientes, es importante estar informado y al día de las últimas tendencias y buenas prácticas. Una comunicación eficaz también es esencial para entender las necesidades de los clientes y asegurar que se están ofreciendo las soluciones que necesitan.","asesoramiento-tecnologico","lightbulb","Proporciono mis conocimientos y una fuerte comprensión de las mejores prácticas en diversos ámbitos para garantizar los mejores resultados.",3,[],[194,197,200],{"title":195,"text":196},"Mantenerse al día","Mantenerse actualizado de las últimas tendencias y buenas prácticas en tecnología es esencial para ofrecer los mejores resultados.",{"title":198,"text":199},"Ofrecer soluciones innovadoras","Estar al día permite ofrecer soluciones innovadoras que satisfacen las necesidades en evolución de los clientes.",{"title":201,"text":202},"Comunicarse de manera eficaz","La comunicación eficaz con los clientes es crucial para entender sus necesidades específicas y adaptar los servicios.",{"type":42,"children":204,"toc":209},[205],{"type":45,"tag":46,"props":206,"children":207},{},[208],{"type":50,"value":187},{"title":8,"searchDepth":129,"depth":129,"links":210},[],"content:es:services:asesoramiento-tecnologico.md","es\u002Fservices\u002Fasesoramiento-tecnologico.md","es\u002Fservices\u002Fasesoramiento-tecnologico",[215,292,368],{"_path":216,"_dir":217,"_draft":7,"_partial":7,"_locale":8,"title":218,"description":8,"slug":219,"order":14,"category":220,"sector":221,"year":222,"role":223,"status":224,"outstanding":225,"url":226,"image":227,"imageWidth":228,"imageHeight":229,"summary":230,"technologies":231,"body":236,"_type":132,"_id":289,"_source":134,"_file":290,"_stem":291,"_extension":137},"\u002Fes\u002Fprojects\u002Fgelinet","projects","Gelinet","gelinet","Página Web","Servicios de limpieza","2021","Diseño y desarrollo full-stack","online",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp",2560,1440,"Web multilingüe para una empresa de limpieza de Cassà de la Selva, ahora en migración a una web estática más rápida.",[16,232,233,234,235],"PHP","Bootstrap","HTML","Sass",{"type":42,"children":237,"toc":284},[238,244,249,255,273,279],{"type":45,"tag":77,"props":239,"children":241},{"id":240},"el-reto",[242],{"type":50,"value":243},"El reto",{"type":45,"tag":46,"props":245,"children":246},{},[247],{"type":50,"value":248},"Gelinet es una empresa de servicios de limpieza de Cassà de la Selva (Girona) que trabaja para negocios y particulares de toda la comarca. Necesitaba una web donde explicar sus servicios y la zona donde trabaja, y que pudiera mantener ella misma en catalán, castellano e inglés.",{"type":45,"tag":77,"props":250,"children":252},{"id":251},"qué-hice",[253],{"type":50,"value":254},"Qué hice",{"type":45,"tag":84,"props":256,"children":257},{},[258,263,268],{"type":45,"tag":88,"props":259,"children":260},{},[261],{"type":50,"value":262},"Diseñé y desarrollé la web en 2021 con Laravel, sobre un CMS propio que había creado para mis proyectos de cliente.",{"type":45,"tag":88,"props":264,"children":265},{},[266],{"type":50,"value":267},"Los textos de cada idioma, las secciones y el blog se gestionaban desde un panel de administración, sin depender de mí para cada cambio.",{"type":45,"tag":88,"props":269,"children":270},{},[271],{"type":50,"value":272},"En 2026 la estoy migrando a una web 100% estática con Nuxt y Tailwind, alojada en Cloudflare Pages: sin base de datos ni servidor, y con los formularios enviados con Resend.",{"type":45,"tag":77,"props":274,"children":276},{"id":275},"resultado",[277],{"type":50,"value":278},"Resultado",{"type":45,"tag":46,"props":280,"children":281},{},[282],{"type":50,"value":283},"La web lleva en línea desde 2021 y es la única de esta lista que todavía se puede visitar. La nueva versión estática es más rápida, más segura y prácticamente no tiene coste de mantenimiento.",{"title":8,"searchDepth":129,"depth":129,"links":285},[286,287,288],{"id":240,"depth":129,"text":243},{"id":251,"depth":129,"text":254},{"id":275,"depth":129,"text":278},"content:es:projects:gelinet.md","es\u002Fprojects\u002Fgelinet.md","es\u002Fprojects\u002Fgelinet",{"_path":293,"_dir":217,"_draft":7,"_partial":7,"_locale":8,"title":294,"description":8,"slug":295,"order":191,"category":296,"sector":297,"year":298,"role":299,"status":224,"outstanding":225,"url":300,"image":301,"imageWidth":228,"imageHeight":229,"summary":302,"technologies":303,"body":308,"_type":132,"_id":365,"_source":134,"_file":366,"_stem":367,"_extension":137},"\u002Fes\u002Fprojects\u002Fedicitnet","EdiCitNet","edicitnet","Aplicación Web","Investigación · Medio ambiente","2020–2024","Desarrollo full-stack","https:\u002F\u002Fediblecitiesnetwork.com","\u002Fimages\u002Fprojects\u002Fedicitnet-2x.webp","Plataforma internacional del proyecto europeo EdiCitNet sobre ciudades comestibles, desarrollada con el ICRA.",[304,20,305,23,306,307],"Vue","Express","Leaflet","Vue I18n",{"type":42,"children":309,"toc":360},[310,314,319,323,351,355],{"type":45,"tag":77,"props":311,"children":312},{"id":240},[313],{"type":50,"value":243},{"type":45,"tag":46,"props":315,"children":316},{},[317],{"type":50,"value":318},"EdiCitNet (Edible Cities Network) es un proyecto europeo Horizon 2020 sobre ciudades comestibles: huertos urbanos, cubiertas verdes productivas y otras iniciativas que integran la producción de alimentos en la ciudad. El proyecto necesitaba una plataforma en línea donde ciudades, entidades e investigadores pudieran compartir estas soluciones y aprender unos de otros.",{"type":45,"tag":77,"props":320,"children":321},{"id":251},[322],{"type":50,"value":254},{"type":45,"tag":84,"props":324,"children":325},{},[326,331,336,341,346],{"type":45,"tag":88,"props":327,"children":328},{},[329],{"type":50,"value":330},"Como freelance, trabajé con el equipo de desarrollo del ICRA (Instituto Catalán de Investigación del Agua) en dos versiones de la plataforma, entre 2020 y 2024.",{"type":45,"tag":88,"props":332,"children":333},{},[334],{"type":50,"value":335},"La primera versión se hizo con Vue 2 y Chart.js. La segunda es una reescritura completa con Vue 3 y Vite.",{"type":45,"tag":88,"props":337,"children":338},{},[339],{"type":50,"value":340},"Desarrollé tanto el frontend como la API, con Node.js, Express y MySQL. La API incluye autenticación, subida de imágenes y envío de correos.",{"type":45,"tag":88,"props":342,"children":343},{},[344],{"type":50,"value":345},"La plataforma tiene un catálogo de iniciativas y soluciones con mapa interactivo (Leaflet), perfiles, noticias y eventos, recursos, comunidad, preguntas y respuestas y cuestionarios de evaluación.",{"type":45,"tag":88,"props":347,"children":348},{},[349],{"type":50,"value":350},"Toda la interfaz es multilingüe.",{"type":45,"tag":77,"props":352,"children":353},{"id":275},[354],{"type":50,"value":278},{"type":45,"tag":46,"props":356,"children":357},{},[358],{"type":50,"value":359},"La plataforma sigue activa y da servicio a la red internacional del proyecto. Me permitió colaborar con un equipo de desarrollo distribuido de un centro de investigación.",{"title":8,"searchDepth":129,"depth":129,"links":361},[362,363,364],{"id":240,"depth":129,"text":243},{"id":251,"depth":129,"text":254},{"id":275,"depth":129,"text":278},"content:es:projects:edicitnet.md","es\u002Fprojects\u002Fedicitnet.md","es\u002Fprojects\u002Fedicitnet",{"_path":369,"_dir":217,"_draft":7,"_partial":7,"_locale":8,"title":370,"description":8,"slug":371,"order":372,"category":296,"sector":373,"year":374,"role":299,"status":224,"outstanding":225,"url":375,"image":376,"imageWidth":228,"imageHeight":229,"summary":377,"technologies":378,"body":381,"_type":132,"_id":438,"_source":134,"_file":439,"_stem":440,"_extension":137},"\u002Fes\u002Fprojects\u002Fnat4wat","Nat4Wat","nat4wat",4,"Investigación · Agua","2023–2025","https:\u002F\u002Fnat4wat.icra.cat","\u002Fimages\u002Fprojects\u002Fnat4wat-2x.webp","Herramienta web del ICRA para elegir soluciones basadas en la naturaleza para tratar, almacenar y reutilizar el agua.",[379,304,380,20],"Nuxt 3","Pinia",{"type":42,"children":382,"toc":433},[383,387,392,396,424,428],{"type":45,"tag":77,"props":384,"children":385},{"id":240},[386],{"type":50,"value":243},{"type":45,"tag":46,"props":388,"children":389},{},[390],{"type":50,"value":391},"Nat4Wat es la herramienta del proyecto europeo MULTISOURCE, financiado por el programa Horizon 2020, para ayudar a ayuntamientos, empresas y técnicos a elegir soluciones basadas en la naturaleza (como los humedales construidos) para tratar, almacenar y reutilizar el agua. Había que convertir los modelos y los datos del equipo de investigación del ICRA en una herramienta que se pudiera usar sin ser especialista.",{"type":45,"tag":77,"props":393,"children":394},{"id":251},[395],{"type":50,"value":254},{"type":45,"tag":84,"props":397,"children":398},{},[399,404,409,414,419],{"type":45,"tag":88,"props":400,"children":401},{},[402],{"type":50,"value":403},"Como freelance, entre 2023 y 2025 desarrollé el frontend con Nuxt 3 y Pinia y contribuí a la API con Node.js, junto con el equipo del ICRA.",{"type":45,"tag":88,"props":405,"children":406},{},[407],{"type":50,"value":408},"La parte central es «Find your solution», un asistente por pasos: el usuario define su escenario (agua, contaminantes, superficie, prioridades) y la herramienta le propone las soluciones más adecuadas.",{"type":45,"tag":88,"props":410,"children":411},{},[412],{"type":50,"value":413},"Las soluciones se comparan con un análisis multicriterio con gráficos, y se puede generar un informe.",{"type":45,"tag":88,"props":415,"children":416},{},[417],{"type":50,"value":418},"También hay un catálogo de soluciones, publicaciones científicas y casos de mercado, con un circuito para aceptarlos y publicarlos.",{"type":45,"tag":88,"props":420,"children":421},{},[422],{"type":50,"value":423},"Completan la herramienta los perfiles de usuario, los escenarios guardados, el servicio de ayuda, las guías y las preguntas frecuentes, todo adaptado a móviles.",{"type":45,"tag":77,"props":425,"children":426},{"id":275},[427],{"type":50,"value":278},{"type":45,"tag":46,"props":429,"children":430},{},[431],{"type":50,"value":432},"La herramienta es pública y sigue activa en nat4wat.icra.cat.",{"title":8,"searchDepth":129,"depth":129,"links":434},[435,436,437],{"id":240,"depth":129,"text":243},{"id":251,"depth":129,"text":254},{"id":275,"depth":129,"text":278},"content:es:projects:nat4wat.md","es\u002Fprojects\u002Fnat4wat.md","es\u002Fprojects\u002Fnat4wat",1791369457260]