Kidshion App design
An E-Commerce Mobile App That Empowers Kids to Explore and Express Their Uniqueness
Timeline
Mar-Jun 2024
sector
ecommerce
design role
product, UX/uI, research, branding
▶ Problem
As children grow older, they want to be in control of their own decisions. That dress in the corner of the wardrobe, which the grownups got but did not like, is proof of that.
"My two lovely ladies (2 and 3) flat out refuse to wear half of the clothes I buy them."
"I’ve let my kids pick out their clothes since they were around 2. I don’t care if it matches or is “ugly.” All I care is that they’re exploring and expressing their own style."
"If it doesn’t have a mermaid, a unicorn, a Disney princess, fancy Nancy or sequins — she doesn’t want it 😭"
▶ Solution
So I designed Kidshion, an app featuring a unique Kids Mode that allows both adults and children to explore fashion choices for themselves and their little ones. The Kids Mode empowers children to independently select their own styles, enhancing the overall browsing experience and increasing purchase engagement. Moreover, enabling kids to express and share their opinions fosters confidence and autonomy.
▶ Research
Identifying opportunity
Method: Primary Research
I conducted primary research on the topic of children rejecting their parents' wardrobe choices through social media platforms.
☝ Findings
Kids like to pick out their own clothes because it makes them feel good about themselves. Parents often choose clothes that are practical and fit the situation, but kids might not always like what their parents pick. This can sometimes lead to arguments.
Parents can tell when their kids don't like how certain clothes feel. So, if a kid doesn't want to wear something, parents might think they're being picky.
When a child is dissatisfied with their clothing, parents may feel that it's a waste of both time and money.
Understanding the problem
Method: Survey, Interviews，User Story
To validate these findings, I conducted interviews with six families, each with children between the ages from three to ten.
☝ Findings
More and more parents have noticed that their children are becoming more assertive about their clothing choices. Disagreements over clothing often lead to parent-child conflicts, straining family relationships.
Persona & User journey map
Rebecca has given me a better knowledge of what a user actually requires. In order to better assist her, I mapped out her online shopping journey map for buying clothes for her daughter.
Meet Rebecca
Rebecca Follet
37
Fulltime Mom
Emma
5 year old
Emma
"I wish I had lots of pretty dresses."
Goals
Emma loves and enjoys wearing her favorite clothes to school.
Frustration
Every day, Emma’s mom picks out a top and pants for her to wear, but Emma wishes she could buy her own clothes.
Rebecca
"I want my daughter to learn how to make the right choices, not just reject the clothes I hand her."
Goals
Reduce web browsing time
Simple process for purchase
Kids can easily pick clothes for themselves
Frustration
Rebecca feels that buying clothes for her daughter is always a challenge, as her daughter's preferences can change at any moment. She needs to ask for her daughter's opinion whenever she's shopping for clothes.
Received a party invitation
Browse online
Read the fabric and shipping information
Add to cart and checkout
Pickup
ACTIVITIES
Got an invite to a birthday party and the theme was safari
Search for the safari theme clothes by phone
Making sure the size, quality, and shipping date
Considering shipping or pickup
Go to store pickup
FELLINGS
Hurry, thinking if she has the dress appropriate for the party already
Worry about finding the right dress that her daughter would like for the party;
“Amelia likes pink, but here looks like not too much pink stuff. “
Confident about her choice, also reconsidering the color and style if satisfy her daughter
“This one looks nice and is a good value, but the color...”
Doubtful, but there's no other choice.
Finalize the mission, got dress
PAINPIONTS
The type of clothes for a specific theme is not easy to find
Only considering quality and occasion, not the child’s opinion
Finding balance between rational and emotional shopping attitude, value and her daughter’s style
Impulsive shopping without consulting children
Although this dress is great for parties, if your child doesn't like it you have to take the time to return it.
HMW
Providing more category for special theme can saving her more browsing time
Simplify the navigation by reducing the number of cumbersome pages and create an easy-to-understand interface that offers choices for kids
Make sure that users receive more specific information about the product
Ensure that the user receives the product at a certain time, and provide alternative pickup choices
Ensure that they leave themselves enough room for flexibility, and reassure them that it's okay if they decide to change their mind
COMPETITIVE ANALYSIS
Carter’s
Hannaandersson
Janie & Jack
GOAL
Convenient shopping experience
Supporting families
Outfit the adventure of childhood by embracing distinctly
Make the life a little more special
METHOD
Good quality materials
Make thoughtful design
Marrying form and function on design
Signature fabrics
Hand painted florals
FOCUS
The little details of every aspect
Behaviors that lead to happy
Meaningful lives
Textile structure
Tell stories each season
Kids Mode
No
No
No
☝ Findings
No e-commerce app on the market supports kids mode browsing for children.
The target audience for children's clothing e-commerce apps is adults. These apps are designed with browsing interfaces, color schemes, and content that cater to adult purchasing habits. It is challenging for a child to choose which clothes to wear from a collection of posters. In today's educational environment, which emphasizes individuality, it may be more beneficial to develop confidence and a distinct personality through personal clothing choices within a simple internet environment tailored for children (child mode).
How would Kidshion stand out?
Unlike its competitors, who focus their attention and perspective on adults, Kidshion shifts the focus to children, the true protagonists who wear the clothing. Kidshion unlocks the closet door for kids by providing a children's mode that allows them to express themselves. It helps children to practice financial management and shopping skills from adults.
▶ DESIGN
I developed the user flow by utilizing user personas and user stories, subsequently creating wireframes and comprehensive prototypes, and finally conducting user testing.
♢ The user experience here encompasses the entire shopping process for adults, with an option to switch to child mode.
♢ In previous surveys, some users expressed concerns about children making multiple payments or over-purchasing. Therefore, child mode only allows browsing and adding items to the shopping cart, while final payments require switching back to normal mode.
Wireframe
♢ At this stage, I primarily focused on simplify the blowsing experience in child mode. By using more pictures instead of text makes browsing smoother for children.
User Testing
TAKEAWAYS
Based on the user testing, we got some good and need to improve feedback
Good
Kids mode is simple enough for kids to browse.
The overall style of the app is designed to be child-friendly.
Testers had a positive experience with the navigation and are willing to let their children use Kidshion.
Need to improve
Additional design elements are needed to prevent children from making random purchases.
The navigation icons are unclear, and the style lacks uniformity.
NAV BAR
According the user feedback， the combination fo text and icons better aligns with user’s browsing habits.
“Continue” ▷▷▶ “Go”
•"Go" more effectively conveys the enthusiasm for embarking on an exploration.
•A simple confirmation page with added filters enhances the user's precise browsing experience.
▶ DESIGN SYSTEM
To ensure the components are implemented consistently across the site. I created a UI guide with details on color palettes, typography, and reusable UI elements.
Kidshion
UI Guide
COLOR PALETTE
Primary
#ECA9B1
#FAE6ED
#CEAAD2
secondary
#CBF2AE
#93B0D8
#FFDE6A
#EBE7E8
#FAF0F1
TYPOGRAPHY
HEADLINES
THE LARGEST HEADLINE
Grand Hotel Regular
60px (only use on welcome page)
BIG SECTION TITLES
Grand Hotel Bold
30 px (only use on welcome page)
SMALL SECTION TITLES
Istok Web Bold
16px
TITLES FOR CARDS
Istok Web Regular
12px
THE LARGEST HEADLINE
Grand Hotel Regular
10 px (only use on welcome page)
BIG SECTION TITLES
SMALL SECTION TITLES
TITLES FOR CARDS
BOBY TEXT
These characters make every day more special. Soft knit and tulle dress. Crewneck with keyhole closure at back.
Short puff sleeves. Layered tulle skirt. Allover Princess Snow White details. #673850
Istok Web Regular
10px
The Final Prototype
Back to top
Projects
About
Let’s chat!