portfolio

Whitchurch High School

As a student with an interest in computer science and programming, I've always thought of ways in which apps & sites can be improved so I approached Whitchurch High School with some design proposals, pages and components on a voluntary basis.

Project Overview

As a student with an interest in computer science and programming, I've always thought of ways in which apps & sites can be improved so I approached Whitchurch High School with some design proposals, pages and components on a voluntary basis. Over the course of two years I have improved the site-wide JavaScript, implementing several small changes which amount to make the site much easier to use and manage.

For example, the navigation menu is now loaded from a separate file, rather than having to be modified manually on every webpage, the title of each page is set automatically based on the page content. Alongside some script changes, I have improved the site's styling and mobile responsiveness, with easier to read fonts, section navigation components, image galleries, embed video modals, and designed the site-wide logo that features prominently at the top of the website.

I have also developed several larger script components, such as the News Archive, which allows articles from their old website to be restyled, and automatically converted into the new website without any need to modify any of the website's files. My most recent component is the School Calendar and Upcoming Events slider, which uses an Excel spreadsheet to manage, and then the website can intepret the events and organise them correctly, whilst allowing them to be filtered by category too.

To assist with SEO, I have added favicons, 'Apple Touch Icons', contributed many news articles to the School News section, and adjusted the site titles to be different on each webpage. In addition to this, I have implemented several webpages, such as the School News & Events and also designed their Sixth Form Prospectus. For an overview of the functionality within their website, please see below.

  • News Carousel
  • Site-wide Logo
  • Responsive
  • News Archive Tool
  • School Calendar, Upcoming Events & Documentation
  • Sixth Form Prospectus
  • Modular Navigation Bar
  • JavaScript Improvements

Visit Whitchurch High School's website at www.whitchurchhs.wales!