← All Projects

UX Design Project

Student Portal

UX design and frontend prototype for a student-facing learning portal

// The Challenge

The existing student experience was fragmented — students had to navigate between multiple disconnected interfaces to view enrolments, complete assessments, and access certificates. The client needed a unified, mobile-friendly portal that could serve both standard learners and enterprise users with different feature sets, all built on a consistent design system.

// The Solution

We designed and prototyped a complete student portal with 13+ screens, supporting two experience modes: a standard mode for individual learners and an enterprise mode with additional features like skills management and credential passports. The prototype was built as a fully interactive React application with realistic mock data, demonstrating the complete user journey from dashboard overview through to assessment completion and certificate viewing. The design system maintained consistency with the companion admin portal for a cohesive platform experience.

// Key Features

01Student dashboard with activity feed and upcoming deadlines
02Enrolment management with course and unit details
03Interactive assessment interface with results tracking
04Digital certificates and qualifications viewer
05Skills management and progression tracking (enterprise)
06Credential passport for comprehensive qualification overview
07Activity log with training history
08Notification centre and profile management

// Results

Unified student experience across all learning features
Dual-mode design served both individual and enterprise users
Interactive prototype enabled efficient developer handoff
Consistent design system aligned with admin portal

Tech Stack

ReactTypeScriptViteTailwind CSSReact RouterLucide IconsWireframingUX Design

Client

UX Design Project

Category

ux

// Let's talk

Ready to build
something real?

Book a free discovery call. No pitch decks, no sales funnels — just a conversation about your project and how we can help.