Middleton International School

Crafting an Engaging Online Experience for Middleton International School


Middleton International School, based in Singapore, stands out as a top-tier international school that strives for excellence in education. The school is part of the EtonHouse International Education Group, leveraging decades of expertise in operating high-quality international schools globally.

Middleton offers a rigorous curriculum blending international and local learning outcomes, catering to students from Pre-school to High School. Their inquiry-led educational approach focuses on engaging learners and fostering their happiness and well-being. Additionally, Middleton is known for its affordability without compromising the quality of education, making it a unique player in Singapore's international education sector.


Middleton International School


Our role:

portfolio middleton full

Our Approach

At Chillybin, our approach to the Middleton International School project was meticulously crafted to align with the school's ethos and functional requirements.

Intuitive and Mobile-First Design

We prioritised an intuitive, mobile-first design, recognising the importance of seamless navigation and interaction on various devices. This approach ensured that the website was accessible and user-friendly, regardless of the device used, providing an optimal user experience.

Visual Appeal that Resonates

Understanding the school's ethos of being caring and genuine, we aimed to create a design that feels genuine and warm. This involved selecting colour schemes, layouts, and visual elements that reflect the school's nurturing and welcoming environment, thereby strengthening the school's brand identity.

Simple, Conversational, and Engaging Content

Our content strategy focused on developing straightforward, conversational, and engaging content. This approach was chosen to ensure visitors could easily understand Middleton's offerings and values. The content aimed to connect with the audience on a personal level, making the website not just informative but also relatable.

Logical and User-Friendly Navigation

We ensured that the site structure was logical and user-friendly. This aspect of our approach was critical in allowing visitors to find the information they need quickly and efficiently. A well-structured navigation system contributes significantly to the overall user experience, reducing bounce rates and increasing user engagement.

By integrating these vital elements into our approach, we created a website that meets the functional needs of Middleton International School and resonates with its core values and ethos.

portfolio middleton design 1

The Problem

Middleton International School's previous website was underperforming, primarily due to insufficient use of images and videos, leading to a lacklustre representation of the school's vibrant environment. Additionally, inconsistent formatting across different pages resulted in a disjointed user experience, hindering effective communication of the school's values and offerings.

portfolio middleton design 3
portfolio middleton design 4

The Solution

In response to the challenges faced by Middleton International School, Chillybin implemented a comprehensive solution that addressed each aspect of the website's shortcomings. Our tailored approach encompassed various key areas, ensuring a complete transformation of the school's online presence. Here's how we tackled each component:

Custom Layout Design

We developed a custom layout design for Middleton, focusing on a purposeful user flow. This included wireframes and concepts for the homepage, About Us page, internal pages, and a 'Book a Tour' landing page in Hubspot.

Technical Development

Our team built a WordPress child theme powered by the Beaver Builder Framework, adhering to best-practice web standards. This included comprehensive testing and debugging across various browsers. We also developed a fee calculator for each campus based on the child's age.

Custom Content Integration

We created custom post types and taxonomies for the team testimonials and designed the Hubspot landing page. Integration of Hubspot contact forms using a WordPress plugin and embedding YouTube videos as backgrounds or content were key features.

Post-Launch Services

Post-launch, Middleton enrolled in our Website Maintenance service. We also assisted in upgrading their website server for optimised performance.

Impact and Ongoing Support

The revamped website significantly improved user engagement, evidenced by increased tour sign-ups and inquiries. Our ongoing website maintenance and enhancements have ensured that the website continues to meet the evolving needs of Middleton International School, reflecting our commitment to long-term client success.

This case study highlights Chillybin Web Design's ability to effectively understand and address client needs, showcasing a transformative journey from the old to the new website, with tangible improvements in user experience and engagement.

portfolio middleton design 2