Modanest is a curated e-commerce platform that connects conscious consumers with premium and sustainable fashion and home products.
It brings together the finest selection of fashion and home goods, blending timeless style with modern sensibilities.
The objective is to design a convenient platform that combines premium aesthetics with sustainability and achieve consistent revenue growth through a mix of B2C sales and B2B partnerships.
Home Page
Challenges
Many individuals struggle to find fashion and home products that are both premium in quality and truly sustainable. They often face a trade-off between style and ethical responsibility, making it difficult to shop with confidence.
This results is a frustrating and time-consuming search process, leaving them overwhelmed by generic choices and uncertain about product quality and sustainability.
Home Page
Design Process
Research & Strategy – Analyzed user behavior, competitor platforms, and e-commerce trends to define a modern, user-centric shopping experience.
Wireframing & Information Architecture – Structured product categories, checkout flow, and navigation to ensure clarity and efficiency.
UI Design & Visual Identity – Created a sleek, minimalist interface with carefully selected accent colors to enhance vibrancy and brand connection.
Prototyping & Interaction Design – Developed a responsive, high-fidelity prototype showcasing seamless browsing, filtering, and checkout interactions.
User Testing & Refinement – Gathered feedback from potential investors and founders to optimize navigation, readability, and conversions.
Women Listing Page
Website sections
Home page – I designed a clean layout that showcases Modanest’s sustainable & curated products, it smoothly guides users through featured collections, best sellers and new arrivals, ensuring effortless navigation and engagement.
Category pages – I focused on the 3 main categories (Women, Men, and Home) that reflect the distinct style and needs of each group, with a visual emphasis on what’s most relevant to the shopper in each category.
Home Listing Page
Navigation & Filtering – I created an intuitive system that allows users to easily explore product categories through mega menus, and added filters, and sorting to provide a seamless control over product preferences.
Product Details & Cart – I focused on highlighting key information, like images, descriptions, availability, and reviews with a clear call-to-action.
After clicking CTA, a sliding cart will appear that allows users to quickly view and edit their selections without leaving the current page.
Product Page
Checkout – I designed a seamless 3 step flow (Information, Shipping, and Payment) to simplify the process, followed by a Confirmation Page that provides a clear order summary and reassures users their purchase was successful.
Account and Orders – I created a user-friendly dashboard that allows customers to easily manage their profile, view saved favorites, and track past and current orders.
Profile
Authentication & User account – For this process, I designed a streamlined login and sign-up process with options for password recovery and easy access to account details, ensuring a smooth user experience from start to finish.
Sign up form
Results & Impact
Conversion rate increased by 18% after optimizing the checkout flow with a single-grid layout.
Mobile revenue grew by 34% due to a fully responsive, mobile-first design.
Cart abandonment dropped from 74% to 60% after refining the user journey and simplifying the purchase process.
Website speed improved by 20%, leading to higher engagement and smoother browsing.
Checkout Process (3 Steps)
Key takeaways
Optimized Checkout = Higher Conversions - Reducing steps and simplifying forms increases conversion rates.
Mobile-First Design Drives Growth - a smoother mobile experience increases mobile revenue.
Reducing Cart Abandonment Boosts Sales - UX tweaks lower abandonment and capture more sales.
Performance Optimization Increases Engagement - faster load time kept users from leaving.
Like this project
1
Posted Mar 15, 2025
Modanest is a curated e-commerce platform that connects conscious consumers with premium and sustainable fashion and home products.