WORK180 · UX & Product Designer · 2022–23

WORK180:
Progress Hub

An employer portal that empowers users to manage their profile data, complete the DEI Assessment, access the knowledge base, and use product features like the gender bias analyser.

Product research Wireframing UX UI Design Usability testing Collaboration with engineers
Progress Hub UI
Progress Hub UI
Progress Hub UI
Overview

The challenge

Our existing employer portal did not support our updated assessment model and offered only a limited self-service experience. Employers struggled to manage their own data independently, leading to frequent support requests that diverted valuable time from our Account Managers.

No self-service access

Employers couldn't access or update their own profile data independently, creating a bottleneck through Account Managers.

Confusing DEI assessment

The DEI assessment was a fully manual process run through spreadsheets. We needed to bring it into the portal, make it intuitive to complete, and allow employers to save and return at any time to track their progress.

No progress visibility

There was no way to track progress across different states and requirements, making the process feel opaque and unmanageable.

Manual save and submit

Saving, submitting, and editing information required manual AM support, slowing onboarding and increasing operational overhead.

The primary business goal was to increase employer profile launch rates by 50% and enable a fully self-service experience, reducing Account Manager contact hours.

Process

How I approached it

I joined the product team as UX Designer mid-way through this project, working closely with the Senior UX Designer to design wireframes and user flows for key features, tailoring experiences based on user entitlements. Since taking over as lead designer, I've been responsible for continuous refinements informed by real usage data from our endorsed employers, re-branding the portal and expanding the design system with new and refined components.

Product research
Investigated existing portal friction, employer needs, and AM support patterns to inform the design direction.
Wireframing
Mapped user flows and designed low-fidelity wireframes for key portal features based on user entitlements.
UX / UI Design
Crafted high-fidelity designs with clear progress tracking, step-by-step interactions, and a scalable component system.
Usability testing
Facilitated workshops and tested with stakeholders and employers to validate designs and shape ongoing decisions.
Engineering collaboration
Worked closely with engineers on handoff, documenting interaction patterns and edge cases to maintain quality through delivery.
Design

Brand colours

The WORK180 colour system — used across product, marketing, and employer-facing surfaces.

Deep Sea 100#99B5B2
Deep Sea 200#326B66
Deep Sea 300#1C4E49
Deep Sea 400#083430
Deep Sea 500#05211E
Deep Sea 600#031312
Cloud 100#FDFDFC
Cloud 200#FBFAF9
Cloud 300#FBF8F5
Cloud 400#F7F5F2
Cloud 500#F6F1EB
Cloud 600#EAE0D6
Mint 100#F9FCF8
Mint 200#EBF7E9
Mint 300#D3F6CD
Mint 400#B5E0AA
Mint 500#84BF73
Mint 600#608A54
Cherry Blossom 100#FCE5EE
Cherry Blossom 200#F087B3
Cherry Blossom 300#E94A8D
Cherry Blossom 400#D61A69
Cherry Blossom 500#BB175C
Cherry Blossom 600#861042
Grey 100#F7F7F7
Grey 200#F1F0F0
Grey 300#C9CACE
Grey 400#A2A3A6
Grey 500#65676E
Grey 600#4A4C50

Components

Real components from the design system, exported directly from Figma.

Outcome and impact

What I delivered

The redesigned portal delivered measurable improvements across both employer experience and internal operations.

Profile launch time
14 days
Time to launch an employer profile page
Previously 180 days
Self-service
100%
Employers can now manage their profile without Account Manager assistance
Previously required manual support
  • Successfully digitised and integrated the DEI assessment into the core product
  • Significantly reduced Account Manager support time and operational overhead
  • Improved usability and clarity across complex multi-state compliance workflows
  • Established a scalable foundation for continuous iteration and improvement
Takeaways

Key learnings

01

Design for empowerment

Good UX reduces reliance on manual support. When users can confidently self-serve, it frees up the whole team.

02

Collaboration is critical

Early and ongoing alignment with Product, Engineering, and stakeholders kept the project on track and reduced rework.

03

Balance complexity and clarity

When designing for compliance-heavy workflows, clear guidance and progressive disclosure are essential to reducing cognitive load.

2026 Update

Coming soon, a live DEI Assessment data dashboard

Building on the foundation of the Progress Hub, the next evolution brings real-time DEI data and industry benchmarking directly into the portal — replacing a static annual report with a living, always-current view of performance.

💬

Driven by user feedback. Employers consistently told us the annual PDF report was too long, difficult to digest, and arrived too infrequently to act on. They wanted a way to see how they were tracking at any point in the year — not just once.

Live data

Assessment data updates in real time as Endorsed Employers complete and revise their submissions — no waiting for a report cycle.

Industry benchmarking

Employers can see how their DEI commitments compare across their industry, surfacing meaningful context that a static report never could.

Always current

Instead of one dense annual report, employers get a clear snapshot of where they stand whenever they need it — making insights easier to act on.