dashboard and mobile view of burger menu

Project Context

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

Collaborated with marketing to redesign 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
too many items in the announce menu and too many branded features
"Broadcasts" branding is confusing
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
menu components

Design Communication

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.

prototype
Previous
Previous

Accessibility

Next
Next

Homepage Pop-up Alerts