Middleton International School
Middleton International School sells a rare promise in Singapore: an international education at fees families can actually manage. We rebuilt their website around that story (campus-first structure, a fee calculator, a direct path to a school tour), and the platform still carries the school today as it expands into Bangkok.
A WordPress platform restructured around Middleton's campuses and its fees story, built in 2021 and still running the school's admissions funnel as the group opens its Bangkok campus.
What we were solving
Middleton International School is part of the EtonHouse International Education Group, one of Asia's most established education operators. Its pitch to parents is unusual for Singapore: a rigorous, inquiry-led curriculum running through to Cambridge IGCSE and International A Levels, at fees a dual-income family can manage. Affordability is not a compromise in Middleton's story. It is the headline.
The website told none of this well. The school had grown quickly across multiple campuses, and the site had grown with it in the worst way: pages bolted on as needed, inconsistent formatting from section to section, and too little of the imagery and video that make a school feel like somewhere you would send your child. Campus information, fees and calendars sat scattered across flat, hard-to-guess URLs. For a parent comparing schools (and every prospective Middleton parent is comparing), the site made a well-run school look disorganised.
Success meant a site that could do what the admissions team does in person: show a warm, genuine school, answer the fees question honestly and early, and move a curious parent to a booked tour.
How we tackled it
Structure the site the way parents think
A parent does not browse a school group. They browse a campus: the one near their home, with its own fees, calendar, facilities and teachers. So the information architecture was rebuilt campus-first, giving each campus its own clean section (fees, facilities, calendar, extra-curricular activities) under a URL a human can read. School-wide content (philosophy, curriculum, leadership, the EtonHouse story) sits once at the top level instead of being duplicated per campus.
That restructure meant every legacy URL changed. We mapped the old site's pages (years of open house invitations, thank-you pages and news posts included) to their new homes and redirected them, so the search rankings the school had built since 2016 followed the content rather than dying with the old structure.
Put the fees story to work
Fees are Middleton's sharpest differentiator, so we built tools around them rather than burying them in a PDF. A custom fee calculator gives parents a figure for each campus based on their child's age, turning the most awkward conversation in school admissions into a self-serve answer. From there the site funnels to one action: book a tour, via a HubSpot landing page and integrated forms that drop every enquiry straight into the school's CRM.
A build the school's team can run
The site is a custom WordPress child theme on the Beaver Builder framework, with custom post types for teachers, leadership and parent testimonials so the school updates its own people and proof without a developer. YouTube video backgrounds bring the campuses to life on key pages. The design itself follows the brief the school gave us about its ethos: warm, genuine and conversational, not corporate. After launch, Middleton moved onto our website maintenance plan, and we later upgraded their hosting server as traffic grew.
What we delivered
The rebuilt site gave Middleton a platform that matches how the school actually sells: campus by campus, fees up front, tour booking one click from everywhere. The school reported a lift in engagement, tour sign-ups and enquiries after launch, and the working relationship never ended (Middleton has been a maintenance client since the site went live).
The better measure is durability. Five years on, the school has consolidated its Singapore operation at Tampines (now running Nursery through Grade 12), added a pre-school in Surabaya, and is opening its Bangkok campus in August 2026. The site handling that expansion is still the one we built. The campus-first structure that once separated Tampines from Upper Bukit Timah now stretches across three countries without a redesign.
What we learned
Information architecture is a marketing decision. The most valuable work on this project was not visual; it was reorganising the site around the question every parent actually asks ("what does this campus cost, and when can I see it?"). When the structure matches the buyer's mental model, the design's job gets much easier.
The second lesson is to build for the client's next chapter, not their current one. Campus-first architecture was the right call for two Singapore campuses in 2021. Nobody planned for it to absorb Indonesia and Thailand, but because campuses were modelled as first-class sections rather than hard-coded pages, it did. Growing organisations need structures that scale sideways.
And for schools specifically: the fees page is not an administrative page, it is a landing page. Treating it that way (calculator, clarity, a tour CTA) respects the family doing the maths at the kitchen table, and it is exactly those families Middleton exists for.
