St John Bosco Arts College

Dynamic responsive school website for an outstanding ‘all girls’ school
who have recently moved into incredible new facilities.


The Brief

St John Bosco Arts College is an outstanding ‘all girls’ school thats recently moved to amazing new school building and sports facilities. In partnership with Media and Digital we are delighted to have been selected in a national pitch to work with this outstanding school as they tackle the exciting challenges that their new building, location and capabilities offer. The core aim was to create a unique look and approach, making the school stand out by showcasing the outstanding achievements of their pupils. 
  

Our Solution

A new fully responsive website was developed for the school, with a low maintenance content management system that is extremely easy to use allowing staff to quickly update content at short notice and with minimal computer skills required. 

The new school boasted a impressive range of meeting rooms, event spaces and state of the art sports facilities, and part of the new sites remit was to maximise this valuable resource. 

This was achieved by having detailed information and imagery of the facilities as well as adding the ability for people to book these Facilities online, enabling the school to generate revenue from their fantastic school & sports facilities.


Websites for Schools & Education

Once the new site is built keeping all this information relevant and up-to-date can be a demanding task. Duo have worked for a number of years with primary schools, secondary schools and further and higher education establishments building up key insights and have developed specific tools to streamline this process. All Duo Designs services and solutions are all focused on making the difficult things easy for our clients to achieve. 

A key task for any school is the effectiveness to communicating their message and abilities to wide range of stake holders, Governors, Ofsted, parents, teachers, pupils, users of the school building facilities, this is especially important as each of these users types wants to find out information about the school thats specific to their individual needs. 

A core component of Duo's web design process includes us assisting our schools with this organisation of information, the ideal website architecture and best practice for displaying, organising and giving controlled access to data. This is a key first step that together with each school we workout the best solution to make it easy for their website users to find what they need easily and quickly. 

Our schools can tap into Duo's experience and ability to tailor our solutions to build focused dynamic online marketing and business critical websites. 

    


 

St John Bosco Easy Edit school Website Design in Liverpool

Responsive School Website tested across all major browsers & devices

As with any web presence over the recent years, it has become increasingly important to have a site which works as well on mobile as on desktop. More websites are now loaded on smartphones and tablets than on desktop computers.

Responsive websites are built on a flexible, fluid grid that adapts and reformats to the browser or device that is rendering the website. 

Mobile is now a key user-base with Multi Device users on the internet now at an average of +60%




Visually Dynamic Image Slideshow System - engaging image call-to-action

Visually Dynamic Image Slideshow System - engaging image call-to-action

The strength of this system is that it is easily customizable by the website editor. With each slide able to have a different image, fully editable overlaid text and specific weblink applied so the slideshow becomes a practical key call-to-action feature. 

Also there are style variations prepared so it can be used across the site as banners and within the page content areas adding real visual impact.

Dynamic Header Slideshow | In-page Images slideshow | Photo Gallery & Light-box Functionality




Bosco school Interactive Menu for Mobile and Desktop


Deep nested interactive menu for mobile & desktop

The St John Bosco Art College website is required to house a quite detailed high amount of information, around day to day activity, compliance, policies, results etc. Making this information quickly accessible on mobile devices involved developing a deeply nested interactive menu, allowing users to drill down to the information they need. 

So navigation allows the user to expand subsections of content while still being able to access the main section, more importantly this is all done effortlessly maintaining the simple clean design of the navigation on mobile and desktop devices.



Member's Area - controlled access to content & documents on St John Bosco Art College Website

Member's Area - controlled access to content & documents

Some information on your school website should only be available to specific users ( Separate Secure Login Areas for - Staff / Ofsted / School Governors ). To enable this, we can set up a secure members area / Intranet facility. This feature includes:

- User Management System - allowing you to administer users, adding, editing and assigning to groups.
Permissions Management - ability to assign access of pages & documents to specific user groups.
Member Tools - allows your users to log in/out, update their details, reset their password. 

We also have the ability to feature specific tools for members, i.e. Room Booking, Discussion areas etc.



Integration of Third Party Applications on the HMK Website


Social Media Integration - ability to Push & Pull social content

Enhanced methods of integrating your site with various social networks.
- Integrated Facebook ‘Like’, Twitter ‘Tweet’ & ‘Share’ Buttons
- Social Links Buttons included as part of the core design layout.
- Integration of Twitter Feed - pull your content from twitter back into the website.

With  any site design process we are only to happy to give some guidance and advice on our experience of optimising social channels and integration of social platforms, tools available for optimising your time and social activity, scheduling posts, best times to post, etc. Also as a client you have access to useful resource material to help your team develop online expertise and experience. 



Easy to Use Online Document Management - streamline your letter distribution on Bosco Website

Easy to Use Online Document Management - streamline your letter distribution

Even in the most modern of schools, it's still necessary to send letters, a common scenario is the need to send letters to parents, informing them of upcoming parents evenings, permission letters for school trips etc. To help schools to remove/minimise the need to post out information, our school websites all come with an easy to use document management system making it easy to maintain the website and to upload and distribute your letters online. So this allows the school to upload various information in an easy to download and print format (in all file formats including Word, Excel, Powerpoint and PDF's).

The system also has a permissions system built in and with the addition of a  website members area these documents can only be available to those who should see them ( for example - School Governors, Staff, Ofsted ).



Booking Facilities - Easily generate revenue from your school & sports facilities


Booking Facilities - Easily generate revenue from your school & sports facilities
 

The St John Bosco college website is required to house a quite detailed high amount of information, around day to day activity, compliance, policies, results etc. Making this information quickly accessible on mobile devices involved developing a deeply nested interactive menu, allowing users to drill down to the information they need. 

So navigation allows the user to expand subsections of content while still being able to access the main section, more importantly this is all done effortlessly maintaining the simple clean design of the navigation on mobile and desktop devices. 
 



Calendar & Events Management - smartphone responsive for schools

Calendar & Events Management - smartphone responsive  

Schools always have things going on, communicating this active calendar to everyone can be time consuming and potentially take great forethought and planning to make sure everyone is informed.

To help alleviate the efforts required, our school websites feature an inbuilt calendar system. This allows members of staff to add all their future events which can easily be flicked through by all users of the website. The system has a powerful 'Date Ranges' feature enabling website editors to setup an events which can repeat daily, weekly or monthly to massively simplify adding recurring dates.

Many of our schools add all the information to their calendar system at the beginning of the school year, the website is then smart enough to display upcoming events on the home page so everyone can see the next five events. 



Custom Interactive Map & Directions - Google Map Integration on Bosco School website


Custom Interactive Map & Directions - Google Map Integration

Utilising Google Maps on the contact page for highlighting your location and integrated directions tools can massively enhance the usability of the contact page, especially as this is all fully functional on desktop and mobile so is completely interactive on the move.

This could even be utilises within other areas of the site where location is a factor, so for example all events could have the option to include a dynamic map as part of the layout based on the postcode of added for the event. 




Website Type

Duo CMS - Easy Edit Website


Client Location

Liverpool, Merseyside, L7 6HQ


Features

Image Slideshow
Calendar Element
Members Area
Room Booking System
Social Media Integration
Google Map Integration


Launch Date

February 2015 / Redesign & Upgrade October 2017


Website Address

www.stjohnboscoartscollege.com


More Websites

« Back to Portfolio Page

Contact Us Arrange A Meeting Get A Quote