The image shows a close-up of a screen with the word "IMPERIAL" at the top, in a bold, capitalized font. Below it, large white text reads, "Scientific imagination for world-changing impact." The background features abstract, organic shapes in shades of dark blue and yellow, giving it a fluid and dynamic feel. The lower part of the image includes a search bar with green accents. The overall design is modern and visually engaging, likely related to a scientific or academic institution.

Imperial College London is a globally-renowned university. Its scale and impact is impressive, with 23,000 students and 8,000 staff, cutting-edge research with collaborations in 192 countries, and 284 startups launched in the last five years from its enterprise incubator.

Imperial had a new organisational strategy, and had commissioned a rebrand from the famous branding studio, Pentagram. This was the catalyst for change, and the digital team at Imperial seized the opportunity to take a fresh look at their website.

They brought in Clearleft to redesign the website in order for it to better represent Imperial’s incredible achievements, stories, people, and community. What’s more we needed to take Pentagram’s radical new branding and make it work for the website.

The new Imperial website is now live and looking amazing. We’ve had lots of positive feedback already, and the go-live went smoothly. It’s a big improvement and a focal point for the new Imperial brand. It’s been great working with you over the last eighteen months.
A headshot of a man with short, light blonde hair, wearing a dark blazer over a navy blue shirt. He is smiling warmly at the camera, with a bright, well-lit background that includes some greenery, creating a professional yet friendly appearance.
Dan Sprawson Director of Digital at Imperial
A collage of 10 mixed components. Mostly typographic, the aesthetic is clean and simple.
Three screenshots of web pages designed for a small viewport, showing a variety of content and components.

This was a significant project to work on as we transformed the Imperial College London site and rolled out a new Pentagram brand. So many teams have worked together to make this happen. Seeing it out in the world is amazing.

Read the full Imperial College case study for the behind-the-scenes story of how we made it happen.

Related thinking

  • Tiny Lesson

Tiny Lesson: Sketching, the timeless design tool

Read the story
  • Tiny Lesson

Designing a Utopian layout grid: working with fluid responsive values in a static design tool.

Read the story