JobGurus (Bright Studios)

Designing a path-first product website for newcomers navigating the Canadian job market.

Website design for a tool that shows newcomers in Canada not just what jobs exist — but how to actually get one.

Capabilities
Website
IndustryEducation
CompanyJobGurus (Bright Studios)

About

JobGurus helps newcomers navigate the Canadian job market through career pathways. The project covered five website pages, designed with Bright Studios, using the route to becoming an electrician in Ontario as the launch showcase.

Challenge

A job listing shows the requirements. A course offers a qualification. Newcomers still have to figure out how these connect to their own situation. The website needed to make that path visible, including the difficult parts and what to do next.

Outcome

The career path became the central experience of the website. Six steps lay out the route, each explaining what it involves, what’s hard about it, and what action to take.

That gives JobGurus a concrete way to demonstrate its value. Visitors can explore the guidance itself, with the obstacles given as much attention as the milestones. The product’s approach is visible in the page — connecting career information to a sequence someone can follow.

Designing a path-first product website for newcomers navigating the… — image 1
Designing a path-first product website for newcomers navigating the… — image 2
Designing a path-first product website for newcomers navigating the… — image 3
Designing a path-first product website for newcomers navigating the… — image 4

Introduction

JobGurus is built on a simple observation: the career tools people rely on — job boards, course sites, consultants — all stop short of showing the actual path. You get a list of openings you can't qualify for yet, or a course with no evidence that it connects to a role. Nobody maps the distance between where you are now and where you need to be.

The founder wanted a website that does exactly that. Starting with one trade, one province, one path laid out end to end. The scope was five pages — Home, Career Path, Jobs, Job Detail, How It Works — with Electrician in Ontario as the launch showcase. I designed this site as part of Bright Studios.

The website design, hence, had to function like a tool, not a content or marketing page. The primary surface — the Career Path page — is where a first-generation professional or newcomer on a work permit should be able to land and immediately understand what step they're on, what comes next, and what's actually hard about it. Not a clean overview. A usable map.

Designing a path-first product website for newcomers navigating the… — image 5
Designing a path-first product website for newcomers navigating the… — image 6
Designing a path-first product website for newcomers navigating the… — image 7
Designing a path-first product website for newcomers navigating the… — image 8
Designing a path-first product website for newcomers navigating the… — image 9

The Career Path page is where the product either earns belief or loses it. A newcomer who's already paid for the wrong thing once lands here and needs to know immediately: this is different, this is for me, this is what I do next. If that doesn't land in the first minute, nothing else matters.

The six-step path component became the central design object — because the path itself is the product differentiator. Job boards can't show you this. Course sites don't know your step. The component makes the methodology visible, and that's what builds trust faster than any copy on the page.

Each step is structured around three tabs — what it is, what's hard about it, what to do — because the friction is the point. Most platforms sanitise the process. This one names it.

The visual direction keeps that same honesty: type-led, restrained, a single warm accent. The people using this product have been oversold before — by agents, by course sites, by job boards that list roles they can't qualify for yet. The design doesn't try to compensate for that with polish. It earns trust the same way the product does: by being direct about what's in front of you.

Work Showcase

More Case Studies

The Complexity Gap

You know the product and industry inside out. The people buying or using it bring different levels of knowledge and experience. The work is in making that complexity manageable throughout the product—helping beginners get started, supporting people as their needs grow, and giving experts the depth and control they need.

The Retention Gap

Getting someone to try a product is one thing. Becoming part of their day-to-day workflow is another. That comes down to how well it helps them do their job—how naturally it fits into their work, how much easier it makes important tasks, and whether it gives them a reason to keep using it.

The Growth Gap

The business moves forward, but the experience doesn’t always keep up. The story reflects an earlier stage, the website struggles with new content, and the product feels different depending on where you are. Growth, engineering, business, and design teams spend more time explaining, fixing, and working around the gaps. It gets frustrating for everyone.

Cursor Text