All-in-one solution to get online reviews for thousands of businesses.
B2B SaaS
Web App
Overview
The goal of this project is to enhance the user experience and make navigating the dashboard easier for their non-tech savvy customers.
Problem
Before the overhaul of the Get More Reviews dashboard, our client faced issues with customer retention after the trial period due to the old design being difficult to navigate and understand. Additionally, the design was outdated, had excessive blank spaces, and lacked good contrast in some areas.
Solution
After reviewing the project brief from the client and interviewing them to understand the product, current problems and their design goal, our team was able to come up with the following solutions:
- Complete redo of side bar
- Removed the switch business functionality
- Changed the order of the menus in the side bar to be the most used on top
- Menus in the side bar with sub menus will be collapsible
- Added texts to the button icons
- Eliminate large blank spaces and long scrolling by fitting contents by fitting contents above the fold as much as possible
- Add brief explanation at the top of each pages
- Used a lighter shade of color from their brand guidelines for better contrast
- Added simple graphs and tables to organize and summarize data
ROLE
Lead UI/UX Designer in a team of 3
RESPONSIBILITIES
Product Design, Sitemap, Design Systems, Prototyping
TEAM MEMBERS
Product Owner, Product Manager & Engineering Team
TOOLS
Figma, Miro, Slack, Adobe Illustrator
TIMELINE
1.5 months
1
Content Audit
When our client approached us for an overhaul of their dashboard, they specifically mentioned wanting to simplify the side navigation bar. In the new userflow and sitemap, the order of the list has been changed, with the most visited pages now appearing at the top to make navigation easier for users. We have also eliminated the switch functionality from the sidebar to avoid confusion.
Old Sitemap
New Sitemap
2
Mid-Fidelity Wireframes
3
Design System
4
Design Iterations
There were numerous iterations in terms of the style of graphs, paddings of the boxes in some sections and finalizing the items in the sidebar menu.
1st Round
2nd Round
3rd Round
Final Mockups
Outcomes and Takeaways
This project was my first experience designing dashboard analytics. It was challenging because the data needed to be presented clearly and simply. I found out that the biggest challenge in designing this kind of platform was finding a solution to compress data, and other details into graphs and tables while maintaining simplicity.
The project also came with the tight deadline, requiring the design of more than 25 screens in under 2 months. The key to our success in this project was asking important questions to the clients at the early stage of the project to fully understand their requirements. Moreover, constant communication with the entire team to set expectations and find better solutions.