Un portfolio construido como sistema vivo: contenido técnico, narrativa visual, biblioteca 3D y asistente integrado.
Este portfolio no funciona solo como escaparate, sino como un producto web propio. Reúne experiencia profesional, proyectos de I+D, publicaciones, formación, vida personal, CV, biblioteca interactiva y un asistente conversacional en una experiencia bilingüe cuidada para escritorio y móvil.
De CV disperso a experiencia explorable
Mostrar mucho contenido sin convertir la web en un CV largo y plano.
Reto
La web debía explicar investigación, proyectos, publicaciones, experiencia, formación y personalidad con una lectura clara. El reto estaba en equilibrar impacto visual y usabilidad, evitando que las animaciones o capas decorativas dificultaran la experiencia, especialmente en móvil y Safari.
- Arquitectura de contenido para separar trayectoria, casos, publicaciones y vida personal.
- Diseño visual con personalidad sin sacrificar legibilidad ni rendimiento.
- Ajustes específicos para móvil, Safari y Chrome a partir de pruebas reales.
Tratar cada sección como una pieza de producto, no como un bloque informativo aislado.
Metodología
El desarrollo se organizó alrededor de componentes reutilizables, datos estructurados y una capa de traducciones. La landing, proyectos, biblioteca, CV visual, chatbot y páginas legales comparten sistema de navegación, estilos, contenido bilingüe, SEO y decisiones responsive orientadas a mantener estabilidad visual.
- Datos centralizados para proyectos, experiencia, educación, certificaciones y publicaciones.
- Sistema visual coherente con tarjetas, modales, páginas de caso y biblioteca 3D.
- Reducción selectiva de animaciones en móvil para evitar parpadeos y pérdida de claridad.
Una presencia digital que también demuestra cómo trabajo construyendo software.
Solución
El resultado es una aplicación Next.js con secciones interactivas, casos de proyecto, biblioteca 3D, chatbot contextual, CV descargable, rutas SEO y contenido en español e inglés. La web combina narrativa personal y evidencia técnica para que el visitante pueda explorar el perfil a distintos niveles de profundidad.
- Landing editorial con versión móvil optimizada y efectos ajustados por navegador.
- Páginas de proyecto con storytelling, métricas, módulos y evidencia visual.
- Asistente integrado capaz de responder sobre experiencia, proyectos, publicaciones y contacto.
Contenido, interacción y rendimiento bajo el mismo sistema
Sistema de contenido
Datos tipados para mantener proyectos, experiencia, formación, publicaciones y certificaciones sin duplicar estructura.
Experiencia visual
Landing, tarjetas, modales, páginas de caso y microinteracciones diseñadas con una estética común.
Biblioteca y chatbot
Biblioteca 3D para publicaciones y asistente conectado al conocimiento local del portfolio.
Rendimiento responsive
Capas y animaciones adaptadas por dispositivo para preservar estabilidad, legibilidad y fluidez.
Resultados en cifras
Landing, experiencia, proyectos, biblioteca, educación, publicaciones, vida personal y contacto.
Contenido navegable en español e inglés desde la misma estructura de traducciones.
Exploración visual de publicaciones, cursos y lecturas con una escena propia.
Chatbot orientado a responder sobre perfil, proyectos, publicaciones y vías de contacto.
La web como pieza de producto
La carátula sintetiza el objetivo del proyecto: que el propio portfolio sea una muestra tangible de criterio visual, organización técnica, sensibilidad responsive y capacidad para convertir información profesional en una experiencia navegable.