Dashboard Menu

Redesigned the dashboard and menu, enhancing usability and brand cohesion through collaboration with the Marketing Team

screenshot of the burger menu on dashboard and mobile
screenshot of the burger menu on dashboard and mobile
screenshot of the burger menu on dashboard and mobile

Role

Role

Lead Product Designer
Product Manager

Scope

Scope

UX and brand enhancement

Team

Team

2 Software Engineers

1 QA Engineer

Timeline

Timeline

1 weeks

Project Context

Functionality: With the expansion of our features and additional items on the platform,
the burger menu grew too large for small screens.

Redesigned the dashboard and menu, enhancing usability, accessibility, and brand cohesion.

Problem

Dashboard Structure: Needed reorganization for better item placement.

Menu Growth: Users with smaller screens couldn’t see all menu items, resorting to zooming out.

Crowded Menus: Required decluttering and reorganization.

notes for confusing names for mobile app
notes for confusing names for mobile app
notes for confusing names for mobile app
branding
branding
branding
notes for confusing names for mobile app
notes for confusing names for mobile app
notes for confusing names for mobile app
menu doesn't scroll and flyouts are not ADA friendly
menu doesn't scroll and flyouts are not ADA friendly
menu doesn't scroll and flyouts are not ADA friendly

Design Solution

Scrolling
Added scroll functionality and changed flyouts to submenus.

New Menu Item
Introduced “Mass Communication” to divide items under “Alerts” and align with the marketing message.

different menu choices for US and Canada
different menu choices for US and Canada
different menu choices for US and Canada
menu components
menu components
menu components

Design Solution

Communicated design through a high-fidelity prototype, justifying an additional click instead of hover fly-outs.

Collaborated closely with marketing and branding teams for alignment.

Worked with developers on upcoming UI updates.

Created design specifications and product requirements documents.

Secured leadership approval for the new design.

Impact

Enhanced Usability
Improved user experience by addressing screen size limitations and decluttering the menu.

Accessibility
Made the menu more accessible by adding scroll functionality and reorganizing content for better usability on all devices.

Brand Cohesion
Successfully aligned the design with the company’s rebranding efforts, reinforcing a consistent brand message.

Cross-Department Collaboration
Strengthened collaboration between the design and marketing teams, ensuring the product aligns with both functional and marketing goals.

Positive Reception
Gained internal buy-in, leading to successful implementation and a more streamlined, user-friendly, and accessible interface.

I'm looking for my next role!

photo of woman wearing black smiling

Cathy J. McDonald © 2025

I'm looking for my next role!

photo of woman wearing black smiling

Cathy J. McDonald © 2025

I'm looking for my next role!

photo of woman wearing black smiling

Cathy J. McDonald © 2025