Highbrow College
A landing page prototype for a private Montessori and English-medium school in Keselwatte, Sri Lanka, built to guide parents toward admissions.
Highbrow College has grown since 2012 into a school of more than 700 students across Highbrow Montessori and the Upper School. This landing page prototype tells that story warmly and clearly, and leads parents to admissions.
The challenge
Parents comparing schools want to know what their child’s day will look like, from first steps in Montessori to O and A Level preparation. The page had to cover two schools, the curriculum, school life and practical support without becoming a wall of text.
Designing for the people who use it
- 01Parents choosing a Montessori or primary school nearby
- 02Families of current students checking news and events
- 03Teachers and staff looking at vacancies
From first visit to the next step
- 1
First impression
A warm welcome with the school’s story and Admissions and Contact us side by side.
- 2
Two schools, one campus
Highbrow Montessori and Highbrow College, each explained in a few lines.
- 3
Beyond the syllabus
Elocution, IT, religion, arts, sports and clubs as quick-to-scan cards.
- 4
School life
News and events such as the Annual Concert, Sports Meet and Prize Giving.
- 5
Come and see
Practical support for families, then a final invitation to apply.
Page structure
The homepage is planned as a sequence of sections, each answering the next question a visitor has. Below is that structure as a low-fidelity wireframe, with the site’s main navigation.
Colour, type and components
- Canvas#FFF9F2
- Ink#211C18
- Sun#FFD978
- Sky#BBDCF5
- Mint#C8F0D1
- Coral#F58B61
- 01A light Crimson Pro serif gives the school a calm, established voice, paired with friendly Almarai for body text.
- 02Soft pastels (sun, sky, mint and coral) bring in the playfulness of a school for young children, on a warm canvas.
- 03Admissions is the one dark pill button, repeated at the start and end of the page.
- 04Short sections and scannable cards keep a lot of information easy for busy parents.
Designed for every screen
Development and launch
- 01Built in React on a small custom design system: colour, type, spacing and component tokens.
- 02Lucide icons and Google Fonts.
- 03Hosted as a static prototype for review.