PORTFOLIO

Muditha Zero Waste UX

Crafted a unique website for the first Zero Waste online Supermarket in India.

UI/UX E-commerce India

Muditha Zero Waste needed a full website redesign to improve user experience and business performance. Primary goals: increase average session duration, reduce cart abandonment, and grow the customer base through a more intuitive, educational digital experience.

Muditha Zero Waste UX design

User testing sessions revealed significant friction in the checkout flow and product discovery. Competitors were either too text-heavy or lacked practical guidance on zero-waste living. Users wanted education built into the shopping journey — not as a separate blog.

Muditha Zero Waste UX design

Target Users: Eco-curious newcomers and committed zero-wasters — two distinct segments requiring different levels of guidance.

UX Objectives: Reduce friction in the purchase path; educate without overwhelming; make zero-waste feel achievable, not aspirational.

  1. Clear navigation with smart filtering by lifestyle, room, and impact level
  2. Product pages integrating benefits, How to Use, and refill instructions in one flow
  3. Visual progress indicators showing environmental impact of each purchase
  4. Success Stories section integrating user-generated content throughout the experience
Muditha Zero Waste UX design

Primary: ITC Avant Garde — geometric and distinctive for headlines.

Secondary: Gothic Std Demi (bolder weight) — used for subheadings to create clear visual hierarchy without introducing a third typeface.

Thrive Green
Harvest Gold
Super Cream
  1. Photography constraints: Product photography was difficult at early stage — needed a visual solution that didn't look low-budget
  2. Icon ambiguity: Refill and return icons were cryptic to new users, causing checkout abandonment
  3. Search lacking autocomplete: Users searching for specific products often gave up before finding results
  1. Stylised illustrations: Custom illustrations became a signature visual language, solving photography gaps elegantly
  2. Labelled icons: "Refill Pouch" and "Compostable Container" labels added below all action icons — zero ambiguity
  3. Autocomplete search: Implemented intelligent search with category suggestions and product thumbnails
Muditha Zero Waste UX design
+22% Average session duration
-15% Cart abandonment rate
+10% Returning visitors month-on-month
  1. Zero-waste shopping needs to be as usable as conventional e-commerce to succeed at scale
  2. Small visual cues — like labelled icons — can have outsized behavioural impact on conversion
  3. Success stories and social proof build community, not just credibility
Work with us

Ready to elevate your brand?

Start free. No commitment until you see what we find.