Design System

Navigation Patterns

5 different CRM navigation approaches to compare and contrast.

Context: drmg-sales CRM currently only shows Overview + Contacts in sidebar. Deals, Tasks, and Activities exist but are hidden. These patterns explore different solutions.

Classic Sidebar

All modules visible in persistent left sidebar. Industry standard (HubSpot, Salesforce).

PROS
  • Discoverable
  • Familiar
  • No learning curve
CONS
  • Can get cluttered
  • Mobile unfriendly
  • Less focus

Best for: Users who need quick access to all features

Command Palette First

Minimal sidebar + Cmd+K as primary navigation. Power user focused (Linear, Notion).

PROS
  • Clean UI
  • Fast for power users
  • Keyboard friendly
CONS
  • Learning curve
  • Hidden features
  • Accessibility concerns

Best for: Technical users who prefer keyboard navigation

Hub-and-Spoke

Central dashboard with module cards. Contextual sidebar appears when in module.

PROS
  • Clear mental model
  • Reduces cognitive load
  • Great onboarding
CONS
  • Extra clicks
  • Context switching
  • Less efficient

Best for: Infrequent users or complex feature sets

Role-Based Navigation

Different navigation based on user role (Sales Rep vs Manager vs Admin).

PROS
  • Focused experience
  • Reduces confusion
  • Personalized
CONS
  • Complex to maintain
  • Role assignment needed
  • May limit discovery

Best for: Teams with distinct workflows per role

Activity-Centric Timeline

Primary nav is a timeline of all activities. Entities are filters, not destinations.

PROS
  • Shows real work
  • Natural workflow
  • Reduces silos
CONS
  • Different mental model
  • May overwhelm
  • Requires activity logging

Best for: Teams focused on customer interactions

CRM Features to Surface

Based on E2E tests, these features need to be navigable:

Contacts

CRUD + List

Deals

CRUD + Kanban

Activities

CRUD + Timeline

Tasks

List + Status

Missing from current nav: Global search, quick-create, recently viewed