Onward

My aunt's story: resilience through systemic barriers

Story

My aunt came to Canada as a refugee, fully qualified as a nurse. But licensing requirements forced her into volunteer work despite her credentials. Raising two kids alone, she had to struggle through everything together.

Her story is not unique. The data reveals a systemic problem:

  • 44% of internationally-educated healthcare workers are overqualified for their current position — Statistics Canada (2021)
  • 60% cited communication as their biggest barrier to employment in Canada — from our primary research survey of internationally-educated nurses

Marco Dizon's story mirrors hers. A nurse from the Philippines with years of experience, Marco faces the same barriers: language anxiety, cultural unfamiliarity with Canadian interview expectations, and the silent fear that his qualifications won't translate. Onward exists because this cycle needs to break.

Onward interface overview

Onward: Interview coaching for internationally-educated healthcare professionals

Overview

Onward is an AI-powered interview coaching app designed to help healthcare professionals, particularly those new to the Canadian system, excel in job interviews.

Role: Product Designer & Lead Developer

Duration: 4 months (Sept. 2024 - Dec. 2024)

Team:

  • Holden Budiman
  • Jasmine Putri
  • Jackson Saini
  • Angela Lee
  • Nea Pieroelie
  • Jerome Gache

Tech Stack:

  • Figma
  • NextJS
  • React
  • Chakra UI
  • Uppy
  • Azure Speech-to-Text
  • Deepgram Text-to-Speech
  • Roughly AI
  • Supabase
  • Lottie
Straight to business

The interface: intuitive, accessible, purpose-built

TL;DR

Problem. International healthcare workers excel in their field but struggle with Canadian job interviews — language barriers, cultural unfamiliarity, and anxiety hold them back from advancing.

Solution. Onward, an AI-powered interview coaching app with real-time feedback using the STAR method and filler-word analysis, designed to build confidence through tailored practice.

Impact. Shipped in 4 months. Presented to 200+ industry professionals, government officials, and investors. User testing: 8/10 ease-of-use rating. Validated with real users who loved the question preview and analysis features.

Marco Dizon: our primary persona

Marco Dizon: nurse, immigrant, problem-solver

Research

We started by listening. Through interviews and surveys with internationally-educated healthcare workers, a clear pattern emerged: the struggle wasn't qualification — it was communication. Not language alone, but confidence, cultural context, and the quiet fear of being misunderstood in a system that wasn't built with you in mind.

From that research, we built our primary persona: Marco Dizon, a nurse from the Philippines with years of clinical experience. Marco knows his field deeply. But in Canadian interviews, he falters. He overthinks his answers. Filler words creep in — "um," "like," "you know." He second-guesses whether his accomplishments will translate. He doesn't need more skills. He needs a safe space to practice the ones he already has.

Marco sat at the intersection of two distinct challenges: technical overqualification and emotional underconfidence. That combination became the design brief.

Information architecture and user flows

Mapping the user journey from awareness through practice to mastery

Problem

How might we use AI-powered practice and feedback to help internationally-educated nurses bridge communication gaps in the Canadian hiring process?

This became our north star. The core tension: how do you build confidence without adding pressure? Most interview prep tools are high-stakes simulations — they amplify anxiety. What Marco needs is a sandbox: a space to practice, fail safely, get specific feedback, and try again. Not once, but until the skill becomes muscle memory.

The challenge wasn't just building the app — it was designing the emotional experience. Every button, every feedback message, every loading state had to reinforce: "You're improving. You're ready."

Our structured site map with user flows for the main features

Our structured site map with user flows for the main features

Strategy & Direction

We established three design pillars to guide every decision:

  • Growth — Every session builds toward mastery, not just a one-off practice
  • Confidence — The interface should feel safe, supportive, and clear
  • Communication — Help Marco tell his story, articulate his value, and feel heard

With these pillars, we structured the information architecture around Marco's journey: first, understand what role he's targeting; second, practice with tailored questions; third, receive concrete feedback; finally, review and iterate. Each step removes friction and builds confidence.

Due to our tight timeline, we prioritized the practice interview feature — the core experience Marco would return to most. Everything else would follow, but this flow had to be flawless.

Navigating through Onward, with our call to action button to the main flows

Navigating through Onward, with our call to action button to the main flows

Design & Build

On a tight schedule, we tested early and often. User feedback drove every iteration — and as lead developer, translating that feedback into interaction logic became as important as the code itself.

Clarity Over Conventions

When a user tested our interface, she said: "Mock Interview or Practice Interview — which is which?" She'd studied for IELTS and knew the mental difference instantly: "Practice Mode" vs. "Practice Questions." We renamed and restructured the labeling. Small change, enormous clarity win.

Feedback Visibility

Early hover states were too subtle — just a box shadow. One user said the grey color made it look "unfinished." We standardized all button states to use color shifts instead, making interaction feedback immediate and clear across the entire app.

Loading States Matter

A user clicked "next" on the file upload page and nothing happened. She didn't know if it was broken or loading. We added explicit loading indicators. Now every async action has visible feedback, so Marco is never left wondering.

Timer UX: Pressure vs. Practice

Users told us they wanted to practice without the countdown timer's anxiety. So we split the logic: practice sessions measure time but don't count down (for low-pressure drilling), while mock interviews are fully timed (for high-stakes simulation). This single insight changed how we thought about the feature.

Consistency Signals Confidence

Button sizing was inconsistent — some large, some small. We standardized them. Hover states differed. We unified them. File upload labels were vague. We clarified them to "Select file to upload." Each small consistency win reinforced the emotional message: "This app respects your time and knows what it's doing."

One user rated ease-of-use 8/10. She loved seeing the question preview before answering. She loved the final analysis mockup. These weren't accidents — they were the result of testing, feedback, and iteration.

Our polished practice interview flow in action

Our polished practice interview flow in action

Outcomes

After 4 months, we shipped Onward. The impact was immediate: we presented it live to over 200 people — industry professionals, government officials, investors, and community members. The response was validation that Marco's problem was worth solving.

What we shipped:

  • Role-specific practice interview sessions tailored to the Canadian nursing job market
  • Real-time AI feedback structured around the STAR method, with filler word detection
  • Session history and re-practice loops so improvement compounds over time
  • A consistent, accessible interface — validated by usability testing, rated 8/10 for ease of use

But the real outcome is simpler: Marco can now practice without anxiety. He knows what works. He knows what to sharpen. He goes into interviews ready.

You can view Onward here: onward-prep.ca

Onward platform

The work continues - next iterations in motion

Reflection

Testing beats perfection. We didn't wait for pixel-perfect designs before testing. We prototyped, we watched users struggle, we fixed it. The grey hover state would have shipped if not for user feedback. The confusing terminology would have stayed. Early, continuous testing eliminated the gap between what we thought was clear and what actually was.

Dev work is UX work. As the primary developer, I didn't just implement designs — I shaped them. Loading states, button consistency, label clarity, timer logic — these were dev decisions that directly translated user feedback into interaction improvements. Being a developer who thinks like a designer meant we could iterate at speed without waiting on another cycle of wireframes.

What's next: Users asked for practice without timers (we solved that). They wanted to understand question types better (we improved labels). The next iteration will build on what we learned: native language practice modes, advanced analytics, peer comparison features without pressure. Every feature builds on what Marco taught us.

My aunt's story, Marco's story — they're about overcoming barriers that shouldn't exist. This project taught me that design isn't about making things beautiful; it's about making things true. True to the user's need. True to their capability. True to their dignity. Marco doesn't need an app that makes him feel small. He needs a tool that reminds him he's ready.