Interactive MacBook Pro Product Experience with Three.js

Interactive MacBook Pro Product Experience with Three.jsInteractive MacBook Pro Product Experience with Three.js

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

Iqra Bibi

• 12h

MacBook Pro — Immersive Product Experience

A premium, interactive MacBook Pro concept website designed to combine Apple-inspired visual storytelling with a modern, immersive web experience.

I focused on creating a clean and cinematic interface with bold typography, smooth layouts, product-focused visuals, and carefully designed sections that guide users through the product experience.

The project also incorporates Three.js to add interactive 3D elements and depth to the experience, making the website feel more dynamic and engaging rather than simply static.

What I worked on

UI/UX Design

Frontend Development

Interactive 3D experiences with Three.js

Responsive web design

Product storytelling & visual hierarchy

Smooth interactions and animations

Performance-focused layouts

Modern, minimal visual design

Tech: Three.js • JavaScript • vite

Focus: UI/UX Design • Creative Development • Interactive Web Experiences

Completed work

Frontend Development UI Design UX Design JavaScript Vite three.js

Korsa Agency

pro

• Sep 29

Our goal was to make pricing, inventory and ordering data feel simple and human for an AI-powered B2B commerce platform. We'd love to hear your thoughts!

Check it out

Product Design UI Design

Shani Tiwari

• Sep 30

Engaging background and nice gradient to not make the section look seprate 🔥

Anna D.

• Sep 28

Designing for therapists means prioritizing what matters in the next few minutes, not just what looks good on a dashboard.

I explored two layout directions for a mental health practice management web app that helps psychologists manage sessions, patients, documentation, tasks, and follow-ups.

Both concepts use the same core widgets, but with different positioning and visual hierarchy. The goal was to make daily priorities easier to scan and act on.

Which option feels more intuitive - A or B? 🤔

UX Design uiuxdesign dashboarddesign

17 voted

68%

8 voted

32%

25 votes

Closed

Alaa

pro

• Sep 28

Option A feels a bit more natural for a therapist's workflow. Placing the daily schedule and key priorities right at the top makes it much easier to scan between back-to-back sessions without unnecessary friction. Great focus on practical UX over just aesthetics.

NexUX Lab

• Sep 29

Luxury Car Dealership Website Design

A premium website concept for a luxury car dealership focused on immersive visuals, seamless navigation, and a high-end user experience. Designed in Figma with a responsive layout and modern UI principles

Completed work