Moody - Fashion E-commerce Store UX UI Design

About Moody project

• Moody is a fashion e-commerce store specializing in colorful lens manufacturing for the fashion industry. As they expand beyond China into international markets, they face the challenge of connecting with youth, fashion enthusiasts, and fashion brands worldwide. Their lenses are more than vision correction – they're tools for self-expression, made with premium materials that prioritize eye health alongside style.

• Main Goal

  Design a desktop and mobile responsive website with exceptional information architecture UX and UI that resonates with international audiences. Create a modern, colorful, and unique digital transformation ecommerce that matches the brand's identity while meeting global standards.

• Industry

  Fashion

  ---

• Category

  Mobile App, Dashboard

  ---

• Location

  Seattle, Washington, USA

  ---

User Challenges / Design Issues

Bridging Markets

• Moody's mission centers on a significant market transformation. Originally designed for Chinese consumers, the platform needed to speak to completely different audiences – diverse face types, varied fashion sensibilities, and international e-commerce expectations.
  The fashion industry itself is rethinking accessories, with colorful lenses emerging as a new form of self-expression beyond traditional eyewear.
  
  To create a platform that properly 1) appeals to global fashion trends, 2) builds trust around premium quality and eye health, and 3) provides seamless shopping experience across cultures, there had to be strategic rules established for the digital transformation and design process.

Key Pain points

• International IA standards

  UX Information architecture has to adapt from Chinese e-commerce conventions to global expectations. Navigation patterns, product categorization, and checkout flows must feel intuitive to users from diverse backgrounds, not creating friction or confusion.

• Visual identity for premium positioning

  The design must balance bold, colorful brand personality with the professionalism required to establish trust in eye health products. Clean interfaces, clear product information, and modern aesthetics are essential for premium market positioning.

Valuable Insights

• UX research revealed fundamental differences between local and international user expectations – understanding these gaps was critical to achieving successful market entry and converting fashion-conscious global audiences.

Major Findings

• 2/3 prioritize eye health information

  International users showed significantly higher concern for safety certifications and material quality compared to local markets. This meant prominent placement of health credentials and transparent material information throughout the user journey.

• 47% influenced by styling diversity

  Users across different regions needed to see the lenses on diverse face types and skin tones. Generic model photography wouldn't build confidence – representation directly impacted purchase intent.

Our Solutions

• We designed Moody Fashion Web Dashboard as a visual storytelling platform. It was crucial to blend elements of high-fashion editorial presentation with clear e-commerce functionality – creating an experience that feels inspiring while remaining practical for international shoppers.

• Adaptive Product Visualization

  We designed a product display system featuring diverse models across multiple face types, skin tones, and styling contexts. This gives international users confidence in how products will look on them, removing the guesswork from online lens shopping.

• Health-Forward IA Hierarchy

  The interface prioritizes trust-building elements – material certifications, eye health information, and premium quality indicators are woven throughout the experience without disrupting the fashion-forward aesthetic.

Project Result

• By combining international e-commerce best practices with bold, youth-oriented design language, we gave Moody a UI UX that celebrates color and self-expression while building the trust necessary for premium health-related products in global markets.

Key Efficiency Gains

• +34% international user engagement

  Moody reported significant increases in time spent on site and pages per session from users outside China, indicating the design successfully resonates with global audiences.

• +28% conversion rate from new markets

  The redesigned platform converts international visitors at substantially higher rates, validating the strategic shift in information architecture and visual positioning.