01 Separate capability from role

As management responsibilities grew, fixed roles could not cover every combination of access. We introduced an Admin Tag so a user could gain administrative capabilities without changing their primary role. I mapped the account hierarchy to define how this worked across MAI, distributors, and institutions.

02 Shape navigation around access

Students, instructors, and administrators needed different parts of the portal. I mapped their available features and helped design a modular sidebar that showed relevant destinations while keeping the navigation structure consistent.

Mapped sidebar navigation for different plans and admin roles

Restructured organization management into clearer, task-specific flows

03 Turn workflows into reusable patterns

I audited existing screens to distinguish patterns shared across the portal from content and behavior specific to a workflow. Shared visual variants lived in the MAI Portal UI Kit; workflow-specific variants stayed in their product files. I documented usage and behavior in Figma and Notion so designers and engineers could apply the patterns consistently.

Figma UI kit with shared style variants and feature-specific content variants

Notion documentation explaining how we organized and used those variants