How to improve the navigation experience?
The prominent search box has been magnified and moved to the center of the header, making it easy for customers to notice and initiate a search action.
When clicking the search box, a dialog would pop up which includes shortcuts to past searches and other content that needs promotion, in order to guide customers in constructing their search queries.
1. Search Box
#Efficiency #Personalization
Click to zoom in5. Sidebar Navigation
6. Product Preview
The navigation bar is updated with easy-to-understand labels, in order to improve the recognizability of Known Source's mission and provide an intuitive navigation experience.
The categories on the dropdown menu are visually separated with new visual cues, to increase the information hierarchy.
2. Navigation Bar
#Clarity #Intuitiveness
Click to zoom inIn response to survey insights, two newly designed product sliders that align with customers’ interests are added to the homepage, in order to increase information density within limited space, encourage customers to explore products, and increase engagement.
3. Product Slider
#Engagement #Attraction
Click to zoom inThe newly added heart icon provides a shortcut to all favourited products, so customers can easily keep track of the products they like.
4. My Favourites
#Convenience #Personalization
Click to zoom in
#Scaleability #Feedback
#Clarity #Consistency
Revised the content and adjusted the order of the sidebar navigation categories, to enable customers to quickly narrow search options.
Chosen filters will appear at the top of the sidebar navigation to provide immediate and clear feedback.
Changed the font size and layout of the text below the product image to improve information hierarchy and readability. Reduced the size of the images to accommodate information and increase the information density.
Challenge#1