CHALLANGE AND APPROACH
A minimal yet ineffective landing page. the design and representation of the company feels undersold
Ineffective usability. Missing links that lead directly to job listings
Lacks ability to clearly display available job listings
THE RESULT
Identify the factors that contribute to the effectiveness of a well-designed careers page
Consider providing links that take you job listings, where you can browse and compare
Showcase a much stronger representation of the company's creative nature
Secondary Research
Companies with optimised careers pages see an average conversion rate of 20-30%, compared to industry averages of 8-10% for less optimised pages.
Candidates spend an average of 2-3 minutes on well-designed careers pages, compared to less than a minute on poorly designed pages. Increased time on page correlates with a higher likelihood of application submission.
Companies with optimised careers pages report a 15-20% reduction in time-to-hire, which translates to faster filling of positions and reduced recruitment costs.
While I understand and appreciate minimalist and aesthetic designs, this page lacks any design flair. Additionally, the text is oddly scaled, and the negative and unbalanced spacing gives it an amateurish appearance.
Questionable design choices...
At first glance, this page appears quite flat and uninspiring. Although the pictures are of decent quality, the design does not effectively showcase Figma’s creative expertise.
So what makes a careers page effective?
Headlines
Why?
Headlines are often the first thing visitors see when they land on a page. They create the initial impression and set the tone for the rest of the content
Demands the users attention, makes them feel they are part of a collective (collaboration)
Resonates with the companies mission statement and objectives
Brandling
Why?
A strong brand can attract top talent. Job seekers are often drawn to companies with well-established and positive reputations
Simple, memorable, iconic and understandable
branding helps businesses stand out from competitors. It communicates what makes a company unique, such as its values, personality, and offerings
CTA
Why?
The user expects the website to be functional. The ultimate goal of a careers page is to convert visitors into applicants
It serves as a prompt for action and tells the user what action they are expected to do next on the page
Users can easily find the information they need and complete desired actions without friction
Culture
Why?
A transparent portrayal of the company's culture on the careers page can attract candidates who align with its values and work environment
Highlighting a unique and positive culture sets a company apart and can attract top talent who are looking for more than just a job
Representation of positive workplace culture fosters high levels of employee engagement and satisfaction
Usability
Why?
Aesthetically pleasing designs create positive first impressions - they are more likely to perceive the company positively and engage with the content
Important information, such as company values, mission statement, and top job openings, strategically positioned content will stick with the user and dictate the flow of how information is perceived on the page
Applying the law of prägnanz to a careers page ensures that information is presented in a clear and concise manner. Job seekers can quickly understand key details about the company, available positions, and application processes
Analysis - Old Design
Figma careers landing page (old)
The job openings screen is where the CTA directs you too. though there is no option to view available job roles in a list.
Headlines
Lacks a compelling headline that reflects the company's values
Call to action
Redirects users to the same section at the bottom of the page
It should present users with job options to apply to
Usability
Users are not presented with a list of jobs when they press the CTA (useful to see at a glace with job spec)
No way to filter search results and dive into job searching, comparing results
Branding
Lacks creativity and visual hierarchy
The design looks flat and uninspiring, missing the elements needed to capture attention and engage viewers
Culture
The cultural representation meets basic expectations, but it falls short in conveying the full depth of creativity, missing an opportunity to deliver a more engaging and dynamic user experience
Proposal - New Design
Figma careers landing page (new)
Headlines
Snappy and definitive - Straight to the point
Represents companies mission statement
Call to action
First thing on page with user choice
It's crucial that the call to action is both prominent and visible
Usability
A robust and functional search bar
AI bot to get personalised results
Culture
Portraying the culture creatively, highlighting collaboration
Users can delve deeper in the next section
Branding
Figma is a company focused on creativity
The prominence of Figma's brand colours should be reflected
Figma careers search results page
Job Visibility
In Figma’s original design, the call to action on the hero image of the careers page simply nudged users to the bottom of the screen, where job listings were categorised. Now, the CTA directs users to a results page, allowing them to browse, search, and compare job listings, providing more control over their search.
Focusing user experience, accessibility, SEO, engagement, and conversion rates
