School Website & ERP Platform
React with TypeScript based Schooling Application
Bridging institutional marketing, automated admission wizards, and multi-role back-office ERP workflows into a single, cohesive digital experience.
My Role
Lead UX Architect
Target Audience
7 Distinct User Roles
Platform Scope
CMS + Back Office ERP
Core Principle
Frictionless Web Flow
The Core Challenge
Educational institutions traditional operate on fragmented systems: a public CMS for branding, disconnected form tools for admissions, and isolated desktop software for student records and fee collection.
This operational gap causes data silos, manual entry mistakes, severe administrative delays, and a confusing portal experience for parents and staff alike.
The Unified Solution
We engineered a role-aware ecosystem combining the public-facing school website directly with a cloud-based back-office ERP system.
Data submitted through public tools (such as the Admission Wizard or Enquiry Forms) routes directly into back-office queues—triggering automated approvals and self-service portal credentials instantly.
End-to-End System Web Flow
Mapping user transitions from public visitors into role-restricted administrative queues.
Public Brand Discovery
Browses homepage, syllabus, infrastructure gallery, and notice board updates.
Admission Wizard
Submits multi-step application, uploads credentials, and completes payment online.
Parent Portal Onboarding
Receives auto-generated login to monitor multi-child attendance, routines, and results.
Online Fee Payments
Pays academic term fees through integrated gateway with auto-receipt generation.
Admissions Queue Desk
Applications route directly into staff queues for document verification.
Enrollment Approval
Approves applicant, assigns roll number, section, and class timetable master.
Fee Accounting
Configures fee structures, records offline counter payments, tracks dues.
HR & Staff Desk
Manages teacher/staff profiles, daily attendance logs, and leave configurations.
Classroom Attendance
Logs daily student attendance; auto-triggers SMS alerts to parents for absentees.
Syllabus & Routine Setup
Updates subject progress against configured academic syllabus timelines.
Exams & Results Module
Inputs test scores; system auto-calculates term grades and student scorecards.
Access Control Matrix (RBAC)
Sets view/write permission flags across all 7 platform roles.
CMS Content Control
Manages homepage banners, news, dynamic pages, and navigation menus.
System Audit & Data Restore
Monitors activity audit logs, SMTP setup, payment settings, data wipe/restore.
Architectural UX Win: Single Unified Data Layer
Eliminated repetitive manual re-entry. Public form submissions instantly convert into manageable ERP queue records without third-party integration code.
Role-Based Access Control (RBAC)
Customized interfaces tailored to seven distinct user personas.
1. Super Admin
Multi-tenant setups, global access matrix, security policies, backup/restore, audit logs.
2. Admin
School operation management, academic masters, HR approvals, CMS publishing.
3. Staff
Admissions queue handling, counter fee receipts, enquiry desk, student records.
4. Teachers
Daily classroom attendance, exam marks entry, syllabus progress, timetables.
5. Student
Personal schedules, homework files, exam scorecards, notice board announcements.
6. Parents
Multi-child portal view, instant online fee payments, attendance tracking, school alerts.
7. Public Visitors
Institutional branding, news & events, admission wizard, career applications.
Dual Ecosystem Feature Coverage
Comparing public brand touchpoints with back-office ERP administration.
Public Portal & Website
Front-End- Interactive Admission Form Wizard
- Home Banners & Dynamic Section Control
- Notice Board, News & Events Feeds
- School Infrastructure & Photo Gallery
- Syllabus & Routines Timetables
- Online Fee Payment Portal
- Career Postings & Job Application Form
Academic & Backoffice ERP
Back-End- Admissions Queue & Student Master Database
- Attendance Engine & Exam Marksheets
- Fee Configurations & Automated Ledger
- Granular Access Matrix (RBAC Control)
- Payment Gateway & SMTP Integrations
- Employee HR, Attendance & Master Lists
- System Audit Log & Data Wipe/Restore