Why I built a 3D mini-game for my design portfolio 👾👇
When I set out to redesign my portfolio, I knew a standard grid of case studies wouldn't cut it. With 4+ years of experience across product interaction, WebAR, and UX design, I needed a space that actually demonstrated what I can build.
So, I built Sartisticway, an immersive web experience developed entirely in Framer.
Here is what I focused on:
🧵 Scroll-Driven Storytelling: Custom SVG paths that dynamically "untangle" as you scroll, guiding the narrative.
🚀 Gamified Skill Discovery: Instead of reading a list of tools, users play "Skill Run"—a custom 3D WebGL mini-game where they pilot a ship to discover my tech stack.
📱 Zero Performance Compromise: Cinematic 3D motion and micro-interactions that run at a smooth 60fps across all breakpoints.
I’ve just published the complete breakdown of my design and development process on Contra. If you are a founder or team looking to build products at the intersection of art and emerging technology, let's talk.
The tiny village with the clouds is so charming, and the pink and yellow blobs on the right feel like a playful brand world. Did you build all three scenes in Womp?