← BACK TO WORKCASE / 04 OF 06
Web
Kinopsia
CLIENT
Kinopsia Studio
ROLE
Creative Dev
YEAR
2024
STACK
Next.js · GSAP · Lenis
CATEGORY
Web
HERO · 16:916:9
01 · CONTEXT
Un sitio editorial donde la tipografía en movimiento es el producto, no el contenedor.
02 · APPROACH
Scroll-linked animations con GSAP ScrollTrigger y Lenis para inertia física.
Cada bloque tipográfico tiene su propio timeline — no hay un loop global.
DETAIL · 01
DETAIL · 02
DETAIL · 03
03 · OUTCOME
98
Lighthouse performance.
4 sem.
de producción.
0
reflows en animación.