4N4RKY
Web editorial · Fotografía
Portfolio editorial para un fotógrafo de motorsport: 45 fotos seleccionadas de 2.766, animaciones GSAP y un bundle de 57 KB.
Sobre el proyecto
Web a medida para Óliver L.G. (@_4n4rky_), fotógrafo de motorsport en Tenerife. Diseño editorial oscuro construido alrededor de un motivo rector — la diagonal a −8° de su logo — aplicado a marquees, recortes y reveals. Las 45 fotos finales salieron de curar 2.766 originales de 24 MP con un pipeline propio de procesado: Lanczos, JPEG progresivo y 3-4 tamaños por foto. Sin frameworks de UI: TypeScript vanilla, GSAP y un bundle total de 57 KB gzip.
Stack tecnológico
Funcionalidades clave
- Sistema de diseño propio documentado: la diagonal −8° del logo como motivo rector
- 45 fotos de 24 MP curadas de 2.766 con pipeline propio de procesado y srcset responsive
- Galería filtrable con lightbox y animaciones GSAP + Lenis
- Soporte completo de prefers-reduced-motion y ARIA
- Fuentes self-hosted, sin Google Fonts (RGPD)
- Bundle de 57 KB JS gzip + 4,8 KB CSS
- Preloader con contador, cursor personalizado y menú móvil fullscreen
- Deploy automatizado con smoke test y hardening completo
Desafíos técnicos
30 MB de fotografía servidos con sensación de web ligera: srcset, lazy loading y preload selectivo
Animaciones de scroll fluidas en táctil sin fundir la GPU: blend-modes solo con puntero fino
Curación asistida de 2.766 fotos hasta las 45 definitivas
¿Quieres algo similar para tu negocio?
Solicitar presupuesto