SG PROOF NAVIGATION
MENU REDESIGN
SG Proof by Southern Glazer's Wine & Spirits, is a fully-responsive digital shopping experience that gives their customers, the ability to efficiently research, shop, and order products. This is a case study to redesign the navigation menu.
ROLE
UX Designer
TIME-FRAME
2 Weeks
TOOLS USED
OVERVIEW
ROLES AND DELIVERABLES
I was the main designer working with a lead UX Developer to build this out. User data was automatically captured using Quantum Metric. My deliverables included:
• Mockups
• Responsive layouts
PROBLEM
The initial navigation section of SG Proof's website consisted of a traditional drop-down menu. While it was functional, it had several limitations:
Main navigation was not being utilized: Visitors had used the search bar to quickly look for a particular product or category more often than going through the drop down menu.
Inefficient use of space: A tremendous amount of space was used in the header are, which made it challenging to showcase the depth and breadth of content available on SG Proof's website, especially for users with smaller monitors such as laptops or lower resolution settings (ex. 1024 pixels) .
AUDIENCE
Our users were on- and off-premise customers and those who make purchasing decisions for retail, hospitality, and the alcohol beverage industry.
SOLUTION
To address these challenges and enhance the user experience, I proposed to incorporate a mega menu in its navigation section. A mega menu is a large, two-dimensional panel that appears when a visitor clicks on a menu item. It allows the display of more information at a glance, improving usability and organization.
FLOW & BREAKDOWN
Before designing, I reviewed what was currently developed. Below are some visual breakdowns of the current UI illustrating the navigation menu.
FIGMA MOCKUP
I had separated the categories and moved them in the top navigation to encourage site visitors to explore different sections of the website, leading to higher engagement and conversions.The search bar was reduced in width allow more space to add more information such as the account, store number and cart.
OUTCOME
This was a challenging case study in which I feel that more time was needed to really improve the user experience. What I had learned from this process is that I needed to focus more on capturing the issues and consolidating data to make a meaningful improvement in the user experience.