top of page

Huddersfield Rebranding

类型:

网页设计

日期:

客户:

2024 年 1 月

哈德斯菲尔德大学

关键字:

网页流

关于

During a market research in July 2023, 67% of the students reported:

"I can't recall the logo for Huddersfield or the colours representing Huddersfield. Also, the texts on the website are slightly difficult to read."

Based on students' feedback, the UX/UI team discovered the following problems with previous branding:

  • Logo: not graphical and colour-wise consistent

  • Typography: inaccessible and inconsistent font style

  • Colour palette: inconsistent colours

Graphic 1: The logo is not graphical and or colour-wise consistent.
Graphic 1: The logo is not graphical and or colour-wise consistent.

Graphic 1: The logo is not graphical and or colour-wise consistent.

Graphic 2: Two types of fonts are displayed on the same webpage, and Foco (second arrow) is not modern and accessible.

Graphic 2: Two types of fonts are displayed on the same webpage, and Foco (second arrow) is not modern and accessible.

Graphic 3: Two shades of brand blue are displayed on the same navigation.

Graphic 3: Two shades of brand blue are displayed on the same navigation.

Solutions

Logo

 

The University of Huddersfield identifies itself as a Higher Education institution that inspires global professionals.

Based on competitive research of all HE institutions' brands across the Yorkshire and Humber region, the following opportunities to reposition the logo were found:

  • Letter "H": 0 universities use the letter "H" as a part of their logo.

  • "Global": 0 universities use the concept of "global" as a part of their logo.

 

Hence, the letter "H" with a globe can be a distinguishing logo for the University of Huddersfield. Here is the result of the redesigned logo and the concepts behind it:

Graphic 4: Redesigned logo and the concepts behind it

Graphic 4: Redesigned logo and the concepts behind it

Typography

 

Based on UI design trends, sans-serif fonts, compared to serif fonts, have the following benefits:

  • Enhancing accessibility by increasing readability

  • Working well with little space for copies

 

Hence, Albert Sans replaced Foco as the typography for Huddersfield's website.​ Here is the result of the redesigned typography:

Graphic 5: Redesigned typography and how it's applied to the text hierarchy

Graphic 5: Redesigned typography and how it's applied to the text hierarchy

Colour Palette

 

Based on colour psychology, blue gives people a sense of authenticity and trust, which fits the university's organisational image very well. However, the previous blue was very dull. Hence, Blue Ribbon (Hex: #0066FF) was chosen to add vibrancy and energy

Additionally, the university has been promoting its TEF Gold award, hence orange colours with Hex numbers starting with #FF (to go with Blue Ribbon #0066FF) were added to the colour palette.

Here is the result of the redesigned colour palette:

Graphic 6: Redesigned colour palette and the emotional impacts of each colour

Graphic 6: Redesigned colour palette and the emotional impacts of each colour

Problems
Solutions
© 由 Xuechun Lin 设计。保留所有权利。
bottom of page