PROYECTO SELECCIONADO / 02
Portfolio
El portfolio que estás recorriendo: diseño, código y movimiento en una misma experiencia.
El proyecto
CONTEXTO / 01
Esta versión reúne mis proyectos, servicios y forma de trabajar en un sitio bilingüe. Diseñé y desarrollé una identidad visual propia, con contenido editable desde un CMS online y el código disponible en GitHub.
01 /El desafío
Construir una experiencia visual con carácter sin perder claridad, adaptación a móviles ni control sobre el contenido. El sitio también debía permitir actualizar proyectos y textos sin modificar los componentes.
02 /La propuesta
Una web estática con Astro y TypeScript, animaciones con GSAP y efectos con WebGPU. Decap CMS guarda el contenido en archivos JSON de la rama develop; los cambios se validan y se publican en Cloudflare Workers al integrarlos en main.
Decisiones y desarrollo
DENTRO DEL PROYECTO / 02
Identidad propia
Tipografía, marcos geométricos y una paleta de alto contraste conectan la portada, los servicios y los casos de estudio.
Movimiento y efectos
GSAP coordina las transiciones y WebGPU genera los efectos glitch, con alternativas para dispositivos sin soporte y preferencias de movimiento reducido.
Contenido editable
Decap CMS permite actualizar proyectos, servicios y textos en español e inglés. Los archivos JSON se validan antes de generar las páginas.
Código y publicación
El repositorio público permite explorar los componentes y efectos. GitHub Actions verifica cada cambio y Cloudflare publica la web al actualizar main.
Una mirada más cerca
CAPTURAS / 03
