Before & After | The Mobile App
Current Homescreen + Navigation Drawer
Redesigned Homescreen + Navigation Drawer
the homescreen
Pain Points: Difficulty navigating through the site with everything hidden in the hamburger menu. Content feels disorganized and cluttered.
Approach: Implement a static side scrolling navigation bar of the main categories; allowing the user to easily search and filter for products. Utilize the hamburger menu to contain only account and setting information.
UI Improvements: Implemented marketing and promotional assets, such as a side scrolling carousel and shipping & returns flag, to boost user retention.
Current Product Page + Details
Redesigned Product Page + Details
The product page
Pain Points: Most important details, product details and additional images, are on the bottom of the page. There is no ability to view and compare other color options for the same product.
Approach: To consolidate and reorganize the page for a better user experience. Centralized the images at the top with a side scrolling carousel for visibility. Implemented the ability to toggle between the various color options. Rearranged content to provide user with product details first followed by reviews and related products.
UI Improvements: Updated the ability to change quantity to a toggle system.