Website proposal · 2026

Look like the school you already are.

Every family in this community already knows what The Huda is. The website is the one place that doesn't say it. Fifty pages, three languages, built so the site finally reads like the school behind it.

01Credible. Governance, accreditation and named faculty.
02Recognisable. Original design and photography of The Huda itself.
03Consistent. One standard, on all fifty pages, in three languages.
04Current. Prayer times, calendars and menus stay right on their own.
Review the scope Investment & timeline
thehudaacademy.com
50
Pages, written & designed
3
Languages, full RTL mirroring
60+
Features in scope
0
Templates used
The formula

What the site has to prove.

Parents are not comparing feature lists. They are working out whether the school is serious about what it says it does. Four things settle that, and every page serves one of them.

01
Credible

The board, the leadership, the accreditation and inspection status, and every teacher by name and credential. The things a serious school states openly.

Governance & faculty
02
Recognisable

A design and a photo library that belong to The Huda alone. No stock classrooms, no template a hundred other schools are also using.

Design & photography
03
Consistent

Fifty pages held to one standard, in English, Arabic and Urdu. No thin pages, no dead links, nothing marked coming soon.

Writing & QA
04
Current

Prayer times, Hijri dates, term dates, menus and deadlines stay correct on their own. Nothing on the site quietly goes stale.

Feeds & automation
Understanding the brief

What a parent is actually asking.

Choosing an Islamic school is a large decision for a family — academic, financial and religious at the same time. The questions are nearly always the same five, and most school websites answer none of them.

“Is the Islamic side real, or decoration?”
Islamic Studies, Quran and Tajweed, Arabic streams, prayer spaces and tarbiyah each get a full page — not one paragraph.
“Will my child get into university?”
Credits, prerequisites, diploma pathway and post-secondary counselling, stated with the same confidence a private school would.
“Can we afford it?”
Full fee schedule, payment plans, sibling discounts, and zakat-based aid — plus a calculator that gives a real number.
“What does a day actually look like?”
An interactive day-in-the-life, the bell schedule, the halal lunch menu, and a gallery that shows rather than tells.
“What do I do next?”
One path, on every page: book a tour, or start the application. Nothing else competes with it.
Scope · Sitemap

Fifty pages, eight sections.

Every page is designed, written and built — no placeholder pages, no "coming soon".

50 / 50 in scope
About & People
9 pages
01
Home
Value proposition, key CTAs, proof points
02
About Our School
History, founding story, school at a glance
03
Mission, Vision & Values
Educational philosophy, Islamic identity
04
Message from the Principal
Voice-of-leadership trust page
05
Board of Directors
Governance, bios, accountability
06
Leadership & Administration
Principals, VPs, division heads
07
Faculty Directory
Teachers by division, credentials
08
Student Services & Support Staff
Counsellor, EAs, office, health
09
Accreditation & Affiliations
Provincial inspection status, memberships
Academics
10 pages
10
Academics Overview
Hub page linking all divisions
11
Early Years: Toddler & Preschool
Play-based, ratios, daily rhythm
12
Kindergarten (JK/SK)
Readiness, literacy and numeracy foundations
13
Elementary (Grades 1–5)
Subjects, homeroom model
14
Middle School (Grades 6–8)
Subject rotation, transition support
15
High School (Grades 9–12)
Streams, credits, diploma pathway
16
Curriculum & Provincial Alignment
How ministry curriculum is delivered
17
Graduation Requirements & Course Calendar
Credits, prerequisites, volunteer hours
18
Guidance & Post-Secondary Counselling
University applications, careers
19
Learning Support & Special Education
IEPs, ELL, accommodations
Islamic Education
5 pages
20
Islamic Studies Program
Scope and sequence by grade
21
Quran, Tajweed & Hifz
Memorization tracks, levels
22
Arabic Language Program
Native and non-native streams
23
Prayer & Worship at School
Salah times, Jumu'ah, prayer spaces
24
Tarbiyah & Character Development
Akhlaq, behaviour philosophy
Admissions
6 pages
25
Admissions Overview & Process
Timeline, steps, requirements
26
Tuition & Fees
Full fee schedule, payment plans, sibling discounts
27
Financial Aid & Scholarships
Zakat-based aid, bursaries, how to apply
28
Apply Online
The application handoff
29
Book a Tour / Open House
Booking widget, event dates
30
Admissions FAQ
Waitlists, transfers, newcomers, age cut-offs
Student Life
5 pages
31
Student Life Overview
A day in the life, culture
32
Clubs & Student Leadership
Student council, MSA, competitions
33
Athletics & Physical Education
Teams, gender-separate programming, facilities
34
Arts, STEM & Enrichment
Robotics, science fair, Islamic art, calligraphy
35
Before & After School Care
Hours, pricing, registration
For Parents
7 pages
36
Parent Portal
Login gateway, grades, attendance
37
Parent & Student Handbook
Policies, conduct, attendance
38
Uniform & Dress Code
Requirements, supplier links, sizing
39
Calendar & Bell Schedule
Academic year, holidays, daily times
40
Halal Lunch & Nutrition
Menus, certification, allergy policy
41
Transportation & Bus Routes
Routes, zones, fees
42
Health, Safety & Emergency Procedures
Closures, medical, security
Community & Giving
4 pages
43
Donate & Support Our School
Campaigns, tax receipts, monthly giving
44
Parent Association & Volunteering
PTA, volunteer roles
45
Alumni
Where graduates went, alumni network
46
Community & Masjid Partnerships
Sponsors, local mosque relationships
News & Contact
4 pages
47
News & Events
Announcements plus event listings
48
Photo & Video Gallery
The highest-converting page for prospective parents
49
Careers
Job postings, why teach here
50
Contact Us
Map, departments, hours, form
The part no template can do

