Adelaide Botanic High School

Inside and out, Adelaide Botanic High School’s architecture of learning is unrecognisable from what came before. Beyond Web was tasked with creating an engaging website to showcase this amazing school. We hope it gives you some ideas on how to refresh your own school website.

Project Details

Adelaide Botanic High School

School Website Design
School Website Development
Marketing & SEO
Maintenance & Support
Website Hosting

Sept 2021

4 Months

Innovation Award (CSSDA)
User Experience Award (CSSDA)
User Interface Award (CSSDA)
Featured of the Day (CSSLight)
Site of the Day (BestCSS)

Making today’s learning count in tomorrow’s workplace.

Adelaide Botanic High School is a coeducational public secondary school situated on Frome Road in Adelaide, South Australia. The school’s campus is situated on land adjoining the Adelaide Botanic Garden and the former site of the Royal Adelaide Hospital and University of South Australia.

Adelaide Botanic High School is the first truly vertical school in South Australia. The school features six learning levels plus a basement and an open-planned atrium space at ground level. Learning spaces have been designed to cater for a contemporary, interdisciplinary approach to learning which mirrors what students can expect when they enter tertiary study or the modern workplace.

Inside and out, Adelaide Botanic High School’s architecture of learning is unrecognisable from what came before. With research underpinning every innovation, their guiding values of Community, Curiosity and Excellence are the building blocks of their unique DNA. Each element of the student’s learning experience is designed to present them with a virtual tour of the education and workplace landscapes they will inhabit. So as their graduates fall into future at full speed, they are equipped with the knowledge, adaptability, and resilience to thrive.

Showcasing the new vertical campus and facilities.

With COVID-19 restrictions in Australia stating that no parents could access any educational establishment, it was challenging for parents to connect with their children’s new learning environment. This new website and content were constructed in a way that takes into account the changing needs of their community.

By providing insights into the new campus, they were able to give their community a chance to see what is happening in the school. It has given the community a window into the new facility, reducing anxiety felt by parents and other members by allowing them to feel part of the experience and journey.

The new website featured several unique and interactive elements to enhance the user experience including an interactive map indicating the location of the campus in relation to several well-known landmarks around Adelaide. This immersive approach provided a real flavour of life at the ‘new’ Adelaide Botanic High School, with a warm and welcoming tone.

A website full of features to be proud of.​

Beyond Web designed the website to look sleek and modern, allowing the impressive branding and images to speak for themselves, without too many distractions. The menu is unobtrusive and uncluttered, so you can get right to the content. 

Adelaide Botanic High School wanted to support their international community. Therefore, they needed a professional translation feature to quickly deliver translations of a high standard across the entire website. The accurate translations have significantly improved the quality of the website and ensures the design stays consistent across all the languages.

Adelaide Botanic High School’s Values were something that Beyond Web wanted to ensure were prominent across their website. The schools core values ‘Their DNA’ feature heavily throughout the website, represented by the branded patterns this allows the school’s values to be immediately obvious to visitors. As well as appearing on the home page, these branded patterns allows them to be seen and explained in a clear and concise way

Beyond Web is always looking for ways to keep the community in the know about what’s happening at their School. We accomplished this by implementing a blog, so the School can post notices or longer stories with photographs and videos. This keeps the School community engaged and informed.

The end result, a unique engaging school website.

When we were first contacted by Adelaide Botanic High School, they were looking for:

  • A fully customised school website they could be proud of.
  • Unlimited, dedicated support from a AUS-based team
  • An easy-to-use, intuitive content management system
  • A digital partner who genuinely cared about meeting the school’s objectives.
  • The Beyond Web team was delighted – this is exactly what we offer to our clients!

Having been recommended to approach Beyond Web by one of our other clients, Prahran High School we put together a detailed proposal for Adelaide Botanic High School outlining what we could provide in line with their budget. Even though we met them remotely, we felt that we clicked with Melanie Merlino (Marketing and Communications) and Alistair Brown (Foundation Principal) from the very start. With that confidence, we were able to assess what was needed for an effective website and set out a roadmap for its completion.

As with all Beyond Web school websites, the new Adelaide Botanic High School website is fully responsive across devices. We knew that about half of all searches now happen on mobile devices, so we made sure the site could work efficiently with both old and new technology. It was important to leave no features behind, so we designed the website responsive and ensured that everything works well on any type of internet-enabled device.

All Beyond Web clients are entitled to unlimited web support after their website goes live because we want our customers to be able to find what they need whether or not it’s during business hours. We want our customers to put their best foot forward and be able to enjoy managing their website. When they keep it updated, it not only benefits the site ranking but the customers themselves with an improved experience.

Let’s not waste time persuading you about how much we admire the new Adelaide Botanic High School website. It’s best to see it for yourself! Visit the website, no matter whether you’re on a mobile phone, tablet or PC and find out more about the great opportunities Beyond Web can offer. We are grateful to have completed this project. The students, parents, teachers and community that worked on it gave us all an amazing opportunity to work with one another. We are so proud of the final product – thank you Adelaide Botanic School for giving everyone involved a platform where we could showcase our skills.

International Award Winning Website.

Adelaide Botanic High School’s new school website has been named the winner of three international design awards. The Beyond Web team won awards for Innovation, User Experience (UX) and User Interface (UI) design in the prestigious CSS Design Awards (CSSDA). The project also achieved an honourable mention and was the recipient of a Special Design Kudos Award from CSS Design Awards.


Adelaide Botanic High School’s website was chosen as ‘Featured Site of the day‘ by CSS Light. CSS Light is a stunning platform to showcase and promote new talents and trends in the world of designing. They focuses on wide range of websites possessing unique skills in aesthetics, creativity, presentation, and coding. 

Adelaide Botanic High School’s website was also chosen as ‘Site of the Day‘ by Best CSS. Best CSS has a high level of acceptance and it attracts recognition worldwide. The Site of the day websites are in a tight competition. It is a privilege for a website to be a daily Site of the day at Best CSS. These websites are placed among other websites of the same class of the designer community.

Our Process

Stage 1. Discovery

We want to know more about what makes your school tick. We treat this stage of deployment the same way we would any other scientific discipline, wherein you will provide our Project Manager with some key assets and after an in-depth kick off call we'll begin analyzing each component to build a site that is uniquely yours.

Stage 2. Design

During the design phase, you will see your vision come to life and exceed all expectations. We will produce an initial design of the homepage, we then produce a one page master template using our modular block approach. You will have the chance to provide feedback on your homepage and interior pages.

Stage 3. Build & Launch

Once you have been approved, your front-end developer will start crafting your website by coding it and making sure the design works across every browser and device. Your site will also go through a rigorous Q&A process to make sure it's mobile-friendly, cross-browser compatible, and much more.

“Working with Beyond Web was a pleasure from start to end! They understood our website brief and delivered an end result that is contemporary, intuitive and thoughtful. The service provided has been responsive and comprehensive throughout.”

Alistair Brown

Principal - Adelaide Botanic High School

Start your digital transformation today!