User Guide

SSA Portal Design Variants

Two distinct approaches to the members portal experience

Explore two different design philosophies for portal.ssa.org.sg. Each variant addresses user needs differently, balancing efficiency, guidance, and information architecture.

Portal Functions & Actions

What the portal can do - actions available across all dashboards

Media Hub Dashboard

  • • Annual Reports: List, View/Edit, Create
  • • Media Releases: List, View/Edit, Create
  • • Circulars: List, View/Edit, Create, Send/Resend
  • • WAVES Newsletter: List, View/Edit, Create
  • • Editorials: List, View/Edit, Create
  • • Event Galleries management

Events Dashboard

  • • Add/Edit/Remove event details (appears on public website)
  • • Event registration management (registration details only, no attendance tracking or check-in)

Membership Dashboard

  • • Member/company management
  • • Member directory & search
  • • Company profile management

Committees Dashboard

  • • Committee member management

Training Dashboard

  • • Create courses
  • • Course registration management
  • • Bulk registrations support

Other Functions

  • • Form submission system
  • • Form tracking
  • • Course registration (for employees)
  • • Training tracking
Option 1
Metrics-First
Immediate visibility into metrics and quick actions - everything at a glance

Design Philosophy

Show the numbers first, enable actions second

Key Features

  • Urgent tasks banner (red theme)
  • Key metrics cards (simple count cards)
  • Today's tasks list
  • Recent activity feed
  • Clear data visualization
  • Metrics-first approach
  • Quick actions
  • 3-column layout (metrics | tasks | activity)
  • Dashboard-centric navigation

Best For

Admins who need quick access to metrics and data

Option 2
Guided Workflows
Context-driven dashboard with step-by-step guidance and historical trends

Design Philosophy

Guide users through tasks, show progress, provide context

Key Features

  • Urgent workflow alert banner (orange theme)
  • Quick workflow shortcuts
  • Key metrics cards with trend indicators
  • Tabbed content (Performance Trends + Today's Workflows)
  • 12-month trend area charts (4 charts)
  • Workflow cards with progress indicators
  • Workflow activity feed
  • Time estimates for tasks
  • Step-by-step workflow guidance (Step X of Y)
  • Full sidebar navigation with logo
  • Role-specific dashboard pages (SSA Admin, Ship Owner, Employee, Member)

Best For

Users who need guidance through complex processes