Employers Overload had a site that was long overdue for a facelift. But in re-imagining their website, they needed to include content for two equally important audiences. The design that was delivered captured this idea as pairs of pages that would be displayed using a secondary navigation - one for job seekers and another for employers - located below the hero image. Data Driven Design was asked to produce EO's website and implement this two-page system for several key pages across the site.
Because social media and SEO are tied to an individual web page on a site, it was extremely important to work out the details of the two-page system so that Employers Overload would be able to effectively share posts to social media, have their content picked up for SEO, and link directly to a page targeted to members of one group. In order to accomplish this, Data Driven Design created custom routing to detect URL fragments. On initial page load, the URL follows a standard format (for example, www.employersoverload.com/serv... ) and the page is assembled server-side, to render as quickly as possible. Instead, if you click a on the content toggle, it asynchronously loads the content of the other page and uses URL fragments (such as the "?page=/employer" added to the end of the page's URL) in order to make it possible to link directly to the page's current state. This maximizes the page's SEO and social media sharing potential.