Website Design for St Margaret's CE Primary School

Warrington, Cheshire

Website Design for Academy School Warrington - Joomla Web Site Designer Website Design for Academy School Warrington - Joomla Web Site Designer Website Design for Academy School Warrington - Joomla Web Site Designer

St Margaret's CE Primary School asked if we would redevelop their old Joomla! website which was out of date and not mobile-friendly.

This case study outlines our approach to creating a website design to meet the school's needs.

 

Our Approach

When the school asked us to create a Responsive Website Design we first of all installed the latest available release of Joomla! CMS on a server with restricted access (limited to the school and ourselves) to facilitate collaboration during the website design process.

We then customised the Joomla! CMS website's Content (categories, articles and modules) and Navigation Structure (menus and menu links) to meet the school's needs.

Finally, we created a customised version of our WYNCHCO Template, incorporating the design elements described in this case study, to project the school's website and brand across the widest possible range of devices (phones, tablets and PCs) and screen sizes.

Our aim: to create a responsive website design that is accessible to the widest possible audience.

In our view a Responsive Website Design is one which:

  • looks great across a wide range of devices regardless of screen size,
  • is accessible to the widest possible audience,
  • enables you to quickly and easily change website content, branding and appearance.

A WYNCHCO Template Design comprises:

  • three Style Sheets,
  • dozens of Custom Styles organised into groups,
  • each of which can be changed in an instant via the website Dashboard,

putting control of your website's Look & Feel at your finger tips.

 

Template Customisation

Here are some of the changes we made to our benchmark WYNCHCO Template to meet the needs of the school.

Brand

The school wanted a Site Banner to be displayed on the left side at the top of their website in Landscape View.

And the Site Banner to be displayed at the top in Portrait View.

The school could have instead chosen to display a Site Title in Portrait View on small screen devices.

And they still can, if they toggle the relevant button in the Template Styles screen of their website's control panel.

They might also choose to display a Strapline.

As requested we linked the website's Brand to the Home Page, but the school can easily change this whenever they wish.

For example, link the Site Banner or Site Title to the Contact Us page.

The school followed our recommendation to display a Copyright Statement at the bottom of their website.

The Copyright Statement date can be changed via the Template Styles screen.

 

Display Format

The school initially opted for a Fixed Width website display.

Their website was displayed in the centre of large screens whilst filling the entire width of small screens.

They subsequently changed their mind, choosing instead a Full Width display, meaning their website fills the screen width on all screen sizes.

 

Fonts

WYNCHCO website designs include a number of self-hosted Google Font Family Style Sets.

More can be added upon request, and you can even add your own, choosing from more than 800 fonts listed in the Google Fonts Directory.

The school liked the Open Sans font.

 

Images

WYNCHCO website designs include Image Style Sets to enable you to quickly style any one image when editing an Article.

For example, you might want to display a colour image in greyscale or sepia, or display it as a polaroid photograph, or change the rounding of its corners.

But we also make it possible for you to change Corner Roundings globally (i.e. for ALL images in your website).

How? By toggling a button in the Template Styles screen of the website's control panel.

The school chose to initially display all images in their website with rounded corners.

 

Screen

The school opted for their website to be displayed in browsers against a white background.

They could have instead for a gradient background, a repeating pattern background or one large image background.

They still can whenever they wish.

It is easy to change the screen background image or colour.

 

Text Size

The school opted not to change the default Text Size and Letter Spacing.

They can adjust this setting any time they wish, simply by toggling a few buttons in the Template Styles screen of their website's control panel.

For example, increase the Text Size.

 

Website Customisation

We also made several customisations of the default Joomla! CMS to meet the school's specific needs.

This involved installing and configuring a number of Third Party Extensions.

Cookie Bar

The school asked us to install and configure a Cookie Bar Module for use with their website.

Reason: to comply with UK General Data Protection Regulations (GDPR).

 

Google Translator

The school asked us to install and configure a Google Translator module for display at the bottom of their website.

 

Slideshow

The school asked us to install and configure a Slideshow Module to display images at the top of the Home Page.

 

Website Design Warrington - Joomla Web Site Designer - Academy Schools North West UKKen Edwards - Website Designer

Ken has more than 10 years experience creating Joomla! website designs, including for academy schools, in Warrington, Cheshire, Greater Manchester, Merseyside and North West England.

Need help? Just ask

Need help? Just ask

 

For Personal Joomla! CMS Support

Call Customer Support on 0161 818 8228Call Customer Support on 0161 818 8228

We offer Joomla! CMS website design and support services to businesses, schools, public sector and third sector organisations across Cheshire, Manchester, Merseyside, and the North West from our office in Warrington.

If you are based in the UK but outside the North West, we can still help.