Royalpeer Model College (RMC)
Live site
In Development

The Context
Royalpeer Model College needed a centralized digital system to replace fragmented, manual school management processes.
The Royalpeer Model College School Portal is a web-based school management platform designed to digitize academic operations, student records, payments, results, bus services, textbooks, and communications. I was brought on as the UI/UX designer to design the complete multi-role portal experience, covering Admin, Teacher, Parent, and Student dashboards across both mobile and desktop.
The Problem
Managing a school manually created delays, errors, and a frustrating experience for parents, teachers, and administrators alike.
Without a centralized system, parents had no reliable way to check results, make payments, or receive updates. Teachers entered scores on paper with no formal approval workflow. Administrators had no real-time financial visibility. The school needed a single platform that every stakeholder, at every access level, could trust and use with confidence.
Client
Royalpeer College
Year
2026
Duration
3 Months
Type
School Portal
Industry
EdTech
Scope
UI/UX
Wireframe
Digital Design
Design System
The Objectives
Design and deliver a role-based school management portal for Royalpeer Model College that makes academic operations, payments, and communication seamless for administrators, teachers, parents, and students.
This involved a full UX design thinking process: deep user research, synthesis, user personas, journey mapping, user flows, design system creation, and high-fidelity screens across all 4 user dashboards and 20+ portal modules on both mobile and desktop.
The Approach
EMPATHISE
2. DEFINE
3. IDEATE
4. DESIGN
5. TEST
EMPATHISE
2
3
4
5
I started by understanding the real pain of managing a school with no digital system.
What made school administration so stressful and error-prone without software?
What did parents need to feel in control of their child's academic and payment records?
What did teachers need to enter, submit, and manage results with confidence?
I ran research across multiple touchpoints to build real empathy.
Studied existing school portals, eSchoolPro, Schoology, and Nigerian-market equivalents.
Interviewed stakeholders on pain points with manual processes, results, fees, and communication.
Mapped how different user roles interacted with the school and each other.




1
2. DEFINE
3
4
5
I translated research into clear product requirements across all four user roles and three lenses.
What did each role need to accomplish their core tasks without friction?
What did the school need to run operations and generate revenue efficiently?
What did role-based access and payment security demand from the design?
Core Design Problem Statement
Administrators, teachers, parents, and students need a single, role-based school portal that makes academic management, fee payment, and school communication feel organized and effortless — so the school can run entirely without paper-based processes.

1
2
3. IDEATE
4
5
I mapped four parallel user flows before designing a single screen.
What was the simplest path for a parent from login to downloaded receipt?
How does the result approval workflow connect teachers, admins, and parents?
How do all four roles interact with the same central system without conflicts?
I generated concepts for both the patient experience and the doctor dashboard.
Prioritized the parent flow — the most frequent and highest-stakes user journey.
Designed the result workflow to enforce the teacher → admin → management → publish chain.
Considered empty, loading, error, and success states throughout all four surfaces.




1
2
3
4. DESIGN
5
I built a system that had to serve four very different users without feeling like four different products.
How do we maintain one consistent visual language across admin, teacher, parent, and student views?
What design system components would be shared across all four surfaces?
How do we keep the parent experience mobile-first while the admin experience is desktop-optimized?
I delivered high-fidelity screens for all four dashboards and 20+ portal modules.
Built a unified design system: buttons, inputs, tables, cards, modals, alerts, and badges.
Designed all screens across both mobile and desktop with intentional layouts for each.
Applied all UI states consistently, loading, success, error, and empty, across every module.





Emmanuel Omokhegbe
School Proprietor, Royalpeer Model College

1
2
3
4
5. TEST
I validated the designs through usability testing across all four user roles.
Shared interactive prototypes with a parent, a teacher, and an admin reviewer separately.
Observed each user completing their core task without guidance.
Focused sessions on the parent payment flow, teacher score entry, and admin result publishing.
I gathered role-specific feedback and iterated on the highest-friction moments.
Identified where the payment gate caused hesitation for parents unfamiliar with the system.
Used findings to simplify the score entry form and improve the result approval status display.
Confirmed the role-based navigation felt natural — users never encountered screens they shouldn’t.
What Tested Well
What Needed Iteration
The result access payment gate needed a clearer explanation of the ₦1,000 fee purpose.
Teacher result submission status needed a more prominent “pending approval” indicator.
The “Pay All Outstanding” breakdown needed totals that updated in real time as items were toggled.
Final Improvements Made
Added a brief explanation on the result gate: “A one-time access fee applies per term”.
Introduced a clear status badge (Pending / Approved / Published) on the teacher’s submitted results list.
Payment summary now updates dynamically as parents select or deselect individual payment categories.
Outcome Confirmed


Durom's Touch Clinic
Healthcare
Clinic Management
Bridging the gap between patients and their doctor through a seamless, trustworthy telemedicine experience.
View project
DeCo
AI
Web3
DeFi
Bridge the gap between complex on-chain data and effortless trade execution through a secure, AI-driven chat interface.
View project




