Interactive 3D Portfolio

This portfolio experiment turns a project archive into a navigable environment. Instead of scrolling past static thumbnails, visitors move through curated exhibits, encounter motion and video in context, and experience the work as a spatial story. Explore the live build at suwanshree-portfolio.vercel.app.

Interactive 3D portfolio environment with project displays

Image coming soon!
Future environment maps, interaction diagrams, and physics breakdowns coming soon.

A Portfolio You Move Through

The core challenge was translating presentation design into an explorable 3D system. Every scene decision had to support both storytelling and navigation: where the camera should guide attention, how movement should feel, which surfaces should carry video or art, and how much visual density the browser could handle without sacrificing responsiveness.

Focus: Immersive web storytelling, interaction design, and real-time 3D performance.
Stack: React Three Fiber, Three.js, Rapier physics, and front-end motion systems.
What it shows: A direct bridge between environment design, motion sensibility, and engineering craft.


Where Design and Engineering Meet

This project is one of the clearest examples of my hybrid practice. It pulls together spatial composition, lighting, pacing, and interaction design with the technical work required to make a browser-based 3D experience feel stable and intentional. It is not just a portfolio piece, but a proof point that I can turn visual direction into a functioning interactive product.

Explore the environment

Step into the live experience or continue browsing the full archive.

View live project Case Studies