MYGCPAY HR-TO-PAY PLATFORM

Enhancing employee pay transparency while reducing service bottlenecks

Role
Lead Product Designer
IBM Consulting
Client
Public Procurement Canada
Government of Canada
Timeline
Mar 2019 - Jun 2021
Designing for a national crisis

In 2016, rollout of a new federal Canadian payroll system, called Phoenix, triggered a national crisis: pay inaccuracies and prolonged issue backlogs. What began as a technical rollout failure quickly became a trust collapse. 

I was onboarded by IBM to design solutions that restored employee confidence. While I contributed across multiple initiatives, this case study focuses on MyGCPay—a centralized, web platform that made pay information interpretable and case resolution more transparent.

IMPACT
Successful rollout to 330k impacted users across the entire federal workforce
$
0
1
2
3
4
5
6
7
8
9
M
contract extension
Scaled the solution based on measurable design impact
+
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
%
case processing
Significant reduction in pre-2020 outstanding transactions
+
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
%
issue tickets
Reduction in manual inquiries via self-service and AI
01 — PROBLEM SPACE
Dealing with the aftermath

Pay support existed on paper, but in practice the path to resolution was opaque. Employees were left to identify and escalate their own pay problems, navigating between portals, documents, policies, and processes.

Public scrutiny continued to put increasing pressure for change.

Roughly 200,000 outstanding pay transactions

At the same time, compensation and call centre teams were overloaded by repeat inquiries, many of which were driven by uncertainty rather than new information. Employees continued to ask:

“Am I being paid correctly, and is anyone doing anything about it?”
This wasn’t only a payroll problem — it was a visibility problem 💡
02 — STRATEGY
A major constraint that shaped key decisions

Designing MyGCPay was not a blank-slate exercise. The solution had to operate within a highly constrained ecosystem shaped by policy, legacy infrastructure, and public accountability.

This meant developing a transparency layer that sits over existing systems that consolidates data and guidance for self-service. The dashboard would be
high impact, low risk, and faster to ship.

03 — ROLE
From strategy → ship: my scope & ownership
  • Led discovery + aligned stakeholders through scoping workshops

  • Owned IA + interaction model for the manager dashboard

  • Defined additional component specs + edge cases for delivery

  • Facilitated service blueprint + roadmap alignment

🚀
I shipped...
Employee dashboard · case status tracking · AI chatbot · manager dashboard · call agent policy search
🌱
I enabled scale with...
Expanded design system · service blueprints · product roadmap
04 — PROCESS
Unblocking delivery via cross-functional alignment

Staff at call centers, compensation centers, and HR departments had limited visibility and conflicting priorities. To meet the urgent demand for results, I used a lean and collaborative approach to validate my designs and get stakeholder buy-in.

01

Focus group interviews
Conversations with different pay resolution teams to understand existing challenges.

02

Heuristic evaluation
Identifying usability issues across employee tools and workflows.

03

Workshops
Collaborating with engineering, data, and business teams to define and prioritize opportunities.

04

Design blueprints & wireframes
Strategizing product scale with considerations for future functionality and data integrations. Blueprints and wireframes were iterative — feedback was provided during focus group interviews.
05 — SOLUTION
MyGCPay at a glance

Over two years of design work went into shaping the MyGCPay dashboard and its supporting pages. Here’s a look at some of the key features we brought to life:

Employee data at their fingertips

Over two years of design work went into shaping the MyGCPay dashboard and its supporting pages. Here’s a look at some of the key features we brought to life:

Managing multiple paystubs and roles

Employees can now stay on top of their pay across overlapping acting positions in one consolidated view. They have access to pay breakdowns and past earnings — something they had to previously track on their own.

Bringing transparency to pay case tracking

The two-step triage of processing pay issues has become more transparent to users. Employees can now follow their inquiry from submission to escalation, seeing exactly when it transitions into an active case.

A scalable design system

With data approvals happening in phases, we designed the UI to evolve in phases too. A bento-style layout let us ship early and scale responsibly — adding and rearranging cards as datasets were approved and validated through testing.

User path to progressive disclosure

Previously, important information was buried deep within web portals and across several pages. With this new design, employees can quickly navigate to information with less keystrokes.

06 — DOCUMENTATION
Design guidelines: continuity after handoff

As teams rotated and delivery evolved, the risk wasn’t the interface — it was losing design intent. We created continuity guidelines capturing logic, accessibility requirements, and edge cases to preserve experience integrity beyond handoff.

Product roadmap: driving $5M contract buy-in

A collaborative roadmap aligned managers and compensation advisors, leading to contract extension and anchoring MyGCPay within their operational workflows. These efforts led to continuous partnership down the road.

07 — OUTCOME
A success story: restoring hope

When MyGCPay rolled out to 330,000 federal employees, it changed the day-to-day experience from guessing to knowing. Its launch contributed to the reduction of pay-related tickets across the public service.

More importantly, it earned genuine user support, echoed in national coverage and social posts!

08 — REFLECTION
Key lessons I carry forward

This was my first time leading design at this scale, where AI and governance had to coexist. I learned to design guardrails, define escalation paths, and ship responsibly.

01

Intentional friction improves outcomes

Strategic friction reduces costly errors. In high-stakes workflows, slowing users down at key moments improved comprehension and prevented downstream escalation.

02

Alignment is a deliverable

Workshops, service blueprints, and handoff documents were just as important as final designs. Shared artifacts created a single source keeping decisions moving.
(NEXT PROJECT)

Sobeys web unification

Image of Sobeys homepage containing link to next project