UX | UI Redesign
Role: UX, UI Designer
Duration: 4 weeks
Freelance Project
Overview
For my solo UX/UI project, I will be redesigning Kym’s Kiddy Corner online store with a modern user interface that offers streamlined shopping, an easy checkout process, intuitive navigation, and personalized recommendations. I will conduct thorough research to identify the pain points and preferences of the target audience and develop a comprehensive design strategy incorporating clear categories and subcategories, personalized recommendations, and a step-by-step checkout process. My goal is to create an engaging, visually appealing, and personalized online store that enhances the shopping experience and increases sales.
Process
Define & Understand
Define the ask & business goals
Understand the user & their needs (i.e. user research)
Plan & Ideate
Implement an action plan based on the research, business & user needs
Start exploring ideas to deliver on the action plan (i.e. benchmarking)
Design, Ship… Reiterate
Execute chosen idea/design across the product
Test, handoff & ship the product (i.e. quality assurance)
I used a Human-Centered Design approach to understand the behavior of people who shop online for kids. I selected my users from among those who have kids and who don’t but wants to buy gifts for other kids, 25-40 years old.
My goal was to help them with what they needed and identify things they may not have realized they needed.
Affinity Mapping
How Might We
Help our customers to find different categories such as clothes, Toys, or Accessories!
Help our customers to find the products they want!
Suggest new things to them that they haven’t been taught about!
Make their checkout process Quickly
Finding
50% of our users do their shopping online
100% of our users love Target and compare different shops with Target
75% of our users prefer to have fewer options to avoid scrolling for hours randomly and to avoid confusion or distraction.
100% of our customers believe that a visually appealing website is an indication of organization, which makes shopping easier.
100% of our users want to be able to checkout with just a few clicks.
Since all 5 users mentioned and loved Target for its variety of options, and 2 out of 5 mentioned Anthropologie for its great UI and high-quality products, I decided to conduct a competitive analysis.
Competitive Analysis
Based on my research and interviews with users I came up with this Site Map :
Prototype
Usability Testing
Using my prototype, I recruited 5 participants to conduct remote moderate usability testing on my design.
During the test, I ask them to complete a series of tasks that helped me to understand their thought process and see if they could accomplish the MVP goal
Task
1. Look for a gift for a girl
2. Check the other items they might like (suggestion)
3. Proceed with their purchase
Issues
50% of users had problems with the Back button location
30% of users had problem with the Font size
20% of users had problem with finding the Home button
Ideas for next Iteration
Move the location of Back button to top left corner
Make the fonts bigger
Make the home button bigger and darker to make it easier to find and more accessible
Result
Once I had completed the final design and revamped the User Interface to be modern, user-friendly, and intuitive which had been tested and refined a few times, I felt confident that I had addressed previous problems. I achieved this by categorizing different products based on gender, occasion, and type, and by implementing a suggestion option for new products based on previous orders. Furthermore, I made the checkout process easy and fast, and in the end, that made the shopping experience more enjoyable.