4N4RKY
Editorial web · Photography
Editorial portfolio for a motorsport photographer: 45 photos curated from 2,766, GSAP animations and a 57 KB bundle.
About the project
Custom site for Óliver L.G. (@_4n4rky_), a motorsport photographer in Tenerife. Dark editorial design built around one governing motif — the −8° diagonal from his logo — applied to marquees, clips and reveals. The final 45 photos came from curating 2,766 24 MP originals with an own processing pipeline: Lanczos, progressive JPEG and 3-4 sizes per photo. No UI frameworks: vanilla TypeScript, GSAP and a total 57 KB gzip bundle.
Tech stack
Key features
- Documented custom design system: the logo's −8° diagonal as governing motif
- 45 photos at 24 MP curated from 2,766 with an own processing pipeline and responsive srcset
- Filterable gallery with lightbox and GSAP + Lenis animations
- Full prefers-reduced-motion and ARIA support
- Self-hosted fonts, no Google Fonts (GDPR)
- 57 KB gzip JS bundle + 4.8 KB CSS
- Counter preloader, custom cursor and fullscreen mobile menu
- Automated deploy with smoke test and full hardening
Technical challenges
30 MB of photography served while feeling lightweight: srcset, lazy loading and selective preload
Smooth scroll animations on touch without melting the GPU: blend modes only on fine pointers
Assisted curation of 2,766 photos down to the final 45
Want something similar for your business?
Get a quote