St Johns College
Modernizing St Johns College’s web presence while honoring its heritage. The initiative preserved existing typographic and color choices while ensuring compatibility with modern devices, reassuring stakeholders that the school’s essence would not be lost.
Heritage-Led Homepage
St Johns College needed a modern web presence that still respected the school's established visual identity and reassured stakeholders that its heritage would not be lost.
The homepage preserved familiar typography and colour cues while updating layout, responsiveness, and presentation for modern devices.
Divisions and Foundation Content
Each school division needed to be visible from the homepage, with enough structure for different audiences to find the right part of the institution.
The design used image-layered headings, sub-side navigation, and foundation content areas to support deeper exploration without making the site feel generic.
Search and Navigation Detail
Search and secondary navigation were redesigned to feel specific to the school rather than a default site function.
Collapsible menu content and customised search results made the site easier to use for parents, students, alumni, and staff moving through different information needs.
Product strategy, design systems, enterprise UX, and clear digital product delivery.
If you are hiring for a senior product design role or need a designer who can shape complex product work from strategy through interface detail, get in touch.
Discuss a role