Noa Vermeer - Designer Portfolio
A WebGL and scroll study built around a fictional designer persona - a Three.js shader hero and a GSAP horizontal-pan gallery, used to push the techniques behind the other builds.
- Role
- Build (technical study)
- Services
- Creative frontend · 3D / motion
- Year
- 2026
- Status
- Complete
Overview
The brief
Exercise a shader-driven hero and a horizontal scroll gallery in a clean, standalone page, separate from any real brand.
A technical study built around a fictional persona, so it is never confused with a real client or with my own identity.
Approach
How I built it
Wrote a Three.js shader hero as the centrepiece.
Built a GSAP horizontal-pan gallery that converts vertical scroll into a sideways tour.
Kept a dark and lime palette and verified the behaviour on mobile.
Key features
What makes it work
- Three.js shader hero
- GSAP horizontal-pan gallery
- Mobile-verified scroll behaviour
Gallery
A closer look
Build
Under the hood
- Shader hero and horizontal-pan gallery verified on mobile
Reflection
Looking back
Shown honestly as a technical study with a made-up persona, so it is never confused with a real client or with my own identity. The shader and horizontal-pan code fed directly into the production builds.