An effective careers page encourages candidates to apply, strengthens your employer brand, and serves as a valuable resource for prospects to learn not only what you do, but what it is like to work at your company.
Looking for inspiration to start designing your careers page? Explore tips and examples to help you get started. When you're ready to begin, navigate to the Careers Page settings in Workable and open the careers page builder.
Starting from scratch
You start with a blank slate. The only required sections on the page are the Header and Jobs sections. You can experiment with different color schemes and styles, and nothing will be published until you click the Publish button.
Planning to publish in multiple languages?
Design the page in the default language and import the design for other languages.
Focusing on the Header section is the best place to start.
Add a headline and description by clicking within the header section. Even if you later revise or replace this content, it will help you choose appropriate fonts and text colors.
Next, click the Edit button. Various customization options - which change for each section - will appear.
The first and most important element to configure is the Background. You have two options: a solid color or an image.
Solid colors scale well across all devices and screen sizes. They are consistent, predictable, and easy to manage. Choose a color that aligns with your brand.
Images can bring your careers page to life. This works best with photos where the main subject is positioned toward the right center of the image. Abstract visuals, such as shapes, color blocks, or patterns, are also effective and tend to scale well on mobile devices. Since images are cropped differently across devices, avoid placing important elements too close to the edges. PNG format works best, and the image should be at least 1920 pixels wide for optimal display. Check out sites like Unsplash for inspiration or see our FAQ for more help choosing an image.
When you've set a background, check the text color. Is it easy to read the text?
- Choose a text color that has good contrast with the background color or image. It should stand out clearly and be easy to read.
- Click the Styles button to adjust text colors.
- Edit the Header section to switch between your Styles choices for light or dark text.
In summary:
- Adjust Styles to control fonts and colors for the whole page.
- Use Edit to control the specifics of your Header section, like background and text color choice.
- Use your brand color if you choose to use a solid background color.
- Make sure the text color is legible on the background.
Did you know?
You can use photo editing tools to add a transparent gradient over the image to give it a sleeker look, or use an abstract image for the background. In these examples, we've done just that, adding differently colored filters over images or using geometric shapes to create something abstract that stands out.
Adding sections
There is a wide variety of section types to choose from. Add modular sections to showcase images, display office locations on a map, share employee testimonials, and more. Use these sections to give candidates a sense of what it is like to work at your company and to address common questions prospective applicants may have.
This can be as simple as adding a short paragraph about what your organization does, outlining your mission statement, or highlighting your core values.
Hover between two sections and click the + button to select a new section to add. Sections can be moved around on the page at any time, so don't worry about the order. See a full breakdown of section types.
The most successful careers pages have thorough Benefits sections. This is one of the first things that candidates look for. Benefits information can be a big factor in whether or not they apply.
We've designed optional icons that you can use. Choose a style that aligns with your main website's branding.
Other key sections to consider adding could include:
- Image with Text or Paragraph section that describes the company, product, and/or workplace.
- Numbers section that highlights key facts about your organization, like the number of employees, the number of offices, the growth of business year-over-year, etc.
- Testimonials from employees on different teams and at different career sections.
Use these and other sections to establish your careers page as a valuable resource and single source of truth for candidates.
In summary:
- Add sections by hitting the + button. They can be reordered, edited, and deleted at any time.
- A Benefits section is one of the most important things that candidates look for.
- Consider what common questions candidates have in phone screens and try to answer them on your page. E.g., questions about your products, customers, what regions you operate in, etc.
Did you know?
You can think outside the box with section types. For example, if you like the Benefits template, you could use it to build a "Company Values" page component. Even though the name of the section template is Benefits, you can use it however you want.
Preview and publish
While building your page, you can preview your progress at any time by clicking the Save & Preview button in the upper right corner.
You’ll be able to browse the full page and view how it appears on desktop, tablet, and mobile. The layout automatically adjusts to fit each device.
If you're looking for a second opinion from a coworker, you can invite them to be a careers page editor. In Workable, go to Careers Page Settings and send an invitation. Once they accept, they will be able to log in to the page builder to preview or make changes. They will not have access to any other Workable data or settings.
When you’re ready, click Publish to make your changes live.
In summary:
- Preview your page before publishing changes.
- Invite coworkers as page editors.
- The page automatically reformats for tablet and mobile.
Example pages
Check out a few examples of pages that have been created with the careers page site builder: