First solo build · 2023

GHS Website

A full website for Ghous-ul-Azam High School in Karachi — designed and developed, solo.

Design · Development · Admissions · Galleries

What I delivered

  • Design
  • Development
  • Seven pages
  • Admissions form
  • Event galleries
Homepage of ghsofficial.com: Transformation is the key, over a photo of young students, with a Join the 2026 Session button

01 — The brand on screen

Maroon, gold and ivory.

The school's own colours, carried into every page: deep maroon for weight, gold for anything you can act on, ivory to let the content breathe.

Colour

Maroon

#5B1608

Deep maroon

#3D0F06

Gold

#D4AF37

Ivory

#FAF7F4

Type

Transformation is the key

Playfair Display — headlines

EXCELLENCE SINCE FOUNDATION

Cinzel — labels

Join a community dedicated to leadership.

Plus Jakarta Sans — body text

02 — The homepage

One scroll, the whole school.

The homepage walks a parent from a first impression to the latest from campus, and ends on admissions.

Latest from GHS on the homepage: Excursion 2026, Fun Fair and Carnival, Portion and Comprehend, Daily Pulse
Latest from GHS — what's happening, front and centre
Your Future Starts Here: the 2026 admissions call to action, P-G to 10 enrollment open
Your Future Starts Here — the admissions call to action

03 — Inside pages

A page for every side of the school.

Philosophy, campus life, events and initiatives — each with its own page and its own photography.

Our Philosophy page on ghsofficial.com, maroon header over the school crest

About

Our Philosophy

Open page

The mission, the vision and six core values, set out the way the school talks about itself.

Beyond The Classroom section on ghsofficial.com: AI Innovation Lab, Media Initiatives and Civic Leadership

Campus

Campus Life

Open page

Events, societies and the programmes beyond the classroom — the AI lab, the media hub, the student council.

Funfair and Carnival 2025 page on ghsofficial.com, with a crowd of students under a maroon overlay

Events

Funfair & Carnival 2025

Open page

A full event gallery, split into highlights, stalls and performances.

Portion and Comprehend page on ghsofficial.com

Activities

Portion & Comprehend

Open page

The peer-teaching initiative, told edition by edition with its own programme gallery.

04 — Admissions

From interest to a school visit.

Enrolment for the 2026 session runs through the site: a parent fills in one form, and the school takes it from there.

Enroll Now page on ghsofficial.com: Join Our Family, a How it Works panel beside the inquiry form
  • Step 1

    The parent completes a short inquiry form — student, grade from Playgroup to Grade 10, guardian and contact details.

  • Step 2

    The admissions officer receives it by email and reviews the inquiry.

  • Step 3

    The school calls or emails back to book a visit.

05 — On a phone

Built for the phone in a parent's hand.

Every page reflows for mobile, with the menu folded away and the call to action kept within reach.

06 — What came next

The site was the start.

The same school went on to trust me with its media and Meta ad campaigns — three years running.

Start a project

Want this for your brand?

Start a project