Case Study
An immersive agency portfolio showcasing web interactions, editorial typography, WebGL grain shaders, and curated project showcases.
Year2026
DisciplineBranding & Web
Read1 min read
RoleDesign & Development
The Work
The thinking, the trade-offs, and what shipped.
Lumina Studio
A showcase of high-end branding, typography, and motion design built for an international design consultancy based in Tokyo and Berlin.
Concept
The client sought a website that felt closer to an art book than a conventional corporate website. Every scroll, transition, and hover was tailored to convey craftsmanship and aesthetic confidence.
Tech Stack
- Next.js & React 19: Modern layout routing with View Transitions API integration.
- GSAP & ScrollTrigger: Precision timeline controls for staggered text splits and image masking.
- Custom Shaders: Subtle background noise canvas enhancing tactile depth without degrading frame rates.