Enhancing the job page experience by creating unified components

About

The job page is one of the most critical areas of ZipRecruiter’s platform, but with over four different versions, it caused inconsistency, higher development costs, and slower time-to-market.

As the lead designer, I led the initiative to create a unified job page for a more cohesive experience across product areas.

Initial feedback has been positive, with job seekers finding the new design easier to read and understand. Next steps include rolling out the design across more areas and conducting A/B testing to track engagement and application rates.

Role

Product strategy

Information architecture

UX/UI design

XFT alignment

Timeline

Aug 2024 — Present

Problems

The job page existed in over four different versions, causing a disjointed user experience and operational inefficiencies.

Fragmented job page designs in production

Design highlights

I developed a unified job page design featuring shared components that provided a cohesive experience across all product areas.

The new layout improves readability through a structured hierarchy, distinct content sections, and a balanced visual design, allowing users to easily scan and understand job details.

Key job details are presented with four job attributes, each accompanied by iconography. These attributes were identified through UXR as the factors that job seekers care about most, enabling them to easily assess the job.

Critical actions like "Apply" and "Save Job" are grouped in a sticky position, ensuring they remain accessible as users scroll through the page.

An interactive map feature allows users to calculate commute times from their location to the job site, enhancing user engagement and facilitating better decision-making.

A scheduling feature enables job seekers to book intro calls with hiring managers through ZipIntro, streamlining the application process.

Various widgets are available to capture users' diverse intentions and meet other needs, such as collecting job preferences or setting up alerts for similar positions.

Results

Job seekers found the new layout easier to navigate, and internal teams noted lower development costs and faster update cycles thanks to the unified component.

The redesign is currently in testing, and we've received positive early feedback from both users and internal teams. The next phase will focus on expanding the redesign to additional product areas and conducting A/B testing to refine interaction points. We’ll track engagement metrics like click-through and application rates to ensure ongoing improvements.