DLRRD0036 Bid

Reviewer Panel

Navigate through all mockup pages and documentation for bid evaluation.

Documentation

SASDI Website

CSI Portal

Prepared by uDigital (Pty) Ltd

April 2026

Back to Mockup Overview

User Flows

Key user journeys mapped across public site and CSI portal

User Personas

General Public

Researchers, students, citizens seeking spatial data

Public website only

CSI Member

Committee members from custodian organs

Full portal access

Secretariat

NSIF staff managing CSI operations

Admin privileges

Data Custodian

Officials maintaining base datasets

Upload & manage

Key User Flows

Public Visitor Journey

User seeking information about SASDI or spatial data resources

Persona: General Public / Researcher

1
Land on Homepage
/Via search engine or direct link
2
Read hero content
/Understand SASDI purpose
3
Click 'Explore SASDI'
/aboutLearn more about framework
4
Navigate to Resources
/resourcesFind datasets
5
Access EMC
/resources/emcSearch metadata catalogue
6
Download resource
ExternalExit to data source

CSI Member Login Flow

Authenticated user accessing the document portal

Persona: CSI Committee Member

1
Click 'CSI Portal Login'
/portal/loginFrom homepage header
2
Select login method
/portal/loginPassword or LDAP/AD
3
Enter credentials
/portal/loginEmail + password or domain + username
4
Submit form
/portal/loginValidate credentials
5
Redirect to Dashboard
/portalShow activity overview
6
View recent documents
/portalQuick access to work items

Document Review Workflow

Review and approve/reject submitted documents

Persona: CSI Reviewer / Secretariat

1
View notification
/portalNew document for review
2
Click notification
/portal/documents/pendingNavigate to pending queue
3
Open document
/portal/documents/[id]View document details
4
Download attachment
/portal/documents/[id]Review offline if needed
5
Add comments
/portal/documents/[id]Provide feedback
6
Approve or Reject
/portal/documents/[id]Decision recorded
7
Notification sent
SystemAuthor notified of decision

Document Upload Flow

Submit new document for committee review

Persona: CSI Member / Custodian

1
Navigate to Documents
/portal/documentsFrom sidebar
2
Click 'Upload New'
/portal/documents/uploadOpen upload form
3
Fill metadata
/portal/documents/uploadTitle, category, description
4
Attach file(s)
/portal/documents/uploadDrag and drop or browse
5
Select reviewers
/portal/documents/uploadChoose approval workflow
6
Submit for review
/portal/documents/uploadDocument enters queue
7
Track status
/portal/documents/pendingView review progress

Meeting Management Flow

Create meeting agenda and record minutes

Persona: CSI Secretariat

1
Go to Agenda & Minutes
/portal/agendaFrom sidebar
2
Click 'Create Agenda'
/portal/agenda/createNew meeting setup
3
Set meeting details
/portal/agenda/createDate, time, venue, attendees
4
Add agenda items
/portal/agenda/createTopics for discussion
5
Publish agenda
/portal/agenda/createMembers notified
6
Conduct meeting
OfflinePhysical or virtual meeting
7
Record minutes
/portal/agenda/[id]/minutesDocument decisions
8
Create resolutions
/portal/decisions/createLink to meeting

New User Access Request

Request portal access for new committee members

Persona: New CSI Member

1
Visit login page
/portal/loginNo existing account
2
Click 'Request Access'
/portal/request-accessOpen request form
3
Fill application
/portal/request-accessName, org, role, justification
4
Submit request
/portal/request-accessConfirmation shown
5
Admin review
AdminSecretariat reviews request
6
Approval email
EmailCredentials sent if approved
7
First login
/portal/loginSet new password

Document Status Flow

Draft
Submitted
Under Review
Approved
Rejected

Documents follow a linear workflow from draft to final status. Rejected documents can be revised and resubmitted.

Key Micro-Interactions

Login Toggle

Switch between Password and LDAP login modes with animated tab

Document Upload

Drag-and-drop zone with progress indicator and validation

Notification Badge

Real-time badge updates on sidebar navigation items

Search Autocomplete

Type-ahead suggestions in document search with keyboard nav

Status Transitions

Animated status badge changes with toast confirmations

Mobile Menu

Full-screen overlay menu with staggered animation