workingatbooking.com | visit page
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.
The job application page.
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.
There were four main changes made to the page.
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.
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.
The floating apply button and video content block in action.
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.
By displaying similar jobs on underneath the role, we wanted to introduce another way that users could discover jobs.