Imperial College Business School needed an online presence to reflect their World-renowned reputation; their old site was cluttered and provided a broken user-experience. Additionally, The Business School wanted to be their own global brand, rather than simply an extension of Imperial College.

 

 

We worked on the site from the ground up—firstly looking at the site architecture, addressing any duplication of content and repositioning pages that felt out of place or disconnected. The look and feel was largely dictated by the brand guidelines in place for both Imperial College and their Business School. However, we had the opportunity to bring certain brand elements into the current digital age—such as the transition from FontFont’s Meta typeface, to the more refined digital equivalent—FiraSans.

 

Various page iterations and concepts were mocked up, exploring different ways to utilise the existing Imperial College brand assets.Concise page templates were then designed to accommodate the few hundred (previously 1500+!) pages the School needed.One of the key areas we worked on was creating a consistent hierarchy to the page content—enforcing strict and suitably refined type styles. Not only does this add visual appeal to the sites pages, it also allows users to read through the content-driven nature of a Business School’s website in a faster and less-strenuous way. 

 

The use of interactive maps, pullout quotes, infographics, accordions and dropdowns helped add visual interest to previously very dull, text-heavy pages. We reworked accessibility issues and introduced a secondary navigation coupled with a breadcrumb trail to help the user know both where they currently sit in the site and how they can get quick access to other related pages.

 

 

View more of my work—