Work · Custom Web Development · Build
HTMLCSSJavaScriptGSAPBuildWebsiteCustom WebSEO

Iqra International School — a scroll-told story site for an early-years school

We designed and shipped iqrainternationalschoolsystem.com in a single week — a one-page, scroll-told story site for a Playgroup-to-Class-4 school. Four scenes carry a parent from a seed in the soil to a child who can lead a class, then hand them a campus-visit form. Fully structured for search, with School and Course schema on the page.

Client
Iqra International School · Garden Town, Pakistan
Industry
Education · Early years school
Engagement
1 week · design, build and launch
Team
1 designer · 1 engineer
iqrainternationalschoolsystem.com
Iqra International School — a scroll-told story site for an early-years school

The brief

An early-years school whose whole case is atmosphere — gardens, ratios and faith — needed a site a parent could feel, not skim. One week, one page, four scenes.

Iqra International School sells something a brochure page cannot carry: atmosphere. Six acres of garden, twelve children to a teacher, Qur'an and phonics taught side by side, and a walk to the masjid built into the school day. Put that on a standard template and it collapses into a features list that reads like every other school in the city. The site had to make a parent feel the campus before they ever visit it — and it had to be live in a week, before the September intake closed.

Architecture

One page, four scenes.

A single static document, a motion layer scrubbed against the scroll, and a complete SEO head — no CMS to slow the first paint and nothing to keep patched.

1
Story front-end
HTML · CSS · JS
Four scenes and nine sections on one URL
2
Motion layer
GSAP · ScrollTrigger
Scrubbed scenes, staggered reveals, counters
3
Search layer
Meta · JSON-LD
School and Course schema, OG, sitemap

Build timeline

One week. Four sprints.

D1

Story + direction

Mapped the four scenes and set the type, colour and photography direction.

Shipped
D2–3

The scenes

Hero, learning, the walk to the masjid and the grown tree — built and scrubbed.

Shipped
D4–5

Programmes + campus

Four programme stages, campus gallery, parent voices and the dates board.

Shipped
Launch

Admissions, SEO + QA

Campus-visit form, structured data, reduced-motion pass and go-live.

Shipped

Results · at launch

By the numbers.

1 week
Design to live
4
Scroll-told scenes
4
Programme stages
9
Sections, one page

Tech we used

A small stack.

Front-end
HTML5CSS3Vanilla JS
Motion
GSAP 3.12ScrollTriggerIntersectionObserver
Design
OutfitPlus Jakarta SansSVG illustration
Search
Open GraphJSON-LD School schemasitemap.xml

Need a site that sells the feeling, not the feature list?

45-minute build consult — we'll map the story, the scenes and the one thing you want a visitor to do.

Trusted by teams like yours