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.

📌 Check out the full case study here

🕹️ Play the portfolio

🛠️ Build your own immersive site with Framer ✅ Check out other Framer-build experiences: Classical Dance | Finance

#FramerDeveloper #ProductDesign #UXUI #CreativeTechnology #ContraIndependents #HireMe #WebExperience

Halden - Landing Page Concepts Halden sells to grid operators, and there were two good ways to pitch it: tell them what's coming, or show them everything happening now. Rather than pick one on instinct, I designed the landing page as an A/B test so real traffic decides.

The two pages share one 12-column grid, the same section order, type system and components. Each variant changes only its message, its hero visual and its light color, so any difference in demo requests comes from the pitch and not the layout.

The work was building a system flexible enough to carry two different stories without either one feeling like the backup version.

Forecasting (act before demand spikes) vs metering (see and bill every kilowatt)

Primary metric: Demo requests from the hero CTA

I'd pick Forecasting. "From meter reading to early action" tells a grid operator what they get in one line. Did you write both hero lines before designing the visuals?