THE HANGER is a minimalist clothing brand built around a simple idea: online shopping should feel less like browsing a catalog and more like walking into a thoughtfully designed clothing store.
The experience begins with a cinematic landing page that introduces the brand through scroll-driven animations, editorial typography, and carefully composed visuals. As visitors move through the website, they discover the brand story, its approach to everyday essentials, and the details behind its clothing.
At the heart of the experience is an interactive virtual wardrobe. Instead of presenting products in a conventional grid, T-shirts are displayed on hangers in a carefully designed digital space. Visitors can explore the collection, hover over individual garments to discover their details, and select a piece to open an immersive 3D product view.
Each product has its own details, including color options, sizes, material information, and pricing. Customers can inspect the garment, choose their preferred variant, and add it to their shopping bag.
The visual direction combines minimalist fashion, architectural interiors, and smooth motion to create an experience that feels contemporary without distracting from the products themselves.
Built around Next.js, Three.js, React Three Fiber, and Framer Motion, the project explores how 3D interaction and motion design can make a familiar shopping experience more engaging.
THE HANGER is an exploration of what happens when a clothing store becomes a digital space rather than just a product catalog.
The Art of Everyday set in a large light serif over a dark page, with the garment emerging from the shadow, fits less noise, better basics well. Contrarian question: shopping like walking into a store is a lovely idea, but 3D motion makes pages heavier and slower. Did you...
Obviously this is not a production ready store, not connected with contact detals.website is fast.But when I use this into production , I will optimize it
Project Description:
A playful web design concept created to explore bold product visuals, strong composition, and interactive brand presentation. The goal was to turn a simple product idea into a more engaging digital experience while keeping the layout clean, clear, and visually memorable.
This concept reflects how I approach web design in general — understanding the brand, building a strong visual direction, and creating an experience that works around the product, service, or idea being presented.
Role: Web Designer / Creative Developer
Focus: Visual Direction, Layout, Product Presentation, Web Interaction
Aurum 2.0: Interactive 3D Luxury Watch Website
A website for a fictional Swiss watch brand where the product is the experience. The watch is a real-time 3D model built in code. It assembles itself when the page loads, comes apart layer by layer as you scroll, flips over to show its working movement, and changes finish while you watch.
What you’ll see in the video:
Assembly intro: after a gold loading ring, the watch flies together from its separate parts.
Live dial: the hands show your real local time, and the light on the metal follows your cursor.
Exploded view: seven layers separate as you scroll, each with a label that tracks it in 3D.
The movement: the watch flips to show the movement through the sapphire caseback, with meshing gears, a swinging balance wheel and a turning rotor.
Configurator: three case finishes and three dials, with the reference code and price updating live.
Viewing request: a “request a private viewing” form with validation.
It works on desktop and phone, and respects reduced-motion settings. There’s also a fallback for older browsers.
Aurum is a fictional brand. The concept was designed and built by Meji Builds.