Anthro-Tech

WorkSafeBC

Delivering health and safety resources to British Columbians through a responsive, information-rich website

The Problem

WorkSafeBC is a leader in promoting and creating materials to support healthy and safe workplaces in British Columbia. But almost 20 years after launching its website in 1996, the organization realized it was time for a redesign to better meet evolving user needs and website best practices. WorkSafeBC expressed a desire for a more centralized strategy and content governance after its site had grown to more than 9,000 webpages and 18,000 online resources. Over almost 2 decades, WorkSafeBC.com had become disorganized and unwieldy.

As we see frequently in large organizations, WorkSafeBC’s strategic goals, values, and corporate branding became lost through the dozens of different writing styles, design elements, and terminology used on the website. This lack of a unified voice and content governance structure resulted in poor user experiences and a negative perception of the agency, prompting WorkSafeBC to seek a redesign.

The Solution

The new WorkSafeBC.com leverages a wealth of qualitative and quantitative research and user-centered design best practices to better meet audience needs. Information is accessible across all screen sizes and is communicated in a unified, consistent message across all divisions of the organization, better reflecting WorkSafeBC’s values and goals.

Talk

Plain talk

Our Writing for the Web trainings educated staff on how to create easy-to-understand, actionable content. 

Maps

Simplified navigation

Users can now browse the website by distinct, topic-driven categories or find information using audience-specific pages.

021 100

Faceted-search design

Videos, posters, toolkits, and more are now available through a customized, faceted search. Results can be refined by topic, audience, industry, document type, and language. 

017 002

Fully responsive

Customers can easily access WorkSafeBC’s content and award-winning resources on mobile and tablet devices with varying screen sizes.

User Personas

Facts & Figures

  1. 6 Usability studies
  2. 4 Information architecture studies (1 card sort, 3 rounds of tree testing)
  3. 5 Personas
  4. 75 Usability study session participants
  5. > 58% Task success rate of original website
  6. 82% Success rate of pre-launch prototype

UX Concept

People Are Talking

User and Employee Quotes

“Your refresh looks amazing!”

“Well done WorkSafeBC. The website looks great!”

“Thank you. We’re excited about the improved experience for the people we serve!”

The Toolkit

Together with our partners at WorkSafeBC, we worked through the user-centered design process and provided a variety of services to meet the final goal:

User Research

  1. Data analysis of website search logs and analytics, customer service logs, social media, click analytics, and a baseline study
  2. Internal and external surveys and interviews
  3. Contextual interviews with stakeholders and subject-matter experts
  4. Audience segmentation
  5. User personas and scenarios

Design

  1. Full-scale inventory of all of WorkSafeBC’s web content
  2. Iteratively designed, user-tested information architecture
  3. Low-fidelity UX concepts were user-tested and informed high-fidelity, interactive prototype
  4. Card-sorting and tree-testing activities to develop and validate user mental models

Visual Design

  1. Partnered with Wasserman & Partners to provide visual design direction and consulting

Content Strategy

  1. Content workflow and governance plans
  2. Content improvement roadmap
  3. Style guide development

Training

  1. Survey development and analysis
  2. Immersive workshops on Writing for the Web and plain language best practices
  3. User-centered web design and testing