Sector(s)

Visit the site

Visit the site

Organizations Involved

SkilledTradesBC uses Drupal to promote the key mission: building the most diverse and sustainable workforce in Canada. The Drupal website supports equitable access to learn the trades, helping British Columbians unlock their potential. Evolving Web refreshed SkilledTradesBC’s digital brand to help attract industry partners, and provide clear directions for new apprentices seeking careers in the trades. Drupal’s flexibility made it easy to build an intuitive search experience and guided program selector: a user experience adapted to how the organization speaks to its audiences.

Describe the project (goals, requirements and outcome)
Back to top

Goals

The client wanted to reorient the website around the needs of potential apprentices and streamline the process for applying to an apprenticeship. Additionally, SkilledTradesBC was in the process of a rebrand, and the website aimed to contribute to the organizational goal of attracting people with diverse backgrounds to join the trades. At the same time, the project was the opportunity to upgrade the underlying CMS to the latest version of Drupal.

A showcase of SkilledTradesBC mobile site pages

Back to top

Challenges

The main challenge was creating a design that helps the site’s primary audience – would-be apprentices – to select a single trade from the hundreds of trades on offer.

SkilledTradesBC’s previous website’s guidance on becoming an apprentice was difficult to use and there was a need for more simplified wayfinding and content reduction. Various trades included inconsistent content and the website contained a large library of PDFs that were not readable on mobile devices.

A further challenge from a branding and marketing perspective was the need to shift the perceptions of the trades. The new site would be instrumental in SkilledTradesBC’s mission to raise the profile of the skilled trades and demonstrate that they are rewarding and inclusive career pathways.

Back to top

Solutions

The work began with a full discovery phase, starting with a stakeholder questionnaire and followed by a user journey workshop. Evolving Web also conducted a benchmarking study that analyzed the websites of similar organizations to understand their approach to streamlining apprenticeships into specific trades. Through the discovery process, the team established UX strategies and channeled the new art direction along with redesigned screens.

With a new name, logo, and a style guide to incorporate into the website, Evolving Web's designers interpreted their updated branding into the design with a fresh colour palette. The newly designed site also features updated photography to highlight the diversity and inclusivity of SkilledTradesBC.

Evolving Web work included:

  • Focused workshops to identify technical and design needs of the project
  • A flexible platform built in Drupal 9 using existing modules and adapted components that is easy for content editors to edit
  • Cloud hosting on Pantheon
  • Collaboration with the brand agency to translate the style guide into the design of the website
  • A fresh visual identity with iconography based on imagery from the trades
  • A search design leveraging on a quiz meant to help pre-apprentices find a trade
  • A range of comparison tools for trades, including industry conditions and level of market demand
  • Design of a simplified process for finding an apprenticeship, enrolling for courses and exams and other necessary steps
  • Simplified language guidelines and messaging with plain language, headings and subheadings, bulleted and numbered lists, tables, graphs and infographics
  • Design of embedded success stories aimed at presenting an engaging picture of careers in trades
  • Content governance strategy outlining standards, policy, processes and workflow recommendations
  • Search engine optimization (SEO) and analytics
  • Accessibility testing and related fixes
  • A Drupal training session and a customized documentation guide to empower their team towards digital independence and get the most out of their new website

A showcase of SkilledTradesBC mobile site pages

Back to top

Results

SkilledTradesBC now has a refreshed digital experience to empower their mission to support equitable access to skilled trades in British Columbia - one career at a time. With an intuitive search and filter experience and an appealing visual identity, the result of the new website is professional and user-centered with the look and feel of a print magazine.

Back to top
Why Drupal was chosen

Drupal has long been used by SkilledTradesBC thanks to its flexibility and ability to adapt to their technology roadmap. It has the ability to integrate with various platforms and tools, and offers robust security capabilities. Drupal’s flexibility made it easy to create a dynamic search interface, allowing prospective apprentices to easily find relevant trade programs and resources. This enhances user engagement and ensures that those seeking training have streamlined access to the content that speaks directly to their career path. Moreover, Drupal’s open source nature supports SkilledTradesBC in their commitment to community-driven solutions.

Screenshot of the SkilledTradesBC front page

Technical Specifications

Drupal version:

A showcase of SkilledTradesBC News Page