Case playbackInteractive web experience
GeekZahra 3D Room
A browser-based 3D portfolio room you can actually wander through.
- Role
- Creative Development
- Field
- Creative technology
- State
- Personal project
Project playback
One product.Four decisive moves.
I built an explorable 3D room as a personal portfolio. Visitors can rotate the camera, zoom through the space, and interact with objects to discover the work and…
Signal 01
Need
The creative brief was to make a personal portfolio feel like a place to explore rather than a conventional list of projects.
Signal 02
Move
Visitors enter a 3D room, rotate and zoom the camera, and interact with objects to discover work and personality through the environment.
Signal 03
Build
The experience uses Three.js, React Three Fiber, React, WebGL, and Vite to render and control an interactive scene in the browser.
Signal 04
Shipped
Live 3D portfolio. Spatial discovery. Creative-development proof.
Build field
The work, exposed.
I handled creative development and built an explorable browser-based room with camera movement and interactive objects.
Owned end to end
- 013D scene development
- 02Camera movement and zoom
- 03Interactive object behavior
- 04Browser rendering and asset delivery
Room scene
The portfolio content is represented inside a navigable 3D environment.
Camera exploration
Visitors can rotate the view and zoom through the space.
Object interactions
Interactive objects reveal parts of the portfolio experience.
Technology
- Three.js
- React Three Fiber
- React
- WebGL
- Vite
Proof of ship
What changed.
Live 3D portfolio
The project is available as a browser-based interactive experience.
Spatial discovery
Visitors explore the work through movement and object interaction.
Creative-development proof
The project demonstrates the listed Three.js, React Three Fiber, and WebGL stack in use.
Case fileRole, full brief, and questions
My role
Creative Development
I handled creative development and built an explorable browser-based room with camera movement and interactive objects.
- Built for
- Portfolio visitors and creative-development clients
- Location
- Web
- Type
- Interactive web experience
- Case updated
Full brief
Need
The creative brief was to make a personal portfolio feel like a place to explore rather than a conventional list of projects.
Move
Visitors enter a 3D room, rotate and zoom the camera, and interact with objects to discover work and personality through the environment.
Build
The experience uses Three.js, React Three Fiber, React, WebGL, and Vite to render and control an interactive scene in the browser.
Questions, answered
What can visitors do in the 3D Room?
Visitors can rotate the camera, zoom through the room, and interact with objects to discover the portfolio.
Which technologies were used?
The project uses Three.js, React Three Fiber, React, WebGL, and Vite.
Is this a client project?
No. It is listed as a personal creative-development project.
Have a product that needs a real system?
Start a project