Skip to main content

Our Lady's Prep

School Website

Back

A school website built using Silverstripe, SCSS and PHP.

This site was built in 2019. I’ve included it here because I really loved the design and enjoyed building it. Also this was the first time that I needed to use SVGs and keyframe animations to draw in the line images. Since then, a lot of other schools have loved this feature and included it on their own websites.

The various shapes appear on the homepage and at the bottom of the content on every inner page. Each navigation heading has a different image for that section.

You may be able to see quite a few differences between the design and the live site, this is because the school have requested certain aspects be altered to fit their changing requirements. They have also not updated their calendar or news section and this is reflected in the homepage modules. Typically we would remove the modules that aren’t being used but they have requested that they stay.

Technical

  • PHP
  • MySQL
  • HTML5
  • Silverstripe
  • MAMP
  • CSS3
  • SCSS
  • Gulp
  • NPM
  • Javascript
  • JQuery
  • Plesk
  • Adobe Illustrator
  • InDesign
  • Photoshop
Copyright © All Rights Reserved