A site that knows what day it is on the Hijri calendar.

Prayer times, Ramadan, Eid, Dhul Hijjah and back-to-school are handled by one scheduled seasonal-mode system. Each occasion is a configuration entry, not a rebuild — the site changes on its own and the office never touches a line of code.

Prayer times, calculated

Set to your community's method — ISNA, MWL or Umm al-Qura — with the correct Asr school, plus a live countdown to the next salah.

Ramadan, on schedule

A full printable iftar and suhoor timetable, adjusted school hours, taraweeh and the annual campaign, all appearing on their own date.

Eid and closures

Closure notices, prayer times and location driven by the Hijri calendar, so no one calls the office to ask.

Dhul Hijjah and Hajj

First-ten-days content, Hajj and Udhiyah guidance and the lead-in to Eid al-Adha.

Back to school

Not an Islamic occasion, but the highest-traffic moment of your year — treated like the campaign it is.

Daily nourishment

A verse or hadith rotating on the homepage, and a Jummah block with khutbah times and the languages offered.

Scope · Feature inventory

Everything the site does, and who it depends on.

Filter by

Islamic-specific

the seasonal engine
Prayer times widget
self

Auto-calculating, set to the community's method (ISNA, MWL, Umm al-Qura) and Asr school.

Next prayer countdown
self

Live countdown to the next prayer.

Hijri / Gregorian dual dates
self

Both calendars shown together across the site.

Seasonal mode system
self

One scheduled toggle swaps banner, palette accent, hero and a featured block. Each occasion is a config entry, not new code.

Ramadan mode
self

Adjusted schedule, iftar and suhoor timings, taraweeh, Ramadan programs, annual campaign.

Eid mode
self

Covers both Eid al-Fitr and Eid al-Adha — closures, prayer times and location, celebration messaging.

Dhul Hijjah / Hajj mode
self

First ten days content, Hajj and Udhiyah information, Eid al-Adha lead-in.

Back-to-school mode
self

Not an Islamic occasion, but the highest-traffic moment of the year.

Iftar & suhoor timetable
self

Full month of timings, printable.

Eid & closure banners
selfMarkTrack

Automatic notices driven by the Hijri calendar.

Recurring Hijri events
self

Events that repeat on the Islamic calendar rather than the Gregorian one.

Jummah info block
self

Khutbah and prayer times, plus which languages are offered.

Verse or hadith of the day
self

Rotates daily on the homepage.

Halal lunch menu display
MarkTrack

This week's menu with dietary tags, pulled from MarkTrack.

Calculators & tools

answers before the inquiry
Fee calculator
selfMarkTrack

Parent picks grade, program and extras and gets a real number before inquiring.

AI chatbot
self

Answers admissions questions from site content at any hour, then hands off to the enrollment form.

Application readiness checklist
self

Shows a parent exactly what they need before starting an application.

Discovery & content

everything findable
Site-wide search
self
Faculty directory
self

Filterable by division, with individual bios.

Public events calendar
self

Month and list views, category filters, iCal export.

Academic calendar / term dates
MarkTrack

Term start and end, breaks and PD days, pulled from MarkTrack.

Class schedule / program times
MarkTrack

When each program actually runs.

News & announcements
self

Categorised feed with an archive.

Day-in-the-life timeline
self

Interactive walkthrough of a student's typical school day.

Testimonials
self

Parent, student and alumni quotes with photos.

Searchable FAQ
self
Public document library
self

Handbook, policies, forms and calendars as downloads.

Announcement bar
self

Sitewide strip for urgent notices, scheduled in advance.

Targeted popups
self

Shown only to first-time visitors, or only on specific pages.

Impact stats

proof, not adjectives
Students currently enrolled
MarkTrack

Real enrollment count, overall and broken down by program.

Years in operation
self
Animated counters / stat band
self

Numbers count up as the section scrolls into view.

Giving

zakat-aware
Donation page
third party

Links or embeds the existing platform — LaunchGood, Zeffy, GoFundMe.

Fund designation presentation
self

Explains where money goes: general, building, scholarship, zakat-eligible.

