uniqlo redesign
Redesigning the Uniqlo mobile app UI for a smoother & more cohesive user experience
role: UX Researcher, UI Designer
timeline: 2 weeks
project purpose: passion project
software: Figma, Adobe Photoshop
background
Uniqlo window display
Uniqlo is a Japanese retail company specializing in casual wear and their iconic graphic t’s collaborations. The company launched in 1949 by Tadashi Yanai, and has grown on a global scale since. In 2014, the company launched its first e-commerce mobile application.
objective
Facilitate a better user experience for Uniqlo customers using the Uniqlo mobile app
Create a more cohesive navigation menu
Recreate the UI screens for menu and product viewing
Condense current user flow
user needs
Upon conducting 5 interviews initial regarding the application, I discovered more underlying issues with the app design. Below I have annotated the original Uniqlo app screens to highlight some of the most common problems users faced while selecting an item to place in their cart.
Annotated mobile app UI screens
Side by side of Uniqlo mobile app UI & website UI
consumer pain points:
Unattractive UI
Lengthy and repetitive flows
Lots of scrolling to add something to cart
Inconsistent user interface design on app (2 different nav bars, different on website)
user persona
User persona created based on interviews
task flows
original task flow
The original flow was repetitive and inconsistent from the retailer’s website branding. By creating a consistent navigation and more intuitive menu design the app becomes easier to navigate and includes cleaner UI.
suggested task flow
competitor analysis
Urban Outfitters mobile app UI
urban outfitters
Cleaner UI
Less overwhelming for the eye; Hicks Law
Apple Pay and PayPal available when user proceeds to checkout
Zara mobile app UI
zara
Preferred clothing preference when user clicks menu
Minimalist UI— black and white predominantly used
Simple navigation bar
wireframes
lo-fi
Lo-fi UI menu and product screens
hi-fi solutions
Hi-fi UI menu and product screens: black navigation
Hi-fi UI menu and product screens: red navigation
design feedback
Black looks cleaner, and was the preferred design solution
Red, although brand color, is very bright on the eyes (could use color somewhere other than menu)
Include tab to easily switch between categories (men, women, etc) once on menu
final screens
takeaways
This challenge allowed me to take what I learned in school and apply it to a retailer’s application that I frequently find myself buying from. Based on the interviews I conducted, I believe I met the needs of the consumer through the new screen flows and UI improvements. Developing new design solutions isn't easy, and in order to create a meaningful product, the needs of the consumer must be kept in mind. I do plan to continue on with this project, and in the future hope to prototype and test my new design solutions and screens with app users.