Ben Harvey
Accessibility

Display preferences

Choose how you read this portfolio. These settings stay on your device.

Accessibility information

Middlesex University

Helping students find their next step

Prospective and current students come to a university website with different questions. I worked on the redesign of the Middlesex University website and staff portal, covering discovery, navigation, content and workflows.

Project at a glance

My role
Senior UX Designer, fixed term contract
Key decision
Use research and task testing to shape navigation, content hierarchy and course discovery.
What the work produced
Research, Figma prototypes and a development handover.
Stage of work
Design and development handover
Period
2022
My responsibility
Research, information architecture, prototypes and development handover
Middlesex University website design showing the Discover Middlesex page
Design image.

The challenge

Make the right information easier to find.

The work addressed complex navigation, dense content and different information needs across student groups. Course fees, modules and entry requirements mattered alongside staff information and employability.

Middlesex University homepage capture with primary navigation and study entry point
Middlesex homepage screenshot, showing the main navigation and route into course discovery. View full size: Middlesex University homepage capture with primary navigation and study entry point

My contribution

Bring research into the structure.

I led design activity across research, information architecture and prototyping. I conducted interviews and stakeholder workshops and used tools including Hotjar, Google Analytics and Optimal Workshop to understand the existing experience.

Design decisions

Connect findings to specific changes.

Research informed work on navigation, content hierarchy, filters and course discovery. Card sorting and tree testing supported the information architecture, while Figma prototypes made the proposed structure tangible for stakeholders.

View the mobile concepts
Middlesex course search interface with study type, subject and study year filters
course search screenshot, showing search, filtering and the structure of the route into course information. View full size: Middlesex course search interface with study type, subject and study year filters

Testing and handover

Refine the design with users.

I used moderated and unmoderated testing to examine how people found information and moved through the prototype. The design files, specifications and research feedback were prepared for the development team.

What the work produced

A researched design and development handover.

The case study demonstrates research, interaction design and prototyping. My delivery scope covered design and development handover. Postlaunch performance was not measured within this case study.

Read the design evidence

The course search image makes the information architecture tangible: study type, subject and study year organise the route into course information. Research, card sorting and tree testing informed the structure; moderated and unmoderated sessions examined how people moved through the prototype.

My scope connected discovery, structure and interaction design to the specifications and research feedback handed to development.

The principle behind the work

Information architecture is a design decision about what people need to do next.

Let’s talk about your next service.

Senior and lead opportunities in interaction, service and product design.
London hybrid or UK remote.

Project image