University of Liverpool — Building foundations for better design at scale

Project overview

The University of Liverpool wanted to improve the usability, accessibility and marketing impact of their website — while laying the foundations for a long-term design transformation. Working as part of a small team, I helped redesign key pages, refine the site’s information architecture, and support the initial development of a new design system.

The problem

The website had become inconsistent in both structure and visual design. Content was often led by internal structure rather than user needs, and page templates didn’t fully reflect the brand’s potential or marketing goals. Departments often worked in silos, which made the experience feel fragmented. There was also no central source of truth for design standards, components, or guidance.

The university's digital team were aware of these challenges and wanted to bring in outside help to reset the approach, build internal capability, and support long-term consistency.

What I did

Led visual design for key pages and campaign templates

I redesigned the homepage, About, Study and Research pages using a mobile-first approach — applying brand elements more meaningfully, improving content hierarchy, and shaping visual patterns for wider reuse. These designs later formed the basis for campaign page variants.

Composite view of redesigned university pages including homepage, study, student life, research, and campaign pages, with strong brand elements and consistent layouts.
Designing for clarity and consistency — we redesigned core pages and campaign templates with mobile-first layouts and a visual language rooted in the university’s brand.

Facilitated content modelling and co-design workshops

I ran collaborative workshops with the university’s digital team, helping them reframe pages around user and business needs. We used content modelling to expose gaps, clarify purpose, and prioritise what really mattered. This process proved transformative for the team, helping them align across departments and rethink how content gets created.

“These sessions were a real turning point — we didn’t appreciate just how much work was needed - more people need to be involved!”

Workshop board showing content modelling for homepage, study and research pages. Includes post-it groupings for business goals, user needs, and core content.
Mapping what matters — we ran structured content modelling sessions to align internal goals with user needs. This helped the team rethink page purpose and plan clearer, more usable content.

Supported IA review and simplification

While I wasn’t the IA lead, I supported the review and testing of the existing structure — including top-task analysis and page-level audits. We prioritised clarity over internal jargon, and used impact mapping to decide what stayed, changed, or was removed.

Helped set up the design system foundations

Alongside my colleague leading on design ops, I helped migrate new designs into a scalable Figma library and set up the initial ZeroHeight structure. We ran workshops to map out:

The work gave the team a shared starting point and the confidence to grow it further.

Side-by-side views of early design system work in Figma and ZeroHeight, including components and page structure for the University of Liverpool digital estate.
Setting foundations for scale — we laid the groundwork for a collaborative design system, establishing reusable components and design documentation in Figma and ZeroHeight.

The outcome

The visual designs were well received — especially the way brand elements were embedded more meaningfully. Content modelling sparked major shifts in how teams approached web content, and early design system foundations gave the digital team a solid springboard.

While implementation was phased and ongoing, we later heard from the Head of UX that the project had helped reinvigorate the internal team and gave them a clearer path forward.

What I learned