Redefining Clean Commerce: The MODENA Web Experience
The MODENA website redesign was driven by a clear objective: to enhance its e-commerce capabilities while showcasing products through a clean, minimalist, and user-centered design approach.
👨🏻💼💬
“Design user interface dan user experience untuk website MODENA. Pada case ini harus terdapat homepage, PLP dan PDP. Menggunakan style minimalist dan clean.” — Modena
🧠 Design with Intention: Elevating MODENA’s Digital Experience
The MODENA website redesign was driven by a clear objective: to enhance its e-commerce capabilities while showcasing products through a clean, minimalist, and user-centered design approach.
For inspiration, we looked to iconic digital experiences known for their visual clarity and seamless UX:
🍏 Apple – for its luxurious product presentation and polished UI.
🏡 Airbnb – for its intuitive navigation and user-first design strategy.
Key Design Decisions:
Homepage – First Impressions Matter
The homepage sets the tone for the entire experience. In this redesign, we prioritized clear product categorization to immediately build awareness around MODENA’s e-commerce offerings.
Key homepage sections include:
Product Showcase – visually highlights featured products.
Shop / E-Commerce Section – fast-track to purchases.
Virtual Showroom (AR) – offers immersive interaction with products.
News Section – for brand storytelling and updates.
🎯 Impact: Immediately signals the platform’s e-commerce intent while maintaining brand sophistication.
Product Listing Page (PLP) – Smart Product Browsing
The PLP was designed to ensure a smooth product exploration journey.
Highlights:
Sticky Category & Series Tabs – always visible for easy filtering and navigation.
Two-Part Layout:
Filter Panel on the left for quick preference selection.
Product Listings on the right with focused visual clarity.
🎯 Impact: Helps users find what they need faster while staying visually engaged.
Product Detail Page (PDP) – Designed for Conversion
The PDP aims to keep users engaged and ready to take action.
Core features include:
Sticky Order Panel – remains visible while scrolling to encourage action.
Detailed Product Info – well-structured, clean, and informative.
🎯 Impact: Optimized for higher conversion by keeping CTAs and key details front and center.
