01 / FEATURE
A reactive focal point
A Three.js / React Three Fiber eye that responds to pointer movement and anchors the visual narrative.
ARCHIVE / EXPERIMENT
A PORTFOLIO WITH A POINT OF VIEW
PLANKTON / ONE EYE
Not another resume. An experience.
An interactive portfolio shaped by perspective, cinematic motion, and a cursor-reactive 3D eye.
CASE FILE — 01
- STATUS
- IN PROGRESS
- YEAR
- 2026
- TYPE
- Experiment
ART DIRECTION / PLANKTON / ONE EYESTYLIZED CONCEPT MOCKUP
01
THE STARTING POINT
The idea behind it.
Build a personal home that feels like a living design experiment rather than a static list of links.
THE CHALLENGE
How do you make a personal site memorable without sacrificing clarity, performance, or access to the work?
THE APPROACH
Combine a restrained mint-on-graphite system with an interactive Three.js eye, cinematic transitions, and distinct editorial sections for identity and projects.
02
WHAT WENT INTO IT
Built with intention.
02 / FEATURE
Controlled atmosphere
Low-contrast grids, cinematic spacing, and mint highlights keep the interface atmospheric but readable.
03 / FEATURE
Human context
About and toolkit sections provide the person and practical skills behind the experiments.
04 / FEATURE
An evolving archive
The Projects gallery connects experiments and creative tools with their own dedicated case studies.
03
STATE OF THE BUILD
Where it stands.
CURRENT STATUS / IN PROGRESS
An evolving Next.js portfolio with a 3D-led landing page, matrix-inspired About presentation, and a living work archive. Eleven creative and developer projects now have public demos.
You are viewing this project's actual portfolio, not an external demo.
04
THE NEXT ITERATION
Never really finished.
01
Review accessibility and mobile performance
02
Add real project screenshots to replace concept mockups
03
Continue motion refinement