# A website design for Karachi Grammar School’s sections and alumni > Karachi Grammar School needed a website that carries its heritage and explains school life from Kindergarten to College. OXEDGE designed it with a photo-led home page, colour-coded section pages and stories from notable alumni. - Page: https://oxedge.com/work/karachi-grammar-school-website/ - Markdown: https://oxedge.com/work/karachi-grammar-school-website.md - Language: en-AE - Type: Case study - Published: 2026-10-14 - Author: Haris Qarni, Founder & Director (https://oxedge.com/about/haris-qarni/) - Client: Karachi Grammar School (KGS) · Year: 2024 - Publisher: OXEDGE (Oxedge FZE LLC), digital agency in Dubai, UAE: https://oxedge.com/ - Contact: info@oxedge.com · WhatsApp +971 50 815 3521 · https://oxedge.com/contact/ --- **At a glance** ### Karachi Grammar School website design - **Client:** Karachi Grammar School (KGS), Karachi - **Location:** Karachi, Pakistan - **What OXEDGE did:** page structure and visual design for the home, School Sections and Alumni pages, on desktop, tablet and phone - **Designed:** 2024 - **Designed for:** parents comparing schools, current KGS families and alumni ## The challenge A school with a long record has to show two things at once: the weight of its history and the energy of school life today. Parents want to understand how the school is organised, from the youngest children to college. Alumni and the wider community want to see what KGS graduates go on to do. So the design had to carry the school's heritage, explain its four sections clearly, and make the alumni story easy to browse. ## The approach We let the design change pace from page to page: formal where the school speaks about itself, bold where it introduces school life. - **Heritage up front:** the crest, a serif wordmark and a 175th anniversary mark on the mobile home page. - **One big, human headline:** "Empowering and inspiring all students to excel as life long learners", set over full-width photos of students. - **Colour-coded sections:** Kindergarten in purple, Junior in yellow, Middle in blue and College in orange, with pill buttons to jump between them. - **Texture:** black-and-white photos, halftone dot patterns and circular crops give the section pages a printed, poster-like feel. ![Karachi Grammar School website on a tablet: School Sections page with Kindergarten, Junior, Middle and College buttons and a purple Kindergarten band](https://oxedge.com/wp-content/uploads/2025/04/Mockup-2-12.jpg) *School Sections: one colour per section, from Kindergarten to College.* ## The solution Each page has one clear job, and the visual language ties them together. What the design includes: - **Home page:** a full-screen photo hero, a menu for Academics, Admissions & Aid, Sections, Life at KGS, About, Alumni, Contact and News, and a "Welcome to Karachi Grammar School" introduction. - **Mobile home page:** the crest, a red menu button and the 175th anniversary mark over a photo of a school assembly. - **School Sections:** "Working collaboratively to ensure every student achieves academically, socially, and emotionally", with a band for each stage, such as Nursery – Year 02 ("Nurturing creativity from the earliest years") and Year 03 – Year 06 ("Promoting self-confidence"). - **Alumni page:** a photo hero, a short introduction to the fields KGS alumni work in, and a strip of notable alumni portraits. - **Alumni profiles:** longer stories, such as those of actor Kumail Nanjiani and novelist Kamila Shamsie, set in a clean, readable column. ![Karachi Grammar School Alumni page on a tablet: photo hero and an introduction to notable alumni](https://oxedge.com/wp-content/uploads/2025/04/Mockup-5-7.jpg) *Alumni: a photo hero, then the people.* ![Karachi Grammar School website on a tablet: alumni profiles of Kumail Nanjiani and Kamila Shamsie](https://oxedge.com/wp-content/uploads/2025/04/Mockup-6-5.jpg) *Alumni profiles: long stories, set for easy reading.* ## Frequently asked questions ### Who designed the Karachi Grammar School website? OXEDGE designed the website for Karachi Grammar School (KGS) in 2024, including the home page, School Sections and Alumni pages for desktop, tablet and phone. ### What does the Karachi Grammar School website design focus on? The school's heritage, a clear view of its four sections from Kindergarten to College, and the stories of its alumni. ### Can OXEDGE build a school website in the UAE? Yes. OXEDGE is a web agency in Dubai and builds websites for schools, colleges and training centres across the UAE and the wider region, including online applications, Arabic versions and WhatsApp enquiries. See our [school website services in the UAE](https://oxedge.com/school-websites-uae/). **Planning a school website?** Let's show parents your whole school, from first day to college. Tell us about your school, and we'll show you how a clear, section-by-section website could work. [Start a project](https://oxedge.com/contact/) [School websites in the UAE](https://oxedge.com/school-websites-uae/)