Interactive Workshop Portfolio
I wanted my portfolio to feel like a place you could step into, not another stack of ordinary pages. The workshop became a way to introduce my interests before asking anyone to read.
I turned a Blender workshop into a portfolio you can explore, where the objects on the desk lead to the work behind them.
- Focus
- Interactive design · Creative development · Accessibility
- Tools
- Blender Cycles · Next.js · React
The central challenge was bringing a rendered scene to the web without turning it into a fragile visual trick. The objects had to work as real navigation, stay aligned as the screen changed size, and remain understandable with a keyboard, reduced motion, a failed video, or no immediate JavaScript.
I built and refined the fixed-camera workshop in Blender, using a calm loop and clear desk areas for the five parts of the site. I turned Music, Blog, Projects, Resume, and Kitchen into real navigation targets tied to the objects in the scene. I prepared browser-friendly video, poster, and highlight files so the rendered atmosphere could load without running a 3D scene in the browser. I built the website around one shared coordinate system, then connected the workshop to semantic routes, the animated drawer, and the local content editor. I tested keyboard, touch, browser history, reduced motion, media failure, and responsive layouts until the scene and its content behaved like one experience.
Use the objects themselves as navigation so the workshop is useful, not just decorative. Use pre-rendered video and source artwork instead of runtime 3D, keeping the homepage lighter and the Blender look intact. Keep normal links and standalone pages underneath the drawer interaction so every section has a durable, accessible route. Keep content in readable local files with a private editor, making future project stories and images easier to maintain.
Keeping the poster, video, highlights, and clickable areas aligned while the scene scales across desktop, tablet, and mobile screens. Preserving the feeling of motion while giving reduced-motion visitors a complete static experience. Making drawer transitions, keyboard focus, Escape, and browser Back and Forward agree without making the workshop feel mechanical. Packaging local content and uploaded media reliably for production without exposing the private editor.
The result is the portfolio you are using now: a warm workshop that opens into five readable sections, with the same content available through ordinary pages. It is a finished foundation I can keep filling with my own work. No public traffic, client result, or portfolio outcome is claimed.