(09) — Back to indexCase 09 / 09
Portfolio — Signal
This site. A halftone WebGL portrait, GSAP scroll choreography and an editorial type system — built to stay fast on a mid-range phone.
(A) — Overview
The portfolio is a project in its own right. The hero portrait is rendered as thousands of WebGL points sampled from a photo, reacting to the cursor and to scroll. Every section is choreographed with GSAP and Lenis, but the whole thing is server-rendered, works without JavaScript and respects reduced-motion settings.
Source is private — code walkthrough available on request
(B) — Highlights
- 01Halftone portrait in a single WebGL draw call, paused when off-screen
- 02GSAP + ScrollTrigger choreography with a full reduced-motion path
- 03Editorial type system, light and dark themes, strong technical SEO
Next.jsThree.jsGLSLGSAPLenisTypeScript
