When designing your career page, elements like copy, color scheme and layout are top of mind. But if you really want to get to the heart of it and create a career page that resonates with candidates, you need to put yourself in their shoes. Or boots.
Think about what a job seeker would want to know about your company. And then ask yourself this question: “How can we express who we are, what we believe and show that we care about the people visiting our page?”
Here at Homerun it's part of our job to look at career pages – dare we say study them? 🤓 – and to think about how these pages are being received by candidates, and how the best elements can be replicated using our hiring tool.
We’ve already talked about what’s needed to create a career page that stands out and leads to a top-notch candidate experience. Now it’s time to delve into some of the best career pages out there so that you can envision, build or refresh your own (and start seeing those applications roll in).
12 best career pages (examples + all the details)
1. Plantsome
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/62b481bdfa9e9b2163a82e5f_Plantsome%20Career%20Page.png" loading="lazy" alt="Plantsome career page" class="browser-image"></div>
What they do right: Plantsome chooses font colors that complement their employer brand and logo and they share incredible photos of team members hamming it up with plants. They have clearly laid-out job perks, links to their blog posts, a music playlist and an opportunity to follow them on Instagram.
What sets them apart: Here it’s all about creative copy (“We're a young, ambitious team with big plan(t)s!”) and expressive photos.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489e3e7da20b147a081bded_plantsome-career-page-example%20(1).png" loading="lazy" alt="Plantsome work image" class="browser-image"></div>
Why this is helpful: It’s clear from their clever copy and the team’s smiling faces that this is a group that values fun and playfulness at work. Bath time, anyone?
🛠️ How did they build this career page? Plantsome's career page was made using Homerun.
2. TaskRabbit
<div class="browser-container"><div class="browser-chrome"><div class="browser-block-buttons"><div class="browser-icon"></div><div class="browser-icon"></div><div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/62b48161513224216f41c9b4_TaskRabbit%20Career%20Page.png" loading="lazy" alt="TaskRabbit career page" class="browser-image"></div>
What this career page example gets right: TaskRabbit shares photos of the team working together in the office, their company culture is clearly communicated, their values, perks and awards are nicely displayed for candidates to learn about as they scroll through the page, and they include some testimonials about the company.
What sets them apart: They dedicate a section to explaining what it takes to succeed at TaskRabbit – the skills they hire for, promote and reward. Examples include being mission-driven, having a growth mindset and the ability to navigate ambiguity.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489e38e0f2bf0ba8ad5919e_task-rabbit-career-page-example%20(1).png" loading="lazy" alt="TaskRabbit" class="browser-image"></div>
Why this is helpful: They ask explicitly, “Are the behaviors we require of you aligned with how you operate or the behaviors you want to develop?” If the answer is no for some candidates, then they will most likely move on and find a place better suited for them. If the answer is yes, then the folks at TaskRabbit are one step closer to finding a good fit for their team!
3. GrubHub
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489e474af184339187ab6f2_grubhub-career-page-example%20(1).png" loading="lazy" alt="GrubHub career page" class="browser-image"></div>
What this career page example gets right: There’s easy access to job openings (buttons at the top and bottom of the page), they share photos of their sleek office space and the team playing foosball and they post their perks and values. They also elaborate on their purpose, how Diversity, Equity & Inclusion are a part of their everyday operations and what it means to live the Grublife.
What sets them apart: The team testimonials on this career page are a nice touch. They highlight people in four completely different roles and give them a platform to share their thoughts and experiences.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489e4c09778a2e257e5cc93_grubhub-meet-the-team-career-page%20(1).png" loading="lazy" alt="OneUp career page" class="browser-image"></div>
Why this is helpful: The team members might do different things (Restaurant Sales Manager vs. Software Engineer), but they all share a common positive experience working at GrubHub and express how they’re encouraged and empowered to grow within the company.
4. OneUp
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489e51e1c0f66d5fc98a8c1_one-up-career-page%20(1).png" loading="lazy" alt="OneUp career page" class="browser-image""></div>
What they do right: OneUp’s creative copy reflects their personality and explains how they work together, while photos highlight the team, office life and events. Their values and perks are clearly laid out, they include open positions and they have a handy job mailing list.
What sets them apart: They have a well-curated list of both monetary and non-monetary perks. The introduction to the perks explains their belief that “work and life can work together, not against each other (as the world has believed for so long.)”
Why this is helpful: Candidates understand that OneUp is striving for positive work-life integration and the thoughtful perks show that team members are valued.
🛠️ How did they build this career page? OneUp's career page was made using Homerun's career site builder.
5. Swapfiets
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489e5826f677a6852648dab_swapfiets-careers-page-example%20(1).png" loading="lazy" alt="Swapfiets career page" class="browser-image"></div>
What this career page example gets right: Swapfiet’s career page is clearly laid out and very easy to navigate. There are several ways to find open positions, they have inspiring photos of the team in action, they share four simple company values with icons to support them, and the whole design of the page (including font choices and colors) supports their brand.
What sets them apart: They include a video about what they believe and invite candidates to join a team where everyone plays a role to make the company more sustainable and cities more liveable.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489e5f4c74f2c31841528e1_swapfiets-careers-page-video-example%20(1).png" loading="lazy" alt="Swapfiets career page" class="browser-image"></div>
Why this is helpful: The video explains exactly why the company doesn’t sell bikes and their goals to help people consume less and enjoy more. The invitation is not just to fill a role but to be a part of a bigger collective mission.
📣 Once you get your career page sorted, it's time to learn how to write an engaging job description
6. Byborre
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489e7264df3a32964b13177_byborre-careers-page-example%20(1).png" loading="lazy" alt="Byborre career page" class="browser-image"></div>
What they do right: Byborre has an aesthetically-pleasing career page that invites people into their workspace. There’s a photo collage of the team, a creative video about Byborre and the future of textile creation and a list of job openings that can be filtered by department, location and job type.
What sets them apart: Their thoughtful mix of copy, images and video successfully educates candidates on their mission to reinvent the textile industry and inspires them to get on board
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489ec28feb94ace2e146ed2_byborre-career-page-impact-statement%20(1).png" loading="lazy" alt="Byborre career page" class="browser-image"></div>
Why this is helpful: Candidates get to know the company and learn that the work they’re doing is both meaningful and impactful. As Byborre reminds us on their career page, “Every decision matters.”
🛠️ How did they build this career page? Byborre's career page was made using Homerun.
7. Doist
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/62b482a8f735a3d1e13d7c9a_Doist%20career%20page.png" loading="lazy" alt="Doist career page" class="browser-image"></div>
What this career page example gets right: They lead with a brief intro to their products (Todoist and Twist), then move right into open roles and how team members’ goals and well-being are supported. Quotes from the team and a sign-up for job alerts round out the page.
What sets them apart: They have a transparent job application process which is broken down into four steps. Applicants will be happy to learn that they will always get a response from the team at Doist as they manually review and respond to every candidate’s application.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/62b57d1312d7516e8948114d_Doist%20application%20process.png" loading="lazy" alt="Doist application process" class="browser-image"></div>
Why this is helpful: It’s clear Doist empathizes with potential applicants who want to know what they can expect and how much time and effort they’ll need to put into this process. This kind of transparency helps to manage expectations and create a better experience for candidates. If they know what to expect from the interview process, they’ll know how to prepare, making the whole recruitment process smoother and more pleasant.
8. Blendle
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489eccdfeb94ace2e14f02b_blendle-best-career-page-example%20(1).png" loading="lazy" alt="Blendle career page" class="browser-image"></div>
What they do right: The layout of Blendle’s career page is clean, they include images of the office and team, and their copy succeeds in telling their story and giving people a taste of their company culture.
What sets them apart: They have a nice little media section that they call Blendle Homework. It includes articles about them, a video about the newspaper industry, a link to their website and their Employee Handbook.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489ed16c96e02c33fb2b610_blendle-careers-page-homework%20(1).png" loading="lazy" alt="Blendle homework" class="browser-image"></div>
Why this is helpful: When candidates are considering applying for a job and want to get to know the company, it’s great to have this info all in one place!
🛠️ How did they build this career page? Blendle's career page was made using Homerun.
9. Rover
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489ed99159429741daba78e_rover-career-page%20(1).png" loading="lazy" alt="Rover career page" class="browser-image"></div>
What they do right: They start by sharing an informative video that positions Rover as a “values oriented company.” Their career page includes team testimonials, photos of pooches and pet owners, Glassdoor reviews, awards, as well as information on perks, office culture, a Leadership Speaker Series and their company’s vision for Diversity, Equity & Inclusion. It’s easy to find job openings and there are five separate tabs to simplify navigation.
What sets them apart: Duh, it’s the dogs! 🐾 In all seriousness, the dog images, icons and videos make perfect sense. From dog-friendly headquarters in Seattle to $1000 for each team member to adopt and care for a dog or cat, Rover lives out their mission to let people experience and enjoy the unconditional love of these pets.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489edddd39728f847fe4349_rover-team-members-on-careers-page%20(1).png" loading="lazy" alt="Rover leadership" class="browser-image"></div>
Why this is helpful: When your values and mission permeate your company culture, you know you’re moving in the right direction. One employee puts it this way: “I love working here because I truly believe we make the lives of humans and dogs better. Rover's mission is absolutely one I can proudly stand behind.”
10. Packaly
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489ee21159429741dac18ea_packaly-career-page-example%20(1).png" loading="lazy" alt="Packaly career page" class="browser-image"></div>
What they do right: In this career page example, Packaly utilizes creative copy that showcases their personality, they show a list of high-profile customers they work with, their benefits are clearly displayed as well as the tech tools they use and a fun Spotify playlist. They do a good job of highlighting who they are and what they do through team photos and a 30-second video showing how deliveries happen.
What sets them apart: Sharing their tech stack is a smart move. It gives prospective applicants a better idea of how people communicate at Packaly and complete tasks.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489ee5c9f1010a88b2ebca8_packaly-careers-page-tech-stack%20(1).png" loading="lazy" alt="Packaly tech stack" class="browser-image"></div>
Why this is helpful: Candidates can already see if they are comfortable using the tools or if they would like to learn how to use them, depending on the job they’re applying for.
🛠️ How did they build this career page? Packaly's career page was made using Homerun.
11. Spotify
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489eed94df3a32964b6b537_spotify-careers-page%20(1).png" loading="lazy" alt="Spotify career page" class="browser-image"></div>
What they do right: Spotify nails inclusive copy with phrases like “One band, no solo artists” and “No two creators or listeners are the same, so neither are we.” The whole career page oozes style and fun, with dynamic, moving elements and an energetic tone. Their career page is packed with a lot of elements (job listings, helpful content and links to pages explaining their values, approach to work and hiring process), but it’s all well-laid-out and easy to navigate.
What sets them apart: They emphasize Diversity, Equity & Inclusion and take it a step further by giving an overview of their plan for continued growth and improvement in this area.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489ef153a802c6ae4c53954_spotify-careers-page-DEI%20(1).png" loading="lazy" alt="Spotify Diversity, Equity & Inclusion" class="browser-image"></div>
Why this is helpful: A lot of companies say they value Diversity, Equity & Inclusion, but here you can learn exactly how Spotify is building a safe, inclusive environment where everyone can thrive.
12. Dopper
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489efa30e97a1649ac51055_dopper-best-career-page%20(1).png" loading="lazy" alt="Dopper career page" class="browser-image"></div>
What they do right: They clearly convey their business' mission to save the planet from single use water bottles. Their career page includes gorgeous photos of the team in their cool office space, a map of their location in the Netherlands, job vacancies, their values, perks, awards and links to all their social media pages.
What sets them apart: Their awards! Dopper is a Certified B Corporation (meaning they are meeting high standards of performance, accountability and transparency on factors like employee benefits, charitable giving and supply chain practices) AND they were named a Certified Great Place to Work® for creating an outstanding employee experience.
<div class="browser-container">
<div class="browser-chrome">
<div class="browser-block-buttons">
<div class="browser-icon"></div>
<div class="browser-icon"></div>
<div class="browser-icon"></div></div></div>
<img src="https://cdn.prod.website-files.com/5e1452b8eb497cb0d999c76f/6489eff27d57303f461ecea7_dopper-company-values-awards-career-page%20(1).png" loading="lazy" alt="Dopper awards" class="browser-image"></div>
Why this is helpful: Awards confirm a standard of excellence. In this case, it shows that the people at Dopper are living out their values as “future shapers” and “ambassadors of change” while pursuing joy together as a team.
🛠️ How did they build this career page? Dopper's career page was made using Homerun.
Make your own showstopping career page with Homerun
Career pages are major opportunities for businesses like yours to create, share, observe, learn, experience and connect. It’s your chance to highlight your team and what you’re working together to achieve.
When designing your own page, keep in mind that people remain attached to experiences that are engaging and unique. That said, you don’t need a big budget, amazing design or coding skills to create this type of experience.
With Homerun, you can easily make a career page that showcases your unique employer brand while acknowledging and elevating the oh-so-important candidate experience. Whether you’re creating your first hiring process or you’re looking to up your game to help you attract qualified talent, Homerun has the tools and resources to get you there.