workopolis-masthead-3

Workopolis
Redesign

Workopolis
Redesign

Workopolis
Redesign

Workopolis
Redesign

Workopolis
Redesign

From "home page inspiration" to complete UX strategy and redesign proposal.

CLIENT: Workopolis.com
AGENCY: Zulu Alpha Kilo
YEAR: 2015
ROLE: UX & Content Strategy, Copywriter, Creative Director

When Workopolis came to us in the fall of 2014, we had been working on the brand for several years already. And while some of that work extended into the digital domain, it mostly consisted of small advertising initiatives and banner campaigns.

But with increasing competition from sites like Indeed.com, Workopolis was in desperate need of a modern overhaul. The underlying product was good, but the consumer facing brand and design was dated and uninspiring. 

At first, Workopolis only engaged the agency for the types of deliverables it was used to asking us for - strategy, positioning, tagline and creative brand expression.

But as that high level brand work took shape on our end, leadership at Workopolis was growing concerned about not seeing the type of fresh, inspired design they were looking for from their internal team. As it turns out, the department was well resourced to run and maintain the website, but not to remake it entirely.

It was in this light, that the job of "providing some rough inspiration for a new home page" was thrown to us.

Given the scope of the initial assignment, we undertook a light and informal discovery process. Focus was placed on improvements we could see based on a scan of the competive environment, the new direction being taken by the brand team, available research into the latest changes in user behaviour, obvious content and usability gaps and pure aesthetic appeal.

It was not hard to find some quick wins.

First and foremost – and especially considering the primary purpose of the business – the functionality allowing users to perform the task of searching for available jobs was almost an afterthought in the existing design of the homepage. 

workopolis-old-02a-macbook-silver
workopolis-old-01-macbook-silver

Second but related, the site's basic search, advanced search and browse functions were not only physically separate tools but also featured very different design patterns and input parameters. For users, this makes knowing where and how to perform the primary task of job searches then refining results, both innefficient and confusing.

And beyond the core job search task, it was apparent from where the ongoing brand work was leading that Workopolis.com needed to provide value beyond efficient search tools and quality job listings to drive traffic and loyalty.

Turns out that value was hiding in plain site, buried deep in the poorly promoted news and career advice content already being produced for the Workopolis Blog. With some updates it could become the kind of career search support content that job seeker not only need, but want to consume.

Second but related, the site's basic search, advanced search and browse functions were not only physically separate tools but also featured very different design patterns and input parameters.

For users, this makes knowing where and how to perform the primary task of job searches then refining results, both innefficient and confusing.

Second but related, the site's basic search, advanced search and browse functions were not only physically separate tools but also featured very different design patterns and input parameters. For users, this makes knowing where and how to perform the primary task of job searches then refining results, both innefficient and confusing.

Highlights of the proposed solution include:

  • A single, omni-present search tool combining open keyword search fields AND filter menus (dropdown, checkbox, etc.) to simplify time to task and increase usability.
  • Responsive hide & reveal html 5 drawers and placement on the page (top or side) allow search filters to be accessed at any time without impacting real estate for search results and other interior link strategies.
  • More visual, magazine style layout would allow readers to choose and find content faster
  • Secondary “Next Article” navigation to move readers from one piece of content to another with fewer clicks and back tracking
  • Bigger, better (less stocky) imagery will help augment authority of commentary and incent sharing
  • Fully updated design language with guidelines for consistent use of stock photography, video, infographics

More Work

aequitas-neo-pricechange-masthead

Advantage All

Branded Content, Film, Social

audi-q7-projection-masthead

Projection of Greatness

Branded Content, Film

Audi_QuattroExperience_HeroTrackShot_16-9

Quattro Experience

Branded Content, Experiential, Gaming

bell-masthead-gradient

Bell Canada

Film, Digital, Social

Shure_Masthead

Breaking Sound Barriers

Film, Digital, Social

bybd-project-panel-thumb

Build Your Best Day

Branded Content, Gaming, Web Design

camh-brain-scan-thumb2

CAMH.ca

UX & Content Strategy, Web Design 

image31

Canaccord Genuity

Brand Refresh

corona-sunbeam-masthead

Corona Sun Beam

Branded Content, Experiential

doritos-viralocity-workpage-tile2

Doritos Viralocity

Integrated, Promotion, Social, Web Design

KA-emoji-smoothie-thumbnail

Emoji Smoothie Challenge

Branded Content, Promotion, Social

sleep-better-masthead-centered2

Everything Gets Better

UX & Content Strategy, Web Design

fidelity-info-thumbnail

Fidelity Investments

Film, Virtual Events

inspiration-printastic-projectpanel

Inspiration is Printastic

Branded Content, Social

mms-project-welcome-thumb

M&Ms Join The Hunt

Branded Content, Gaming, Promotion, Web Design

interac-makecash-masthead-book-1920×1080

Make Cash & Cheques History

Branded Content, Digital, Web Design

Remembrance-Island-Youtube-Thumb-16×9-1

Remembrance Island

Branded Content, Gaming, Social

05

This Is Fine

Film

tim-hortons-town-masthead-main-square3

Tim Hortons Town

Branded Content, Gaming

wokopolis-holiday-masthead

Workopolis Holidays

Branded Content, Film, Self-Promo

workopolis-project-panel-thumb

Workopolis.com Redesign

UX & Content Strategy, Web Design

zulu-for-2016-workpage-tile2

Zuligans for Either/Or 2016

Branded Content, Film, Self-Promo

This website was designed and built by a copywriter. No art directors were harmed in the process.

© Copyright 2023, Jonathan Webber. All rights reserved.

error: Content is protected !!