Project Overview
OpenSchool Portal is an open-source, mobile-first web platform built to help Nigerian Primary and Secondary schools manage daily academic operations in a modern, intuitive way.
The product supports four user groups:
Admin (School Management)
Teachers
Parents
Students
For this project, I worked on the Admin section, focusing on four key modules:
Fees • NFC Attendance • Timetables • Results
The Goal (Why this project exists)
Most school portals feel outdated, difficult to use, and not optimized for mobile devices. OpenSchool Portal was designed to reimagine what a modern school portal should look like, clean, reactive, and easy for both staff and parents to navigate.
Key goals
Design a mobile-first and responsive admin portal
Simplify complex school workflows into clear modules
Improve clarity and reduce mistakes when managing students, classes, and school records
Support smooth communication between admin → teachers → parents → students
Role & Responsibility
Role: Team Lead Product Designer (UI/UX)
Platform: Responsive Web App (Mobile-first)
Core responsibilities:
Designed key admin workflows and UI screens
Structured module architecture for clarity and scalability
Created user flows, wireframes, and high-fidelity UI
Designed reusable components for consistency across modules
Tools: Figma (UI, components, prototyping)
The Problem
Managing school operations is complex — especially when admin staff have to handle:
Student enrollment and promotion
Class management across sessions
Fee setup, invoicing, and payment tracking
Attendance tracking for students and teachers
Result creation and sharing
Many portals struggle because they:
are not mobile-friendly
bury important actions inside complex tables
make it hard to track progress and status (paid/unpaid, present/absent, submitted/pending)
Project Scope
The system is structured into modules. During the internship, I focused on:
Fees Management Module
Attendance Module
Timetable Module
Results Module
Key UX Challenges
This project had complex real-world school logic, including:
A class can exist in one session and not exist in another
Students may not take all subjects (optional subject groups)
Attendance needs to work fast (bulk mark present + adjust absentees)
Fees can be broken into multiple groups + multiple items
Results must be customizable per class and downloadable
Main design challenge:
Making these workflows feel simple and modern without losing the system accuracy schools require.
Design Approach (My Solution Strategy)
Mobile-first clarity
Module-based navigation
Reduce admin errors
Fast actions for repetitive tasks
