Job Application Page

workingatbooking.com | visit page

Context

After an external party redesigned Booking.com’s career page a year before, we found that there were still plenty of improvements to be made. We started prioritizing which pages would need to be revisited first based on the pages’ impact on the candidate journey, it’s visitor volume, perceived room for improvement and time needed to realize the change. One of the highest impact pages that could be redesigned the quickest was the job application page. This time, I was responsible for the design, development was still outsourced.

Main Job Application Page

The job application page.

Problem

We set out to solve three main problems. First, the look and feel of the page was inconsistent with the other pages on the career site. For example you would still find remnants of old icons long removed from the rest of the site.

Second, it was inconsistent with our Employer Brand design language. Part of our strategy was to create stronger links between our employer brand and our product design. Iconic Booking.com elements like the bright blue button had been introduced in both our print and digital design, but not on this page.

Third, looking at our website traffic, data showed that candidates often land on job pages directly from external sources, without going through our job portal. That meant that these candidates would not be exposed to any of the information and branding efforts on these pages. We wanted to include richer content into the job pages. Making them more engaging for candidates, and more self supporting in communicating our employer brand.

Results

There were four main changes made to the page.

1. Banner

We introduced a big photo banner on the top of the page. This aligned the page design with other pages on workingatbooking.com. The picture was also an element that we could use to show our office spaces. Introducing the banner did introduce a problem: it pushed the content of the page too low on the page. This problem was solved by putting the entire job description in a white box and having the job title and apply button overlap the header.

2. Floating apply button

Displaying the apply button on the top of the page made it disappear from view when reading the job description. Visitors would need to scroll all the way to the top of the page to apply. To fix this, we made the job title and apply button stick to the top of the page when scrolling down. On mobile, the button would be displayed on the bottom of the page.

video block

The floating apply button and video content block in action.

3. Introduce a video

The main way we introduced richer content into the page was building in a video block. The team would increasingly focus on video production, so this was another way we could leverage that. Different videos can be linked to different job descriptions. So we might show more about the department, team or office that’s relevant to that specific role.

video block

Similar jobs.

4. Similar jobs

By displaying similar jobs on underneath the role, we wanted to introduce another way that users could discover jobs.

Other Projects

Events page

Event pages

workingatbooking.com

Planet Booking

Planet Booking

Booking.com Employer Brand

Illustrations

Illustrations

Booking.com

Candidate communication

Candidate Communication

Email template design

Europride

Europride 2016

Celebrating diversity