Selected Work

Saint John School Website Redesign

PROJECT TYPE

In 2017, my company was hired redesign Saint John School’s website, previously hosted on a do-it-yourself website platform. I designed and developed a responsive website that reflected a vibrant school community in a beautiful campus setting and leveraged WordPress to make it easier for the staff to update and edit the school’s website. Initially, the website served as an information portal for parents, students, and prospective families. Fast forward to 2023, and we were once again approached, this time with a mission: modernize the website and re-brand it to cater primarily to prospective families and promote giving opportunities. Our task was clear – emphasize admissions, streamline the admissions process, strategically promote donation opportunities, and raise awareness about various funding options.

Original Saint John School Website
Original Website
2017 Website
2017 Redesign

My first step was to create a visually-appealing site that would captivate visitors from the moment they landed on the homepage. The menu was simplified so that visitors were funneled to key areas. I created design patterns, custom color palettes, and templates that aligned seamlessly with the school’s branding.

Donation opportunities were strategically placed throughout the site. In collaboration with the school’s team, we designed prominent donation call-to-action elements. Clear, compelling messaging and visually engaging layouts were used to ensure that Saint John School’s mission was conveyed effectively to website visitors.

TYPOGRAPHY


COLORS