LYA Exam Portal
An Online Exam Registration & Payment Portal for Students, Parents & Teachers
Registering and paying for an exam is often the most stressful part of taking one - scattered forms, unclear fees and no shared view for the families and teachers involved. The LYA Exam Portal - Lyceum Academy's online examination platform - turns that chaos into a calm, guided journey across three roles, where every step is clear, trusted and stress-free.
Context & The Problem
Exam registration touches three very different people - the student sitting the exam, the parent often paying for it, and the teacher who oversees the details. Most portals are built for just one of them, leaving the others to wrestle with confusing forms, opaque payment options and no shared source of truth.
"Registering and paying for an exam should feel as reassuring as the result itself - clear, trusted, and stress-free."
Problem Statement
A single, generic flow couldn't serve students, parents and teachers at once - and unclear payment options (online vs. bank transfer) made the most critical step the most anxious one.
The Goal
Design one cohesive portal with tailored journeys per role, a guided registration-to-payment flow, and flexible, trustworthy payment options that work for local realities.
Target Audience
Students registering and sitting exams, parents paying and tracking on their behalf, and teachers confirming and overseeing exam details.
Discovery & Research
The defining insight was that this is a multi-role product. Each role enters with a different goal and a different anxiety, so the research focused on mapping those journeys and the trust gaps in the payment step that derail them.
Typical Portals vs. The Opportunity
- One generic flow forced onto every type of user
- Payment as a confusing dead-end with no feedback
- No way to handle offline / bank-transfer realities
- Role-based dashboards for student, parent & teacher
- A guided, well-signposted registration-to-pay flow
- Online + bank-transfer payment with clear status states
User Personas
"I just want to find my exam, confirm my details, and pay - without confusion."
"I'm paying for my child's exams - I need to trust the process and keep a clear record."
"I need to confirm exam details and keep everything accurate for my students."
Cross-Persona Insights
Ideation & Structure
User Flow: Register to Pay
The same core journey was tailored into three role-based flows - student, parent and teacher - sharing one design system so the portal feels consistent no matter who logs in.
Information Architecture
Dashboard
Overview · Notifications · Quick Actions
Exams
All Exams · My Exams · Details
Payments
Online · Bank Transfer · My Payments
Account
Login · Roles · Profile
Visual Design & Style Guide
The interface leans on a blue-and-mainly-white palette to reflect trust and professionalism - calm, welcoming, and easy to focus in, which matters most when money and exams are on the line. A single design system keeps all three role flows visually consistent.
Poppins embodies a modernist clarity and versatility - its geometric, monolinear strokes balance neutrality with subtle warmth, suiting a wide range of digital environments.
A blue and mainly-white palette was used to reflect trust and professionalism, for a calm and welcoming interface.
High-Fidelity Screens
A cross-section of the portal - from login and dashboards to the exam list, details confirmation, and the full payment journey across roles. Click any screen to view it in high resolution.
Interaction Design & Emotional Intent
The emotional target was reassurance. Around the highest-stakes moment - payment - the design works hardest to remove doubt, with clear choices, honest status, and a graceful path back when something goes wrong.
Role-Based Dashboards
Student, parent and teacher each land on a dashboard tuned to their goals - one product, three confident entry points.
Flexible Payments
Instant online payment sits beside bank transfer - including an "upload slip later" path - so the portal fits real-world payment habits.
Honest Status States
Every payment ends in a clear success or failure screen with next steps - turning the most anxious step into a reassuring one.
Outcome & Impact
Key Outcomes
"One portal, three confident journeys - with the payment step finally feeling as trustworthy as it should."
📈 Outcome
A complete, consistent multi-role portal: three tailored flows and 40+ high-fidelity screens covering registration, role-based dashboards, and every online and bank-transfer payment state.
🧗 Challenge
Designing three parallel flows that stay consistent - and covering payment edge cases (failures, "upload slip later") without overwhelming the happy path.
💡 What I Learned
A shared design system is what makes multi-role products feel like one product. Designing the unhappy states (failed / pending payments) is as important as the success ones.
🚀 Next Steps
Hand off to development, add automated reminders for pending bank transfers, and extend the system to results publishing and admin reporting.