PORTFOLIOWEB
El sitio que estás leyendo — diseñado y construido desde cero como herramienta de venta y vitrina técnica.
Un portfolio no es un CV. Es el primer proyecto que cualquier cliente evalúa.
La mayoría de portfolios de diseñadores son Behance o un PDF. El reto era construir algo que demostrara las capacidades técnicas en el mismo acto de existir — sin decirlo, mostrándolo.
El sitio tenía que cargar rápido, moverse bien en móvil, contar una historia visual clara y convertir visitantes en clientes potenciales. Todo eso sin sacrificar la identidad de marca.
Un sitio que es producto en sí mismo — cada scroll demuestra lo que puede hacer.
Motion editorial
GSAP ScrollTrigger en cada sección — parallax, skew, timeline en hero. Animaciones que dan ritmo sin robar protagonismo al contenido.
Design tokens
Tailwind 4 con variables CSS semánticas. Un cambio en el token y todo el sitio cambia. Escalable sin caos.
Multi-idioma real
LangContext con ES/EN completo. Sin librerías pesadas de i18n — 0kb extra en el bundle.
- 01
Brand Direction
Definición de voz, paleta y tipografía. Midnight Void como color principal — oscuro, editorial, técnico sin ser frío.
- 02
Layout System
Grid de 3 columnas para proyectos, stack-parent para capas sticky. Cada sección pensada como un momento visual.
- 03
Motion Layer
GSAP ScrollTrigger para parallax en covers, skew en cards y timeline en hero. Motion que refuerza jerarquía, no distrae.
- 04
Engineering
Next.js App Router, Tailwind 4 con tokens de diseño, multilenguaje ES/EN via LangContext, sitemap y meta automáticos.
- 05
Deploy & SEO
Vercel + dominio propio. OG images, robots.txt, canonical URLs. Lighthouse 98+. Carga completa bajo 1.2s.
“El mejor portfolio es el que demuestra lo que sabes hacer en el mismo acto de mostrarlo.”