Fashion Moble UI x Agentic Support Exploration

Helping customers to discover products and make confident purchasing decision that reflect their actual needs and goals.


Role: UX Designer

Problem

Users struggle with identifying which product is best for them which leads to staling in purchases and a higher rate of cart abandonment.

Solution

To tackle this challenge, I designed a dynamic AI-powered shopping experience. Users enjoy a personalized assistant that not only guides them through every step of their purchase but also boosts their confidence that they’re choosing the right product through a seamless, comfortable, and intuitive experience.


Key User Flows

 
 
 

Initial Screens for each flow

Flow 1: Homepage → PLP → PDP → Cart → Checkout → Confirmation

Flow 2: Search → Results → PDP → Wishlist

Flow 3: Account → Orders → Tracking


Design system

 

To help flesh out the higher-fidelity flows, I created a simple design system to guide the design and streamline future handoffs to the development team.

Within these flows and a design system fleshed out, I planned out how to incorporate an AI shopping assistant as follows:

  • Assist with product selection by allowing users to cross-compare similar products within the website based on their needs.

  • Support during the search process by suggesting saving and organizing previously searched and selected products

  • Provide predictive feedback on potential product-delivery changes based on similar products and locations.

Below is a selection of the high fidelity designs and a recording of the first AI-supported feature.


Selection of Finalized UI screen designs and Recorded walkthrough