web

W1-WEB/07

Website Design

St. Mary’s RC Primary and Nursery School, Denton

Visit

/
The aim was to create a class leading primary school website. The design focused on information flow and navigation as teacher-parent-pupil communication is paramount. Content is built through strong, tailored news and events feeds, which are then distributed appropriately around the site to allow both broad and targeted interaction, with minimum effort. We wanted to achieve a professional and fresh look. Colouring was grown around the existing logo. Consistent icons and colour themes were used throughout to identify content and user-groups, thus improving recognition and navigation. The pupil year group pages intentionally split from the general styling, to create a ‘futurisic, virtual’ world that was exciting and engaging for the pupils and sat nicely with the school’s passion for technology. The pages serve as noticeboards and form the foundations for a more developed learning platform. In July 2013, 6 months after the site was launched, the school jumped two levels to achieve ‘Outstanding’ in their Ofsted inspection. We’re very proud the website received such positive review, with the report describing it as ‘excellent’ and ‘comprehensive’.
web 07 desktop example
/ ‘Excellent’ and ‘Comprehensive’ website2013 ‘Outstanding’ Report, Ofsted
web-07-page-02-upcoming-events-list
website-design-st-marys-home-page
web-page-year-group-locked
web-design-banner-background-pupils
web-design-subtle-link-icons
web-design-clip-glowing-pupil-icon
web-design-clip-reminders-board
web-design-customised-rucksack-graphic
web-design-virtual-school-wireframe
web-design-clip-sports-category-news-tab
web-design-clip-calendar-month-graphic
web-design-school-logo-3d
web-design-clip-sports-icon
web-07-page-16-pta-news
web-07-page-19-upcoming-pta-events
web-07-page-18-calendar-event
web-07-page-20-pupil-acheivement
web-07-page-21-school-uniform
web-07-page-22-school-prospectus
web-page-st-marys-gallery-overlay
web-07-page-12-contact-form
web-07-page-11-enquiry-form
web-07-page-08-sport-news
web-07-page-13-community-links
web-07-page-14-after-school
web-07-page-10-tag-rugby
web-07-page-sport-curriculum
web-07-page-17-curriculum-overview
website-design-st-marys-home-page

Example web page / Home page: The latest news, events and images are summarised and linked in 3 clear columns. Also contains a mini month view calendar, slideshow and search box.

website-design-example-st-marys-calendar

Example website page/ Extensive Calendar: calendar landing page month view. Tooltips contain event summary with links to complete event page. Alternate views are available via the top bar, along with filters for month and type of event.

web-07-page-07-year-group-hover-states

Example web page/ Pupil year group noticeboard : Set inside the computer with sliding panel graphics and screen. Main graphic is based upon the school buildings and playground with ‘portals’ to other ‘locations’. Two hover interactions are shown. Content contains key information (reminders, class notes, references) and links.

St. Mary's static page design example

Example web page/ St. Mary’s static page – a typical example of a static page with links to internal and external PDF documents. The sidebar contains links to all the latest dynamic content (images, news, events), without overpowering the main content.