3D interactive portfolio — 2026
This Portfolio
This portfolio. A rigged 3D avatar follows your cursor, the About and Projects pages play out as scroll stories, and the contact page is a working Nokia 3310 plus a project brief builder.
- 1rigged 3D avatar
- 6case studies
The goal
A portfolio that shows the work by being the work: real-time 3D, careful motion and interaction details, while staying fast, accessible and easy to find in search.
What I built
3D avatar
A rigged avatar rendered with React Three Fiber. The head tracks the cursor, breathes and drifts while idle, nods when clicked, and the lighting and materials are tuned so it looks like a person rather than a flat model.
Scroll stories
The About and Projects pages are pinned, scroll-driven chapters. A small engine eases scroll progress into CSS variables every frame, so motion glides and stays on the compositor.
Contact
A working Nokia 3310 with a menu and multi-tap messaging, and a project brief builder that composes a ready-to-send email.
Performance and search
Compressed model and screenshots, a loading screen, structured data, a sitemap and a case study for each project.
The stack
- Framework
- Next.jsReact 19TypeScript
- 3D
- Three.jsReact Three Fiber
- Hosting
- Vercel
The outcome
- Live on Vercel.
- Structured data and a sitemap in place for search engines.
Don't take my word
Anyone can write “it works”. This checks the live site and the code for real, right now, from a server, and shows exactly what it finds.
BUILDING SOMETHING SIMILAR?