top of page
Mockup_Benedict_V03.png

Benedict Rebranding

The Benedict Schools redefined their visual identity with a refreshed logo, custom icons, and a clear design system that balances modernity with tradition. The new brand reflects accessibility, structure, and personal growth across all media from print to digital.

05_Website visual 01 case benedict.png

Project Contribution

This project began as a classic rebranding assignment. With the school’s headquarters relocating, the aim was to create a fresh, modern, and younger brand appearance. My focus was on UX design and strategy, guiding a gradual transformation from the outdated website to the new visual identity. I helped shape the visual language, define key visuals, and support a step-by-step rollout across web, print, and digital platforms while maintaining continuity with the school’s established reputation.

UX Strategy
Planned a phased transition from the old to the new website to ensure a smooth and intuitive user experience during the rebranding process.

Visual Language for UX
Developed key visuals and translated them into interface components and content structure to support usability and brand consistency.

UI Design System
Collaborated with the team to define modular UI elements based on the new identity, ensuring clarity, accessibility, and cross-device consistency.

The Challenge

The new brand identity was quickly accepted, but its implementation moved forward cautiously and in small steps. The previous website had functioned reliably for over 20 years, and the school had remained successful throughout that time. This made the CEO understandably hesitant to make major changes. Although it was clear that the relocation of the headquarters called for a more modern and forward-looking presence, a full relaunch was initially difficult to approach on an emotional level.

The website, in particular, required a careful transformation. As the primary information source for students, it had to remain functional and accessible throughout the transition. The challenge was to gradually modernize the website over time while introducing the new visual identity in a way that felt natural and unobtrusive.

Instead of a sudden relaunch, the new design was introduced in carefully planned phases. This allowed the brand and website to be updated step by step while maintaining the trust of stakeholders and supporting the school’s long-term strategic direction.

Benedict_Transition_V02.png

From Trusted Legacy to a Young Modern Website

The previous website had served for many years but had become increasingly overloaded – with too much information, inconsistent buttons, multiple fonts, and a restless layout. Users could access the same content through several different paths, which made navigation confusing.

With the launch of the new campus, a new website was introduced using the updated branding for the first time. It acts as a test run and familiarisation phase for students. The new site drastically reduces content to create clarity, focus, and a calm, modern atmosphere.

Benedict_Transform_V01-02.png

The yellow highlights reveal the chaotic layout. Too many elements compete for attention. While the intention to offer users multiple options is good, it quickly becomes overwhelming and reduces usability.

Benedict_Transform_V01-03.png

The new site is the radical opposite. It is simpler, calmer, and supported by strong imagery that reflects the new location.

Benedict_Transform_V01-04.png
Benedict_Transform_V01-05.png

Elements like the header follow a minimalist approach. Navigation is placed within a burger menu, and all content from the old website has been restructured and consolidated for clarity.

bottom of page