Web / 2026
La composición nació en Figma: tipografía enorme, mucho negro, verde ácido y rosa. En el navegador aparecieron las preguntas de verdad. ¿Qué pasa cuando el título cambia de idioma? ¿Dónde cae una tarjeta en una pantalla angosta? ¿Cuánto tarda una entrada antes de que se sienta como una intro que ya quieres saltar? Gran parte del trabajo fue ajustar ritmo y proporciones directamente con el sitio funcionando.
GSAP controla la ola inicial, los revelados, los contadores y las pequeñas respuestas al puntero. Lenis suaviza el scroll y se mantiene sincronizado con ScrollTrigger. No quise llenar cada hueco con movimiento: las animaciones importantes son las que presentan una sección, explican un cambio o hacen que tocar algo se sienta bien. El resto sólo hace ruido.
La versión en español no es un botón que cambia textos por encima. Tiene rutas propias, metadata propia y cada case study se puede compartir en su idioma. El navegador sugiere la primera entrada, pero después manda la elección de la persona. También reescribí el copy para quitar frases de portafolio prefabricado y dejar una voz que sí usaría fuera de esta página.
Astro genera páginas estáticas para que el contenido llegue rápido y sea legible desde el HTML inicial. React se queda sólo donde hace falta interacción. También hay canonical, hreflang, datos estructurados, sitemap, preview social, navegación por teclado y un modo de movimiento reducido que no deja contenido escondido. No es la parte más llamativa, pero sí la que evita que el sitio se caiga en cuanto sale de la demo.
Lo llamo Folio 2026 porque ya no es aquella primera versión y porque tampoco quiero congelarlo como una pieza terminada. Van a cambiar proyectos, imágenes y seguramente alguna decisión que hoy me parece brillante. Esa es parte del punto: este sitio también documenta cómo voy afinando mi criterio.