.svg)
We were invited to redesign the University of Leeds homepage for desktop and mobile. Starting with discovery workshops on campus with the University’s marketing and communications teams, we developed concepts that put photography at the centre, gave prospective students clear routes to courses and Open Days, and made each section easy to scan.
Want to see how the components work together?
A full-bleed hero with an overlay card, a key-facts strip, and dark cards with coloured roundels that flag what’s urgent. Each piece tells a visitor where to go next.
How do you design one page for every audience?
A university homepage serves prospective students, parents, current students, researchers, businesses and alumni. The designs lead with the biggest audience: course search, Open Days and student stories up front, with rankings, research and news further down.
Hero
Full-bleed campus photography with one clear call to action: book an Open Day.
Photography · overlay card
Search
Course search straight under the hero, with undergraduate and Masters options.
Courses A–Z · by subject
Proof
Rankings and reputation shown as a quick-scan strip, not a wall of text.
Rankings · key facts
Stories
Student voices and campus life, so visitors picture themselves at Leeds.
Testimonials · campus tour
Where did the design come from?
Before any design, we ran discovery workshops on site at Leeds with the University’s marcomms teams: the people who know the audiences, publish the content and live with the homepage every day.
01
Face-to-face sessions with marketing and communications teams to map audiences, campaigns and what the current homepage made hard.
02
Together we ranked the audiences and the jobs each one needs the homepage to do, starting with future students.
03
Photography-led layouts with course search, Open Days and student stories up front, reviewed with the same teams.
04
Overlay cards, colour-coded event cards and story tiles, designed so marcomms can keep the page fresh without a redesign.
Want the full picture?
One direction leads with a calm, editorial layout. The other goes bolder, with yellow calls to action and a darker, more immersive campus section. Both stack cleanly on mobile, with the course search and Open Day booking always within thumb reach.
Is your homepage trying to speak to everyone at once?
Send us your website link. On a 20-minute call we’ll show you how we’d structure your homepage for the audiences that matter most.
