Helping Parents Find the Right
Outfit Faster with AI-Powered
Recommendations
Helping Parents Find the Right
Outfit Faster with AI-Powered
Recommendations
Lumi is a kids fashion shopping experience that combines child
profiles, personalized recommendations, fabric insights, and an AI
shoppingassistant to help parents make fasterand more confident
purchasing decisions.
Lumi is a kids fashion shopping experience that combines child
profiles, personalized recommendations, fabric insights, and an AI
shoppingassistant to help parents make fasterand more confident
purchasing decisions.
ROLE
ROLE
Product Designer
Product Designer
CONTRIBUTION
CONTRIBUTION
Owned the end-to-end product design
for Lumi, translating research insights
into intuitive experiences. Designed the
design system, key interaction patterns,
and AI-driven shopping features.
Owned the end-to-end product design
for Lumi, translating research insights
into intuitive experiences. Designed the
design system, key interaction patterns,
and AI-driven shopping features.
CORE TEAM
CORE TEAM
4 Designers
1 Product Concept
4 Designers
1 Product
Concept
Overview
Overview
Lumi is an AI-powered kids fashion platform that helps users discover age-appropriate clothing through personalization, intelligent recommendations, and AI-assisted shopping
Lumi is an AI-powered kids fashion platform that helps users discover age-appropriate clothing through personalization, intelligent recommendations, and AI-assisted shopping
Opportunity
Opportunity
Shopping for children’s clothing can be overwhelming. Users often struggle with sizing, fabric suitability, and finding the right products with confidence
Shopping for children’s clothing can be overwhelming. Users often struggle with sizing, fabric suitability, and finding the right products with confidence
Solution
Solution
Lumi combines child profiles, personalized recommendations, and an AI shopping assistant to make kids fashion shopping faster, simpler, and more intuitive.
Lumi combines child profiles, personalized recommendations, and an AI shopping assistant to make kids fashion shopping faster, simpler, and more intuitive.
EMPATHISE
EMPATHISE
Competitive Analysis
Competitive Analysis
Use Research
Use Research
Quantitative Research
Quantitative Research
Design Process
Design Process
DEFINE
DEFINE
HMW Questions
HMW Questions
Persona
Persona
Journey Map
Journey Map
IDEATE
User Flow
User Flow
Card Sorting
Card Sorting
IA
IA
DESIGN
DESIGN
Wireframes
Wireframes
Prototypes
Prototypes
UI Design
UI Design
TEST
TEST
Usability Testing
Usability Testing
Iteration
Iteration
Features
Features
FirstCry
FirstCry
H&M Kids
H&M Kids
Lumi
Lumi
Hopscotch
Hopscotch
AI Shopping Assistant
AI Shopping Assistant
Child Profiles
Child Profiles
Personalised Recomandation
Personalised
Recomandation
Image Based Search
Image Based Search
Fabric Insight
Fabric Insight
Competitive Analysis
Competitive Analysis
I analyzed competing platforms to understand how parents currently discover and purchase children’s clothing. This helped uncover opportunities around personalization, intelligent guidance, and child-centered shopping experiences.
I analyzed competing platforms to understand how parents currently discover and purchase children’s clothing. This helped uncover opportunities around personalization, intelligent guidance, and child-centered shopping experiences.
User Research
User Research
To better understand parents’ shopping behaviors, challenges, and expectations, I conducted both qualitative and quantitative research. The goal was to uncover pain points around sizing, product discovery, and decision making when shopping for children’s clothing.
To better understand parents’ shopping behaviors, challenges, and expectations, I conducted both qualitative and quantitative research. The goal was to uncover pain points around sizing, product discovery, and decision making when shopping for children’s clothing.
Research Method
Research Method
Qualitative Research
5 parent interviews (Google Meet & in person).
Focused on shopping habits, frustrations, and
expectations.
Quantitative Research
Surveyed 13 parents using Google Forms.
10 questions covering sizing, fabrics, shopping
preferences, and personalization.
Affinity Mapping Workshop
Affinity Mapping Workshop
Remote User Interview Session
Remote User Interview Session
Qualitative Research
5 parent interviews (Google Meet & in person).
Focused on shopping habits, frustrations, and expectations.
Quantitative Research
Surveyed 13 parents using Google Forms.
10 questions covering sizing, fabrics, shopping preferences, and personalization.
Key Research Insights
Key Research Insights
Research findings were synthesized into five key insights that informed Lumi’s product strategy and design decisions.
Research findings were synthesized into five key insights that informed Lumi’s product strategy and design decisions.
Size Confidence
Size Confidence
Finding
Parents struggle to choose the right size.
Insight
Better sizing guidance increases confidence.
Finding
Parents struggle to choose the right size.
Insight
Better sizing guidance increases confidence.
Decision Fatigue
Decision Fatigue
Finding
Too many choices overwhelm parents.
Insight
Simplifying discovery reduces cognitive load.
Finding
Too many choices overwhelm parents.
Insight
Simplifying discovery reduces cognitive load.
Fabric Transparency
Fabric Transparency
Finding
Parents consider fabric quality before purchasing.
Insight
Clear fabric details build trust and confidence.
Finding
Parents consider fabric quality before purchasing.
Insight
Clear fabric details build trust and confidence.
Occasion Shopping
Occasion Shopping
Finding
Parents shop for birthdays and special occasions.
Insight
Curated recommendations improve shopping efficiency.
Finding
Parents shop for birthdays and special occasions.
Insight
Curated recommendations improve shopping efficiency.
Shopping Guidance
Shopping Guidance
Finding
Parents often shop without enough guidance.
Insight
AI recommendations help parents make confident decisions.
Finding
Parents often shop without enough guidance.
Insight
AI recommendations help parents make confident decisions.
How Might We Questions
How Might We Questions
Based on the research findings and key insights, I formulated a set of “How Might We” questions to translate user needs into actionable design opportunities. These questions guided the ideation process and informed key product decisions.
Based on the research findings and key insights, I formulated a set of “How Might We” questions to translate user needs into actionable design opportunities. These questions guided the ideation process and informed key product decisions.
• How might we help parents choose the right size with confidence?
• How might we help parents choose the right size with confidence?
• How might we deliver personalized recommendations based on each child’s profile?
• How might we deliver personalized recommendations based on each child’s
profile?
• How might we simplify shopping for birthdays, gifts, and special occasions?
• How might we simplify shopping for birthdays, gifts, and special occasions?
• How might we use AI to help parents make confident purchasing decisions?
• How might we use AI to help parents make confident purchasing decisions?
• How might we make product discovery faster and more intuitive?
• How might we make product discovery faster and more intuitive?
User Persona
User Persona
Anjali Nair
Anjali Nair
Age 31
Marketing Executive
Bangalore, India
Age 31
Marketing Executive
Bangalore, India
Frustraction
Inconsistent sizing across brands.
Overwhelmed by too many choices.
Limited personalized guidance.
Goals
Goals
Find suitable outfits quickly.
Choose the right size with confidence.
Make informed purchase decisions.
Find suitable outfits quickly.
Choose the right size with confidence.
Make informed purchase decisions.
About
About
Anjali is a working mother who values convenience, quality, and confidence when shopping for her child. She often struggles with sizing, product discovery, and making purchase decisions.
Anjali is a working mother who values convenience, quality, and confidence when shopping for her child. She often struggles with sizing, product discovery, and making purchase decisions.
Behaviors
Behaviors
Shops primarily on mobile.
Compares products before purchasing.
Reads reviews before buying.
Shops primarily on mobile.
Compares products before purchasing.
Reads reviews before buying.
Needs
Personalized recommendations.
Clear sizing and fabric guidance.
Faster product discovery.
Frustraction
Inconsistent sizing across brands.
Overwhelmed by too many choices.
Limited personalized guidance.
Needs
Personalized recommendations.
Clear sizing and fabric guidance.
Faster product discovery.
Empathy Map
Empathy Map
Thinks
Will this size fit my child?
Is this fabric comfortable and safe?
I hope I am making the right choice.
There are too many options to compare.
Will this fit my child?
Is the fabric safe?
Am I making the right choice?
Will this fit my child?
Is the fabric safe?
Am I making the right choice?
Thinks
Thinks
Feels
Feels
Overwhelmed by options.
Unsure about sizing.
Relieved by clear guidance.
Overwhelmed by options.
Unsure about sizing.
Relieved by clear guidance.
Says
Says
Finding the right size is difficult.
I always read reviews.
I wish shopping was more personalized.
Finding the right size is difficult.
I always read reviews.
I wish shopping was more
personalized.
Does
Does
Compares multiple products.
Checks size charts and reviews.
Shops primarily on mobile.
Compares multiple products.
Checks size charts and reviews.
Shops primarily on mobile.
Based on the user research and persona, I mapped what parents think, feel, say, and do throughout
their shopping journey. This helped uncover emotional needs and identify opportunities to improve
the overall experience.
Based on the user research and persona, I mapped what parents think, feel, say, and do throughout their shopping journey. This helped uncover emotional needs and identify opportunities to improve the overall experience.
Journey Map
Journey Map
Mapping the end-to-end journey helped uncover friction points and opportunities throughout the shopping experience.
Mapping the end-to-end journey helped uncover friction points and opportunities throughout the shopping experience.
Stage
Stage
User Goal
User Goal
Challenges
Challenges
Opportunities
Opportuni-
ties
Emotions
Emotions
Discover
Discover
Find clothing
for my child
Find clothing
for my child
Too many
choices
Too many
choices
Personalized
recommendati-
ons
Personalized
recommenda-
tions
😊
😊
Explore
Explore
Compare
suitable
options
Compare
suitable
options
Size and fabric
uncertainty
Size and
fabric
uncertainty
Child profiles &
fabric insights
Child profiles
& fabric
insights
😊
😊
Decide
Decide
Choose the
best outfit
confidently
Choose the
best outfit
confidently
Fear of choos-
ing the wrong
product
Fear of choos-
ing the wrong
product
AI shopping
assistant
AI shopping
assistant
😟
😟
Purchase
Complete
checkout
Complete
checkout
Lengthy
checkout flow
Lengthy
checkout
flow
Simplified
checkout
Simplified
checkout
🙂
🙂
Uncertainty
after ordering
Uncertainty
after
ordering
Real-time
tracking
Real-time
tracking
😄
😄
Post Purchase
Post
Purchase
Track and
receive the
order
Track and
receive the
order
Card Sorting
Card Sorting
Collaborated with the design team during a card sorting workshop to organize content and features. Final categories were validated through mentor feedback and informed Lumi’s information architecture.
Collaborated with the design team during a card sorting workshop to organize content and features. Final categories were validated through mentor feedback and informed Lumi’s information architecture.
Collaborative Card Sorting Session
Collaborative Card Sorting Session
FigJam Card Sorting Results
FigJam Card Sorting Results
Information Architecture
Information Architecture
The information architecture organizes Lumi’s content into intuitive categories to support product discovery, AI-assisted shopping, and seamless order management.
The information architecture organizes Lumi’s content into intuitive categories to support product discovery, AI-assisted shopping, and seamless order management.
Task Flow
Task Flow
This task flow illustrates how users discover and purchase products through Lumi AI, from recommendation to order confirmation.
This task flow illustrates how users discover and purchase products through Lumi AI, from recommendation to order confirmation.
User Flow
User Flow
This user flow illustrates how users discover, evaluate, and purchase children’s clothing through Lumi, from product discovery to order confirmation.
This user flow illustrates how users discover, evaluate, and purchase children’s clothing through Lumi, from product discovery to order confirmation.
Sketching Wireframes
Sketching Wireframes
Early wireframes helped validate the layout, content hierarchy, and navigation before moving into high-fidelity design.
Early wireframes helped validate the layout, content hierarchy, and navigation before moving into high-fidelity design.
Design System
Design System
A scalable design system was created to ensure consistency, improve efficiency, and establish a cohesive visual language across Lumi.
A scalable design system was created to ensure consistency, improve efficiency, and establish a cohesive visual language across Lumi.
Typography
Typography
Icons
Icons
Colors
Colors
#000000
#000000
#202020
#202020
#333333
#333333
#616161
#616161
#797979
#797979
#A2A2A2
#A2A2A2
#0A49D9D
#0A49D9D
#ABA8A8
#ABA8A8
#817F7F
#817F7F
#FFFFFF
#FFFFFF
#1D391E
#1D391E
#202020
#202020
#3A6A3B
#3A6A3B
#4D7F4E
#4D7F4E
#5F9460
#5F9460
#6DA86E
#6DA86E
#8FC890
#8FC890
#B2DFB3
#B2DFB3
#D0F4D1
#D0F4D1
#E4FFE4
#E4FFE4
#FF383C
#FF383C
#F96467
#F96467
#0CA910
#0CA910
#C0E3C2
#C0E3C2
Home
Home
Address
Address
Profile
Profile
Wallet
Wallet
Gift
Gift
Help
Help
Offer
Offer
Log out
Log out
Filter
Filter
Log out
Log out
Categories
Categories
Saved
Saved
Cart
Cart
Notification
Notification
My order
My order
Kid
Kid
Card
Card
Bank
Bank
Cash
Cash
₹
₹
Location
Location
Aa
Aa
SF Pro
SF Pro
12-14px
12-14px
Regular
Regular
Aa
Aa
SF Pro
SF Pro
16-20px
16-20px
Medium
Medium
Aa
Aa
SF Pro
SF Pro
24-32px
24-32px
SemiBold
SemiBold
Disney
Disney
Printed Blue Dress
Printed Blue Dress
₹1299
₹1299
₹1699
₹1699
25% off
25% off
Done
Done
Done
Done
Done
Done
Ask for kids outfit
Ask for kids outfit
LUMI10
LUMI10
Shop Now. Limited
Period Offer.
Shop Now. Limited
Period Offer.
Get an extra 10% off on minimum purchase of ₹799
Get an extra 10% off on minimum purchase of ₹799
View all this offer
View all this offer
Copy offer
Copy offer
Home
Home
Categories
Categories
Saved
Saved
Cart
Cart
2-Piece Cotton Sett
2-Piece Cotton Sett
₹999
₹999
₹1700
₹1700
41% off
41% off
+1
+1
Core Components
Core Components
Design Review & Iteration
Design Review & Iteration
Mentor feedback helped identify usability issues and refine the experience through multiple design iterations.
Mentor feedback helped identify usability issues and refine the experience through multiple design iterations.
Ask for kids outfit
Official Collab Drops
Hello
Sarah Wilson
Home
Categories
Saved
Cart
Lumi AI
9:41
Ask for kids outfit
Official Collab Drops
Limited Time Offers
Hello
Sarah Wilson
9:41
Home
Categories
Saved
Cart
Before
Before
After
After
Enhanced AI Input
Improved AI input visibility to
encourage user interaction.
Enhanced AI Input
Improved AI input visibility to
encourage user interaction.
Promotional Cards
Added promotional cards to
improve content discoverability.
Promotional Cards
Added promotional cards to
improve content discoverability.
Persistent Lumi AI
Added a persistent AI assistant
for instant shopping support.
Persistent Lumi AI
Added a persistent AI assistant
for instant shopping support.
Glass Navigation
Added a glass-inspired navigation
for a polished experience.
Glass Navigation
Added a glass-inspired navigation
for a polished experience.
1
1
2
3
4
2
3
4
Ask for kids outfit
Official Collab Drops
Limited Time Offers
Hello
Sarah Wilson
9:41
Home
Categories
Saved
Cart
Ask for kids outfit
Official Collab Drops
Hello
Sarah Wilson
Home
Categories
Saved
Cart
Lumi AI
9:41
Final Product Walkthrough
Final Product Walkthrough
The final product walkthrough showcases the refined shopping experience after multiple design iterations. It demonstrates the complete user journey, including AI-assisted product discovery, product browsing, checkout and order management
Lumi AI
Onboarding
Onboarding
Add Child
Add Child
Shopping Journey
Lumi AI
Shopping Journey