AI-Driven Fashion Shopping App hero image

One Shop —
AI-Driven Fashion Shopping App

Role: Lead UI/UX Designer/Researcher
Duration: 13 weeks
Key Design Goal: Increase customer satisfaction with online purchases to reduce product returns.
View the Design Report
quiz

The Problem

The shift to online fashion shopping has amplified an environmental crisis. About 30% all online fashion purchases are returned, creating millions of tons of waste annually due to customer dissatisfaction. This project aims to address the experiential gap between online and physical retail to reduce waste by increasing purchase satisfaction.

Desktop Image Mobile Image
groups

My Role & The Team

As the sole designer and researcher of the project, I was responsible for the following key areas:

  • Primary & Secondary Research
  • Data Synthesis
  • Wireframes & Wireflows
  • UI & Interaction Design
  • Heuristic Evaluation
document_search

Research & Discovery

Through a triangulation of research methods—including online ethnography, questionnaire with 20 participants, and in-depth interviews—our analysis revealed key painpoints resulting the disconnection between the online experience and real-world expectations:

arrow_drop_down
moving

The Journey: From Ideation to Solution

lightbulbIdeation & Wireframing

Brainstormed features to address the 'fit' problem, leading to the core concept of an AI-driven app, powered by a user's customizable virtual self.

Virtual Fitting Room Wireframe
Fitting Room Wireframe
Mobile Frames sketches Desktop Frames sketches
Mobile & Desktop Sketches

task_altUsability Testing

Through heuristic evaluation and Think-Aloud protocol, the insights sparked a few area of improvement:

model_trainingKey Iteration

Following the testing, the iteration focused on improving status visibility, function availability, and color contrast to maximise interaction experience.

One Shop Iterated Try On Page arrow_right_alt
One Shop Iterated Bag Page arrow_left_alt
arrow_drop_down
design_services

The Solution: High-Fidelity Designs

Our final design, One Shop, is a mobile-centered fashion e-commerce application that addresses the environmental waste from high product return rates by reducing the experiential gap between online and physical shopping. Utilizing an AI-powered fitting room visualizer, shoppers can have a better grasp on product compatibility and further boost purchase confidence before they purchase.

build

Tools & Methods

Figma/Figjam Miro Zoom Balsamiq Adobe Photoshop
Affinity Diagramming User Journey Map Storyboarding Crazy 8 Paper Prototyping Think-Aloud Protocol Heuristic Evaluation
not_started

Next Steps

The next phase focuses on developing system functionality and validating the technical feasibility of the application's core AI systems. As the technology supporting the current design is yet to be developed for commercial use, whether or not this will be a cost-effective and prmosing solution tackling the original problem remains to be seen and tested.