CASE STUDY 04 — EDUCATION · SCHOOL WEBSITE

BPS: one front door for the school.

Redesigning the Birla Public School website so parents, students and staff can find admissions, portals and school life quickly — a calm, confident home page for a CBSE school in Doha.

UX STRATEGYINFORMATION ARCHITECTUREVISUAL DESIGNRESPONSIVE WEB
← Back to workOpen prototype →
BPS school website home page design

01 — PROBLEM STATEMENT

Families needed answers, not a maze.

A school website serves very different visitors at once: parents comparing schools, current families paying fees and booking transport, students looking for the library. Key tasks were buried and the school’s character was hard to feel. The brief: one clear front door that routes each audience to the right place while showing what school life is really like.

Draft wording based on the page content — Siddhi to confirm the real brief, role and timeline.

02 — USER PERSONA

Three visitors, one home page.

PROSPECTIVE PARENTChoosing a school

Wants curriculum, admissions dates and a real feel for the campus before they ever visit.

CURRENT FAMILYEveryday tasks

Wants parent portal, fee payment, transport and announcements within one click of the home page.

STUDENTLearning and life

Wants the library, student life and events — and a site that feels like their school, not a form.

03 — SOLUTIONS

Clear routes, real school life.

A portals hub up front

Parent portal, online registration, fee payment, library, transport and alumni sit in one scannable section right after the hero.

Start anywhere navigation

Six visual doorways — admissions, academics, campus life, student experience, community and BPS Qatar — so no visitor needs to know the site map.

Story-led sections

Academic stages, student life in motion, the campus and community stories give the school personality, backed by a clear admissions call to action.

04 — DESIGN SYSTEM

UI Design

Colors & Typography

0E2340
CC5500
F7F4EF
EDE7DD
14171A
E4B15E
4B5157
6E655B

Archivo

SemiBoldBold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1 2 3 4 5 6 7 8 9 0

Body & UI: Public Sans — Regular · Medium · SemiBold

Design System

Buttons
Eyebrow labelAdmissions 2027–28
Portal card
Parent portalSign inAttendance, results and messages.
Doorway card
AcademicsA CBSE journey from foundation to final exams.
Search field
Search the school site
Notice chipAnnouncementAward

05 — USER FLOW

From first visit to enrolled.

01 ARRIVEHero with clear promise and two actions.
02 CHOOSEPortals hub or Start anywhere doorways.
03 LEARNAcademics, student life and campus stories.
04 TRUSTNumbers, news and community proof.
05 APPLYAdmissions call to action and registration.

06 — FINAL DESIGN OUTPUT

Calm navy, warm orange.

One restrained palette and a single type family pair carry the whole page: navy for confidence, burnt orange for every action, cream and sand for breathing room.

BPS hero
Hero
BPS portals
Portals & services
BPS academics
Academics
BPS campus
Campus

Outcomes: to be added with real results from Siddhi.

Back to work

07 — ALL SCREENS

Every section,
top to bottom.

The BPS home page across its journey — hero, portals, discover, numbers, academics, student life, campus, news and admissions.

Open prototype →
BPS hero
BPS in numbers
BPS portals
BPS why BPS
BPS start anywhere
BPS academics
  • ↗One clear front door.
  • ↗Portals in one click.
  • ↗School life, shown.
  • ↗Admissions, always visible.
BPS student life
BPS admissions
BPS campus
BPS news