Mobile Navigation - Stacking UI Function
Below you'll see a schematic that describes how the APPLY button, SAVE button and EMAIL FOR LATER field displace the top navigation and stack at the top of every mobile job description page on Built In. This affordance was designed to ensure that users always have access to these functions while scrolling. Site stats showed a significant increase in mobile job applications in 2017.
Click on the image above to enlarge -
Mobile Job Listing
Below you'll see a depiction of a mobile job description page on Built In. The top navigation utilizes icons with labels. The company card at the top of every job description includes a logo, to assist the user in identifying the company in other listings. The flowing text is typeset in Clarendon, which is a similar typeface to the one used on Medium. Looking further down the page, you'll see a panel containing small job cards which permit the user to quickly scan similar jobs in the same market. At the base of the SIMILAR JOBS panel is a card that links to the job landing page for all jobs in that category.
