AI FitFinder

Overview

This is a self-initiated design case study project based on the JD.com platform. It addresses a critical user pain point: the challenge of selecting clothing that aligns with their body type, usage scenarios, and styling preferences due to the overwhelming variety of stores and clothing options available. This pain point highlights the limitations of the platform’s existing capabilities in catering to personalized needs.


To overcome this, the solution leverages the strengths of an AI-powered chatbot—its ability to deliver personalized recommendations at scale. By integrating a chat interface, the AI interacts with users to gather individual attributes (e.g., body shape, height, weight, and skin tone) and uses this data to provide tailored clothing suggestions along with styling recommendations. This feature complements the platform’s existing functions. Entry points for the chatbot are strategically placed at key touchpoints throughout the shopping journey, with context-aware messages tailored to the user’s current stage.

Team

Self-initiated Case study project

Role

Product Designer,

UX/UI Designer

Timeline

2025

Module

JD.COM Platform End-to-End

Tools

Figma

Design Model for Integrating AI into the Current Product

Technical Features

Empathy

Strengths

Use Cases

User Needs

Weaknesses

Apply

Avoid

Project Background

User pain-points

Solution Goal

The platform offers an extensive range of stores and clothing styles, which can make it challenging for users to identify options that suit their body type, skin tone, or styling preferences.

Lacking inspiration for outfit combinations and need styling suggestions.

User have difficulty articulating preferences. Traditional filters (e.g., size, color, style) are too broad and don’t address personalized needs.

Integrate smart entry points at different stages of the shopping journey, ensuring the feature is context-aware and relevant at each stage.

Offer 3-5 personalized clothing recommendations along with styling suggestions (including outfit ideas from merchants or user-uploaded images).

Use a chat-based AI assistant to guide users in providing personalized information such as body type, height, weight, and usage scenarios.

Key Touch points and Information Flow

A Complete Shopping Strategy Loop: Enhance the Existing App Flow + Deliver a New Conversational Shopping Experience

Stage

painpoint

AI Recommen-dation

Initial

Chat Message

Excepted Business Value

Homepage/

Search Page

decide on the item’s fit and fit for styling

bundle purchase a complete look

browsing outfit inspirations based on past purchasing

need styling inspirations and narrow down the target category

Find Your Perfect Fit

“Hi! Need help finding outfits that suit your body type and style? Let me help!

Style It Perfectly

“I’ve got outfit ideas that go perfectly with this item. Want to check them out?

Save While You Style

“Here are outfit suggestions that pair perfectly with your picks—and come with a discount when bought together!”

Complete Your Look

“Hi! I’m your AI stylist. I found some great items to pair with what you’ve bought before!

Product Detail Page

Cart

User Profile/

Order History

Onboarding & General Feeds

trending outfits

Exclusive discount

Recently in viewed Product with lower price

Collect Customer fit Information

Inspiration & Promotion

Inspiration with promotion

Fit inspiration

Fit Check & Inspiration

Colletct Customer Information

fitting review by users

Fit inspiration

Similar Product with lower price

Bundle Sell

Fit inspiration

Inspiration with promotion

Retention

Conversion

Conversion &

Average Order Value

Retention &

Repeat Purchase

Recommendation Criteria and Prompts

Help users focus their needs on a single product, then recommend complementary items around the current product. By leveraging pairing suggestions and/or special discounts, achieve conversions and increase the average order value.

Personalized recommendation criteria

Touchpoint Guiding Text

1.

Personal body type, skin tone, and clothing preferences

2.

Local trends in the user’s region

3.

New arrivals from the user’s favorite brands or styles

4.

Outfit pairings for the user’s purchase history

5.

Exclusive discounts on the user’s preferred brands and styles. Similar product at a lower price.

6.

The user’s geometric zone, time, season, or weather

“Top Pick for You”

“Find Your Perfect Fit”

“On-Trend in Your Area”

“Style Loved Around You”

“Fresh Style You’ll Love”

“From Your Go-To Brands”

“Complete Your Look”

“Styled Match Your Wardrobe”

“Exclusive Discount”

“Your Brands, on Sale”

“Winter-Ready Pick”

“Friday Night Party Essential”

AI Features Embedded in the Current Shopping Process

While integrating the AI-powered personalized shopping assistant into the app’s core shopping flow, I also designed a streamlined, message-driven shopping process within the feature to filter out redundant options.

Homepage

Search Page

Product Detail Page

Onboarding & General Feeds

Fit Check & Inspiration

Tailored

product feed

Based on order history

Based on user’s fit info.

Based on user’s fit info.

Fit and inspiration based on user’s fit info.

Styling Bundle with Exclusive Discounts

Exclusive deals of the stores that the user follows

Fit and inspiration based on user’s fit info.

Cart

Bundle Sell

User Profile

Order History

Inspiration & Promotion

Usage Flow Within the Feature

Onboarding & General Feeds

Fit Check & Inspiration

user’s fit profile

Styling Bundle with Exclusive Discounts

Bundle Sell

Inspiration & Promotion

Additions to ComplementPrevious Purchase

Shipping and Evaluation

The evaluation process will follow the design strategy, using a comparison table to validate effectiveness by aligning each functional module with its corresponding expected business value indicators.

Stage

AI Recommen--dation

Initial

Chat Message

Excepted Business Value

Homepage/

Search Page

Find Your Perfect Fit

Style It Perfectly

Save While You Style

Complete Your Look

Product Detail Page

Cart

User Profile/

Order History

Onboarding & General Feeds

Inspiration & Promotion

Fit Check & Inspiration

Bundle Sell

Retention

Conversion

Conversion &

Average Order Value

Retention &

Repeat Purchase

View My Design Projects

Contact Me

E-mail:

Tel:

annyjialuli01@gmail.com

(+1)778-697-4718 Canada