It breaks on a phone
At a 375 px screen width the headline “ST. MARK INTERNATIONAL ACADEMY” runs off the edge and is cut mid‑word. Photos load as blurred placeholders and several never sharpen. Most parents will only ever see the site on a phone.
Redesign notes
Why this proposal exists, what it fixes, and what the school needs to supply before it can go live. This page is for internal review — it would not ship on the public site.
Starting point
What the current site does today
The live site is 1987smia.wixsite.com/website-1 — a free Wix
template with four pages, last updated in 2020. Every item below was checked on the live site.
It advertises a Wix banner
A “This website was built on Wix” advertisement sits above the school’s own header on every page, together with a chat bubble the school does not staff.
The address is not the school’s
wixsite.com/website-1 is not something a parent can be told over the phone, and
“website‑1” reads as unfinished.
The news stopped six years ago
The homepage still announces enrollment for 8 June – 7 August 2020 and the start of blended classes on 10 August 2020. A parent checking today sees a school that looks closed.
There is no way to enroll
No admissions page, no requirements list, no process, no fees, no inquiry form. The only action available is a bare contact box.
There is almost nothing to read
Four pages, roughly three hundred words in total, much of it unedited Wix template copy. Nothing about faculty, facilities, class sizes, history or results — and far too little for Google to rank the school on its own name.
The proposal
What this design changes
- Seven pages instead of four, including a real Admissions path
- Built mobile‑first — nothing clips or overflows at 375 px
- An “Enroll Now” button visible on every screen, at every size
- The school’s crest colours used as an actual palette, not a template default
- The school’s real photographs, not stock images of other people’s children
- Address, three phone numbers, email and map in the footer of every page
- A news page designed to be updated in minutes, not abandoned
- Accessible: keyboard navigable, screen‑reader landmarks, WCAG AA contrast
- No third‑party advertising anywhere on the site
Identity
Colours taken from the crest
Nothing here was invented. Every colour was sampled from the school seal itself, so the site and the crest belong to each other rather than merely sitting near one another.
Torch gold is used only as a filled button or rule with dark text on top. As text on white it fails accessible contrast, so it is never used that way.
Photographs
Which images can be reused
Safe to keep
The crest and three genuine photographs from the current site — the flag ceremony, the junior–senior promenade and the awards night. These are the school’s own uploads, so the school owns them and they carry over.
They are used throughout this draft. They are also low resolution (the largest is 960 px wide), so higher‑resolution originals would help.
Cannot come along
The stock photographs on the current site — “School Application”, “Notebook & Pad” and the two on the About and Activities pages — come from the Wix stock library. That licence covers use inside a Wix site only. Moving to a self‑hosted site voids it.
One image on the Academics page is Unsplash‑sourced and would be reusable, but it should be downloaded from Unsplash directly rather than copied across.
The honest recommendation: drop stock photography altogether. A parent choosing a school in Kaunlaran wants to see this school. Every place a photograph is still needed is marked in this draft with a dashed slot, and the full shot list is on the Campus Life page.
Before launch
What the school needs to supply
Everything marked like this in the draft is a placeholder. Nothing official was invented — no permit numbers, no accreditations, no tuition figures, no enrollment counts, no staff names.
- Enrollment dates for the coming school year
- Tuition and fees, plus payment schemes and discounts
- DepEd permit and recognition numbers
- Confirmed admissions requirements from the registrar
- Preschool levels actually offered
- Names and portraits of school leadership
- Actual class size and enrollment figures
- Office hours
- Which facilities exist, with photographs
- Clubs and enrichment programmes actually run
- The year Junior High School was added
- Directions, landmarks and jeepney routes
Practicalities
How this would actually go live
What does hosting cost?
This is a plain static site, so it can be hosted free on Cloudflare Pages or Netlify. The
only recurring cost is the domain name — roughly a thousand pesos a year for a
.com, more for a .edu.ph, which also requires proof of
accreditation.
By comparison, removing the advertising banner and using a custom domain on Wix requires a paid plan billed annually.
Do the forms work?
Not yet. Both the admissions inquiry and contact forms are complete HTML but have no handler. Before launch they need one of: Netlify Forms, Formspree, or an embedded Google Form. A Google Form is the least technical option and delivers straight to the school’s existing Gmail.
Who updates it afterwards?
This is the question that decides whether the site stays current. The pages are plain HTML files, which anyone comfortable with a text editor can change. If nobody at the school will take that on, a small content manager should be added — or the news page should simply pull from the school’s Facebook page, which is already being updated.
What about the domain name?
Anything is better than wixsite.com/website-1. Something short and speakable
over the phone, matching what the school already calls itself. Secure it before announcing the
new site, and keep the Wix site running until the new one is live.
Is this the finished design?
It is a complete, working draft — every page is real HTML, responsive and accessible. What it is missing is the school’s content and photography. It is meant to be argued with: layouts, wording and section order can all change.
Back to the site
Click through the seven pages as a parent would — and try it on a phone.