We recently redesigned how hiring staff create job listings.
As a result, we redesigned the job listing page to reflect the new structure and make other improvements.
# User needs
Need JN001
ValidatedAs a jobseeker
I need to easily understand a job listing
So that I know whether it’s suitable
Need JN004
ValidatedAs a jobseeker
I need to know what a school offers its employees
So that I can decide if the school is right for me
# What we changed
# Removing unnecessary styles
We removed styles that do not follow the GOV.UK Design System.
For example:
- we changed ‘Get job alert for similar jobs’ and ‘Save this job for later’ into standard buttons
- we removed the grey bottom borders used on h2 headings
- we removed the timeline styles for the publish, closing and job start date
# Removing the ‘Similar jobs’ section
We removed the ‘Similar jobs nearby’ section because it does not show relevant suggestions.
In future, we’ll add this functionality back in when we can reliably show relevant suggestions.
# Removing accordions for schools within a trust
Previously, on job listings at multiple schools within a trust, we showed details about each school within an accordion.
But to save space and make the page easier to read, we’ve changed this into a list of links to the individual school profile pages.
# Adding an ‘Apply for job’ call to action
Previously, the call to action to apply for the job was in the middle of the page.
This makes it hard to spot, so we added an ‘Apply for job’ button to the top of the page.
Clicking the button works differently depending on how hiring staff have set up the application process.
How applications are made | What the ‘Apply for job’ button does |
---|---|
Through the onlone application form | Takes the user to the first step of application form |
Downloading an application form | Scrolls the user down to the section to download the application form |
Clicking a link to an external website | Scrolls the user down to the section with a link to the external website |
# Screenshots
![Screenshot of Job listing](/images/job-listing-page-iteration/job-listing.png)
![Screenshot of Job listing - when jobseeker must apply with a form they download](/images/job-listing-page-iteration/job-listing--pdf.png)
![Screenshot of Job listing - when jobseeker must apply through an external website](/images/job-listing-page-iteration/job-listing--website.png)
![Screenshot of Job listing - listed at multiple schools](/images/job-listing-page-iteration/job-listing--multiple-schools.png)
![Screenshot of Job listing - closed](/images/job-listing-page-iteration/job-listing--closed.png)