Redesigning the Dashboard for Enhanced Usability and Scalability
Redesigned the dashboard to address usability issues and improve the overall user experience. My focus was on simplifying navigation and making key actions more accessible.
​
My Role: Product Designer
Tools used : Figma, Jira, Confluence
​
​
Design Process
To ensure a user centered, scalable redesign of the MessageSuite dashboard, we followed a structured
process
​
-
UX Audit
Conducted a deep dive into the existing dashboard to uncover usability issues. Identified pain points such as poor discoverability of the channel switcher, inconsistent UI themes, and buried important actions.
​
-
Stakeholder Interviews
Collaborated with the product manager and support team to understand recurring user complaints.
Gathered insights from internal team members who onboard new clients to identify friction points.
​
-
Problem Definition
Synthesized findings into clear problem statements:
Channel switching is hidden and confusing.
The dashboard lacks visual consistency.
Routine actions are buried under menus.
Users need better onboarding support.
-
Wireframing & Ideation
Sketched out alternative layouts for sidebar navigation, unified themes, and Quick Assistant dropdown
Created low-fidelity wireframes in FigJam.
Explored placement ideas for tutorial integration.
​
-
High-Fidelity UI Designs
Designed pixel-perfect screens in Figma, incorporating:
Sidebar-based channel selector
Unified blue visual theme
Quick Assistant menu
Tutorial video section and modals
​
-
Usability Testing
Conducted testing with internal team members to validate:
Discoverability of new navigation
Ease of use of Quick Assistant
Accessibility of tutorial videos
-
Design-Dev Handoff
Used Figma components and styles for clean handoff.
Worked closely with frontend devs to ensure accurate UI implementation.
Created design tokens and responsive behavior notes.
Channel Switching
Old Design
New Design
Problem:
In the original dashboard design, the channel switching option was located in the header. Users reported difficulty in finding and accessing this feature quickly because it wasn’t prominent or intuitive enough. This led to frustration and inefficiency in navigating between channels.
Solution:
To improve discoverability and ease of use, we relocated the channel switching control from the header to the sidebar. This new placement makes it visually distinct and consistent with other navigation elements, allowing users to switch channels more quickly without searching.
Design Considerations:
Positioned the channel switcher in a dedicated, fixed spot on the sidebar for better visibility.
Used clear icons and labels to represent each channel.
Maintained consistency with the overall sidebar style and hierarchy.
Impact:
Increased user engagement with channel switching by 80%.
Reduced time to switch channels by 20 seconds .
Positive user feedback highlighted the improved accessibility and intuitiveness.
Quick Assistance
Challenge:
Users often need to quickly access frequently used pages like recharge, billing history, campaign creation etc. Navigating through multiple menus can slow down their workflow and cause frustration.
Solution:
We introduced a Quick Assistant dropdown in the header that provides fast, one-click access to important pages across the platform. This feature is designed to benefit all users especially the new users, by reducing the number of clicks needed to reach key destinations.
Design Highlights:
Positioned in the header for easy, consistent access from anywhere in the dashboard.
Contains clearly labeled, clickable links to the most commonly accessed pages.
Designed to improve efficiency by serving as a quick navigation hub.
Impact:
Enhanced overall user experience by speeding up navigation for everyone.
Reduced time spent searching for frequently used pages.
Received positive feedback for making routine tasks more convenient.
Tutorial Videos
Problem:
Initially, the platform lacked any form of guided onboarding or tutorial content. New users were often left to explore the dashboard on their own, which led to confusion and a steeper learning curve.
Solution:
We introduced a dedicated Tutorial Section within the dashboard. This section features short, contextual videos and walkthroughs designed to help users understand key functionalities quickly and efficiently. The content is categorized by feature and task complexity, allowing users to learn at their own pace.
Impact:
This improvement significantly reduced the number of support tickets related to basic usage and improved user confidence during the initial product experience.
Result
Following the redesign of the MessageSuite dashboard, users experienced smoother navigation and easier access to key features. The addition of quick assistance and tutorial videos significantly improved onboarding for new users.
As a result, user engagement with dashboard features increased by 35%, while support-related queries dropped by 40%. Time taken to access frequently used sections was reduced by 25%, indicating improved efficiency across user journeys.
​