Bain & Company Careers Website Design

Project Overview

Founded in 1973, Bain & Company is a global management consulting firm known for its expertise in strategy, operations, and organizational improvement. JoinBain, the consultant recruitment microsite of Bain & Company, was operating on an outdated, non-responsive microsite and content platform that was not set to be upgraded for a few years until 2018.

The primary goal for our design team on the recruitment marketing team was to find an interim solution that benefited internal marketing, recruitment and IT departments while improving the “digital” look and feel of our site for our desired consultant audience. This included:

  • A mobile optimized website designed to target the growing number of students/recruits using that medium
  • Reorganized information architecture to make content more easily discoverable
  • Closer tie in with Bain.com based on a large percentage of referral traffic corporate content
  • Utilize a Bain utilized/supported content management system for faster updates and content control
Before and After Slider showing current vs released product experience

Project Team

As the UX Project Lead, I drove the entire research and design journey, guiding the team from initial concept to product launch. This included revising the information architecture of the new website, creating wireframes/prototypes, conducting usability testing, and communicating efforts to department and team leads.

Additional team members I collaborated with included a UX Content Writer & Designer, a Product Owner, and a Development Lead to execute across goals and objectives for the website.


The Design Process

The overall design process including reviewing current platform restraints, gathering quantitative analytics on website metrics, presenting design solutions to key business stakeholders, creating wireframes, conducting usability testing, and hosting training sessions for the global recruitment team so they are informed when they present information to potential recruits for the company.

Evaluating Current Platform Constraints

  • Website managed by HTML files directly on the server, requiring a high technical knowledge to make simple updates that can only be published live twice a day
  • No content inventory making it difficult to find and reference existing site content or multimedia
  • Disconnected from global brand and overall digital strategy

A Poor Mobile Experience

While the primary Bain & Company website for clients was mobile optimized, the JoinBain recruitment website was not. Quantitative analysis of the website showed the following:

  • In the past 12 months, mobile & tablet devices made up 17% of overall views to JoinBain
  • Compared to the previous year, number of mobile sessions have grown 75% (211,402 vs 120,264)
  • 16% of sessions are on a Mobile or Tablet device, however on average half of all those visitors leave the site immediately after landing

This helped validate the growing audience on mobile/tablet, and the growing need to present a design that would allow those visitors to find the content they were looking for.

Website Analytics

After reviewing the current website constraints, analysis was done on the website to find what content users were visiting most frequently. What we found was career Pages on offices, roles, application and interview info are most popular while marketing and advertising material was not as viewed. Additionally we found:

  • Referral traffic brought in  the highest number (362,640/679,376) of new users to JB
  • 68% of all referral traffic is from Bain.com
  • Average bounce rate for bain.com referrals to JoinBain is 33% – over 160,000 recruits lost?

Presenting Design Strategy Options to Stakeholders

The following strategy options I presented to key business segment stakeholders after conducting the website quantitative analysis and speaking with product owners across multiple teams including IT, Recruiting/Design, and Corporate Marketing.

Ultimately I was able to convince stakeholders to move forward with my recommended design plan, which was to migrate the design of the Recruitment website to the corporate website, utilizing the existing design system and content management system. This allowed us to expedite the process, and save money by not having to create new custom templates that would have taken longer with additional resources.

Creating a Project Methodology and Timeline

Beginning in November 2015, this project lasted approximately eight total months with the new website design launching in July 2016. Below is a table of completed activities that show how we followed a design thinking lead process, focusing on quantitative analysis, internal stakeholder feedback, and usability testing.

Table of Completed Project Activities

Wireframes/Prototypes

Step 1: Review Existing Careers Homepage

JoinBain, our recruitment website, was originally a microsite not connected to the corporate website. First step was to review this initial design to find what was working well and should be prioritized during the design process.

Step 2: Utilize Corporate Design System to Create New Wireframes for Homepage

This wireframe shows an early concept of how we could redesign the recruitment careers homepage using existing design system components.

When presented to stakeholders, initial feedback was the confusing left hand navigation, as well as the overbundance of text used on page that distracted from key priority areas.

Step 3: Reiterate Homepage Design Based on User Feedback

This wireframe shows where our final design for the homepage landed. The navigation was simplified, and key calls to action were utilized in a carousel component to reduce information overload. As well, they Apply Now CTA button was made more prominent on page for users to quickly identify.

Step 4: Design of Additional Pages

This is an additional “Meet Our People” page that I redesigned for the new careers website. Original design had an overwhelming number of profiles available, so our designs focused on limiting those results to best represent a variety of global offices, schools, and consultant positions.

Usability Testing

Goal: To understand how the newly designed careers website presented information future recruits would be looking for, and ways we could improve the user flow and content.

Setup: 60-minute virtual sessions hosted on WebEx by UX Moderator and Observer.

Process: Participant first had a structured research section, answering questions focusing on their previous experience with the old recruitment website. We then provided users with a link to the new careers website prototype, giving them prompts and asking users to find answers on their own. In the last section, I moderated users through a guided tour of the prototype, focusing on individual sections of the website to ask targeted questions that would help impact our final designs.

Usability Testing Outcomes

  1. Left hand navigation was found to be confusing, resulting in a reduced structure focusing on high level categories
  2. Users were unable to quickly identify where to apply, leading to a “Apply Now” red CTA button placed in a more visible area on homepage and deeper level content
  3. Homepage was described as “busy/overwhelming” leading to a simplification of content.
  4. Users unclear where to look for content based on education level, resulting in specific call outs for “MBA Candidates”, “Undergrad Candidates” and “Experienced Professionals”

Outcomes

  • A better mobile experience with recruits able to quickly access and find content thanks to responsive design components
  • Improved information architecture that minimizes the time needed to be spent finding priority content
  • Consistent branding experience between corporate website and careers content
  • Easier method of content management with implementation of corporate marketing design system

Leave a comment