Campaign progress thermometer
third partyself

Visual progress toward a fundraising goal.

Sponsor-a-student page
selfthird party

Tiered sponsorship program, each tier linking to its campaign.

Conversion & handoff

where enrollment happens
Inquiry form
third party

Goes straight to the office inbox, nothing stored on the site.

Enrollment form handoff
link out

Sends parents to the school's MarkTrack application.

Enrollment window & deadline banner
MarkTrack

Live “applications close March 15” driven by MarkTrack.

Source attribution on applications
MarkTrack

Tracks how many applications came from the website.

Tour / open house booking
third party

Embedded scheduler tied to the school's real availability.

Newsletter signup
third party

Feeds the existing Mailchimp list.

Careers page
self

Technical

all built by us
Accessibility (WCAG AA)
self

Works with screen readers and keyboard navigation.

Performance optimization
self

Fast load on a parent's phone on mobile data.

Spam protection
self

Keeps bot submissions out of the inquiry inbox.

Uptime monitoring
self

We know the site is down before you do.

Monthly performance report
selfMarkTrack

Traffic, inquiries, and how many applications the site produced.

CMS & admin

to be scoped
Platform selection
self

Not yet selected. Scope to be defined once the CMS decision is made — flagged here so it is not mistaken for an omission.

Multilingual

Arabic and Urdu that were designed, not translated.

The entire layout mirrors for right-to-left — navigation, cards, icons, form fields, not just the words. Real Naskh and Kufi faces at the correct line height, and content that genuinely differs per language where it should.

Language toggle
Remembers the choice across visits.
Full RTL layout mirroring
The entire layout flips for Arabic and Urdu, not just the text.
Per-language content
Genuinely different content where it should differ, not machine translation.
Proper Arabic typography
Real Naskh or Kufi faces with correct line height.
Browser language auto-detect
A newcomer family lands in their own language.
English · LTR
العربية · RTL
Production & craft

Where a school website stops looking generic.

Original design, an on-site photo shoot, a campus film, and copy written page by page. A parent may not be able to name why one school's site reads as more established than another's — this is usually why.

Drop a classroom photo from the shoot
Drop a prayer-hall or masjid photo
Drop a portrait of a teacher
Original design

Custom Islamic geometric motifs, a real type system and considered spacing — not a template adapted.

Motion & interaction

Transitions, scroll behaviour and micro-interactions that make the site feel maintained.

Photography

On-site shoot, art-directed. The single most visible upgrade over stock.

Video

A two-minute campus film for the homepage.

Copywriting

Every page written properly rather than pasted from the old site.

Dependencies

What we need from MarkTrack.

Ten items, in priority order. Everything else in this proposal ships without them — these are what turn static pages into a site that stays true on its own. Items marked later are not needed for launch.

01
Stable, documented enrollment URLs
Free — just confirmation the format will not change.
launch
02
Term dates — ICS
Feeds the public academic calendar.
launch
03
Class schedule — JSON
Feeds program times on the site.
launch
04
Lunch menu — JSON
Feeds the public weekly menu with dietary tags.
launch
05
Enrollment window & deadline — JSON
Drives the live applications-open banner.
launch
06
Program / school list — JSON
For several programs running under one roof.
launch
07
Aggregate stats — JSON
Enrollment counts overall and by program.
launch
08
Source attribution on applications
Shows how many applications the website produced. Highest commercial value.
launch
09
Fee / tuition items feed
Would keep the fee calculator from going stale.
later
10
Webhooks
Instant updates instead of polling on a schedule.
later
Timeline

Live before the admissions season opens.

Five phases. Photography and copy run in parallel with the build so nothing waits on a single approval.

Weeks 1–2
Discovery

Stakeholder interviews, content audit of the current site, sitemap sign-off and the MarkTrack feed conversation.

Signed sitemap
Weeks 3–5
Design

Art direction, geometric motif system, type system, and full designs for the key page templates.

Approved designs
Weeks 4–6
Photo, video & copy

On-site shoot, campus film, and page-by-page copywriting in all three languages.

Final assets
Weeks 6–11
Build

All fifty pages, the seasonal engine, calculators, RTL mirroring, feeds and accessibility work.

Staging site
Week 12
Launch

Review, QA on real devices, redirects, monitoring, and a training session for the office.

Live site
Investment

The bottom line.

One project fee for the build, and a straightforward monthly for keeping it right. No hidden line items.

Next steps

Three things, and we start.

01
Approve this scope
Or mark what you want added or removed — the sitemap and feature list are the contract.
02
Introduce us to MarkTrack
One email so we can confirm the eight launch feeds before the build begins.
03
Pick two shoot days
Ideally a regular school day and a Jummah, so the photography shows the school as it is.
Arsenic Digital
Arsenic Digital

We design and build websites for schools and community organisations. This proposal is valid for thirty days and is prepared for The Huda Academy.

ReferenceAD-THA-2026-01
IssuedJuly 2026