I’ve always wanted a portfolio that felt artistic and personal, not another scrolling grid of project cards. So I built Trip’s Atelier: a portfolio designed as a room you walk into. You knock to enter, the camera pans across the space as you move your mouse, and everything in the room, the guitar, the chair, the monitor, the corkboard, cabinet etc. is a clickable object tied to a part of me.

The problem I was solving: Most portfolios look the same. I wanted mine to feel like stepping into my actual creative space, where exploring my work is as intentional as walking around a room and noticing what’s on the walls.

How I built it, and where Wonder fit in: My original file got accidentally deleted, which is why I ended up starting this so close to the deadline. I rebuilt it in under 5 hours, and that was only possible because of Wonder. I used Wonder Chat as a design assistant throughout, it generated the room as a raster background, and each object in the scene (guitar, chair, monitor, walls, doors) as SVG vectors, so everything stayed crisp and scalable rather than pixelated. Once the visual design was locked, I exported everything as clean CSS with a single click, then brought that into VS Code to build the actual interactivity, click events, hover states, and navigation, as a React project. Wonder handled the entire visual design layer conversationally, which meant I could focus my limited time on making the interactions feel intentional rather than fighting with design tools. Links: https://app.wonder.so/trippleyay/files/019f37f8-3679-73cd-ab56-c5f1a257ca4f

Project: trip-roomfolio.netlify.app