Careers @ MAG: A refined experience for hopeful applicants

INTRODUCTION

Manchester Airports Group (MAG) is the UK’s largest and leading airport group. Having recently joined the company myself, it really is a fantastic place to work and has been described as being its own city as there are so many internal areas of the business, along with such a vast amount of employees in the MAG family.

However, for how exciting and modern everything is within MAG, the careers site gave off a very dated feel to it. I felt this site didn’t reflect the internal buzz there is to working here so my first job at MAG was to redesign this site.

ROLE

Senior UX Designer

Sole designer on this project, starting with UX discovery, through to wireframes and finally into high fidelity prototypes.

User Personas

My initial research began with creating persona’s for the typical user of the careers website. Here I was able to summarise the personas personality traits, technological competency, motivators when using a system and finally their goals and frustrations.

All of this helps sway any decisions or validate any design assumptions that we might make early on.

 

User Flows

When thinking about the current website and the shortfalls of its user experience, I mapped out a couple of user flows using some existing user stories we gathered from initial stakeholder meetings. This allowed me to see each step the user might take in interacting with the product to complete a goal.

Discover

I began as I always do with early meetings and workshops to gather stakeholder requirements. In this case, I was able to meet with the head of customer digital engagement and discover what was required.

However, after the meeting, I felt there was a lot of room for my interpretation of what was required rather than a specified list of requirements. So I began with an audit of the existing UX and sketched out a proposed solution for each page as seen in the document below.

Lo-fi Designs

Once I began low-fidelity designs, I decided to use only 4 colours throughout the designs to help get an idea of placement of content, and primary CTAs – white for backgrounds, grey for images, light blue for secondary components and dark blue for titles and primary actions.

This is a little less detailed than lo-fi designs I’ve done in the past but I felt this helped speed the project along and took pressure off filling out detail in the design the project was not ready for at that time.

Validating Design Assumptions

MAG currently employ around 40,000 employees, all of which I have contact with through internal social channels (Using Yammer). With this, I decided to start using MAGs employee channels to try justify some design assumptions I had made (an example of a post is posted below). The idea is that users only react with a thumbs up or an applaud emoji to choose which solution works best for them.

 

Prioritisation Matrix

After presenting the high-fidelity prototype to stakeholders and tech leads, it became apparent that there were some technical blockers. Rather than let this stall us, I decided to create a feature list based on the prototype I’ve created, and add this to a prioritisation matrix. This helped us highlight what is a focus for release one and then start to work towards smaller faster releases to hit the final designs I proposed originally.

You will see how we colour coordinated the features according to the release plan on the right of the page. With R1 being the larger of the releases, we planned for smaller incremental releases after this to keep the momentum going.

Confirmed features list

The previous step helped me highlight to the stakeholders of the website which features are available to be developed to meet the MVP, and then to hit further releases after this. I was able to split the development of this into 4 releases and then hand this to our development team to deliver.

Production Ready Hi-Fidelity Design

Finally, after completing the lo-fi and feeling the flow of the UX was logical, I progressed this to high-fidelity designs.