Design System

Pattern 4: Role-Based Navigation

Switch roles below to see how navigation adapts to different user types. Config data from @stackmates/ui-fixtures.

Sales Rep Dashboard

Focus on daily activities and pipeline

My Tasks

[Widget content specific to Sales Rep]

Upcoming Meetings

[Widget content specific to Sales Rep]

Pipeline Progress

[Widget content specific to Sales Rep]

Recent Activity

[Widget content specific to Sales Rep]

Strengths

  • Focused experience per role
  • Reduces feature overload
  • Role-specific quick actions
  • Personalized dashboards
  • Better onboarding per role

Weaknesses

  • Complex to maintain configs
  • Role assignment required
  • May limit feature discovery
  • What if roles overlap?

Implementation

  • Role config per user from Clerk
  • Nav config lookup by role
  • Dashboard widgets per role
  • RBAC for route protection