No existing infrastructure
No CMS, no student database, no digital records system, and no internal tooling whatsoever.
Case Study
Future Bases International Schools
A ground-up digital transformation from a static brochure site with zero online infrastructure to a fully integrated school management ecosystem serving students, parents, teachers, and administrators.
Client
Future Bases International Schools
Industry
K-12 Education, Saudi Arabia
Duration
~3 months
Services
Web Dev, UI/UX, Systems Design, DB Architecture, Custom VPS Hosting
Deliverable
Public website + full school management platform
01 - Background
Starting from scratch
Future Bases International Schools had an outdated website that served as little more than a digital flyer. There were no online portals, no way for parents to track their children's progress, no digital admissions process, and no tools for teachers to manage their classrooms.
They came to Madar Studios needing a complete digital presence: both a polished public website and a fully functional internal platform to run day-to-day operations. We delivered both in under three months.
02 - Challenges
A complex, multi-stakeholder problem
Multiple user roles
A structured system of fifteen distinct roles spanning all school operations — including leadership, academic staff, administration, and students.
Bilingual, RTL-first
Full Arabic and English support with proper RTL layout across every view in both portals.
Real-time data expectations
Attendance, grades, and schedules needed to reflect teacher updates immediately in parent and student views.
03 - What we built
A full digital ecosystem
Two interconnected products: a polished public website with custom UI design, and a comprehensive school management platform covering every operational layer.
Public website
- Home, About, Academics, Admissions, Student Life
- News & Events and Contact pages
- Online admissions with application tracking
- School tour booking system
- Custom UI design from scratch
Student & Guardian Portal
- Class schedules, timetables, exam dates
- Study & exam materials hub
- Student rankings & recognition
- KG-specific guardian dashboard
- Resource center with downloadable docs
Teacher Panel
- Daily attendance tracking & corrections
- Gradebook: quizzes, assignments, exams
- Weekly plans & reports upload
- KG tools including Student of the Week
- Rankings & recognition management
Admin Panel
- Full CMS for website content
- Student database & enrollment management
- HR: job listings & candidate tracking
- Document version control
- Parent-student relationship mapping
04 - Process
How we got there in 3 months
1
Discovery & scope (week 1-2)
Audited the existing site, mapped stakeholder types and their needs, and defined the full feature scope across all panels.
2
Architecture & UX (week 3-4)
Designed role-based navigation flows for five user types and locked the access model before visual design began.
3
UI design (week 4-6)
Custom design systems for both products, with full bilingual AR/EN RTL support throughout.
4
Development (week 5-11)
Full-stack build with SurrealDB, role-based access control, and real-time data sync between teacher inputs and student/parent views.
5
Testing & handoff (week 12)
Role-specific QA with school staff, documentation delivery, and team training on day-to-day platform operations.
05 - Tech stack
Built for scale and reliability
React.jsTypeScriptNext.jsRedisSurrealDBResendCustom VPS hosting
06 - Outcome
From zero to fully operational
FBIS went from having no digital infrastructure to running their entire school operation through a unified platform, replacing manual processes across admissions, attendance, grading, and parent communication.
15+
Distinct user roles with tailored dashboards
0 -> 1
Built entirely from scratch, no prior infrastructure
3 months
From kickoff to live platform
They didn't just build us a website, they gave us the digital backbone our school was missing.
School Administration, Future Bases International Schools
07 - Live project
See it in production
Got a similar challenge?
We build custom platforms for organizations that need more than off-the-shelf tools.