Corporate Identity
Colour palette, typography, and design tokens based on official DLRRD branding
Logo Designs
Proposed SASDI and CSI logo concepts with usage guidelines
Information Architecture
Complete sitemap showing page hierarchy and navigation structure
User Flows
Key user journeys mapped across both public site and CSI portal
Component Library
UI components and patterns used throughout the system
Project Overview
Deliverable 1
SASDI Public Website
Public-facing website providing information about South Africa's Spatial Data Infrastructure, SDI Act, and geospatial resources.
- Homepage with hero, stats, and news
- About SASDI page
- Committee (CSI) information
- Data & Resources catalogue
- News & Events section
- Contact page with NSIF details
Deliverable 2
CSI Document Portal
Authenticated portal for Committee for Spatial Information members to manage documents, decisions, and meeting records.
- Dashboard with stats and activity
- Document management system
- Meeting agendas and minutes
- Decisions & Resolutions tracker
- Member directory
- Notifications and tasks
Technology & Standards
Accessibility
WCAG 2.1 AA Compliant
Framework
Next.js 16 (App Router)
Styling
Tailwind CSS v4
Components
shadcn/ui
Authentication
LDAP/AD + Password
Responsive
Mobile-first Design