Immersive 3D Web Portfolio Design and Development

Immersive 3D Web Portfolio Design and DevelopmentImmersive 3D Web Portfolio Design and Development

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Sarthak Prakash

• 1d

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

Completed work

Interaction Design Framer Spline

Nadia Ariefdien

• Oct 31

Introducing OpenHaus, a vibrant house music festival, made for anyone and everyone. The visual identity leans into bold, saturated color paired with bold typography and structured, grid-based layouts. It feels colorful and inviting on the surface, but stays grounded by a level of restraint that gives it a more considered feel. The logomark combines a lowercase "h" with a triangle, forming the silhouette of a house, a small, playful nod to the genre and the name itself.

View the full project here:

Click Here

Graphic Design Brand Design Visual Design

Mostafa Moamen

• Nov 1

Great color palette and logo design 🎉🎉

Nadia Ariefdien

• Oct 31

OpenHaus Visual Identity pt. 3

OpenHaus is a vibrant house music festival, made for anyone and everyone. The visual identity leans into bold, saturated color paired with bold typography and structured, grid-based layouts. It feels colorful and inviting on the surface, but stays grounded by a level of restraint that gives it a more considered feel. The logomark combines a lowercase "h" with a triangle, forming the silhouette of a house, a small, playful nod to the genre and the name itself.

View the full project here:

Click Here