Onward

UX Researcher & Developer

·

September - December 2024

UX Research
AI Web App
Full-Stack Development
Figma
Next.js
Azure Speech
Overview

Preparing IENs for Context-Driven Healthcare Hiring

Internationally educated nurses (IENs) bring strong clinical skills to Canadian healthcare. However, hiring processes evaluate communication, cultural fit, and situational reasoning as much as clinical expertise. For IENs, that gap between what they know and how they're assessed is where opportunities are lost.

Onward is an AI-supported interview preparation web app that delivers structured practice, real-time transcription, and role-aligned feedback tailored specifically to the IEN experience. It was built for the BCIT Digital Design & Development Year 2 showcase exploring AI for underrepresented communities.

Key Results

  1. Achieved 8/10 perceived usability in moderated testing of the structured practice flow.
  2. Built and deployed a functional AI-powered web app MVP tailored specifically to internationally educated nurses.
  3. Identified contextual and linguistic friction as the primary barrier to IEN interview performance, validating the need for healthcare-specific over generic preparation tools.
  4. Delivered a complete product narrative including commercial video, brochure, landing page, and pitch deck alongside the functional MVP.

My Role & Scope

As UX Researcher and Developer, the work spanned both ends of the process, from defining the problem through primary research to building the AI pipeline that powers the final product

  • Led research and insight synthesis, defining the structured practice model
  • Bridged UX and development, translating validated flows into working MVP features
  • Developed and integrated the AI question and feedback pipeline within a modular architecture.
  • Shaped the product narrative, contributing to the commercial, brochure, and final pitch
Discovery Phase

Where Can AI Create Meaningful Leverage for Newcomers?

The team explored how AI could support newcomers to Canada across areas such as services, housing, and employment. Employment quickly emerged as a critical milestone for financial stability and social integration.

Within healthcare, immigrants make up 25% of the Canadian nursing workforce, yet nearly 50% of IENs are overqualified for their current roles. Employment barriers aren't about clinical competence. They're about the gap between what these nurses know and what Canadian hiring processes are designed to evaluate.

Problem

Interviewing Beyond Clinical Expertise

Healthcare interviews evaluate communication, situational reasoning, and alignment with workplace norms, not just clinical expertise. For internationally educated nurses, that distinction matters. Translating prior experience into culturally aligned responses introduces friction that generic preparation tools aren't built to address.

Research identified four interconnected barriers shaping the IEN experience:

Credential Recognition & Licensing

Tap to learn more

Credential Recognition & Licensing

Many IENs face long and costly licensing processes, often requiring extra exams, bridging programs, and courses. These hurdles delay re-entry into their profession and contribute to underemployment.

Cultural & Communication Barriers

Tap to learn more

Cultural & Communication Barriers

Canadian healthcare interviews emphasize soft skills, cultural competency, and local practices. IENs often struggle with unfamiliar formats, terminology, and ways of presenting experience.

Performance Anxiety & Feedback Gaps

Tap to learn more

Performance Anxiety & Feedback Gaps

Interview anxiety is heightened by unfamiliar hiring practices and limited culturally relevant preparation. Since the STAR method is often new to IENs, they struggle to communicate skills confidently without tailored feedback.

Government Support Falls Short

Tap to learn more

Government Support Falls Short

Programs such as the Foreign Credential Recognition Program address licensing challenges, but few initiatives focus on interview preparation and confidence building. This gap became the focus of our project.

How might we help internationally educated nurses translate their clinical experience into responses that resonate within Canadian healthcare hiring contexts?

Nurses collaborating outdoors, reviewing a tablet — Onward’s target users
Research Insights

Interview Preparation Patterns & Gaps

Primary surveys and secondary research identified preparation patterns among healthcare professionals, with additional barriers more pronounced for internationally educated nurses.

Common Interview Challenges

Additional Barriers for IENs

Preparation is largely unstructured and self-directed

Greater difficulty with question comprehension and response framing

Behavioral and situational prompts are difficult to anticipate

Cultural interpretation of “fit” and behavioral expectations

Limited preparation time increases anxiety

Challenges contextualizing international credentials

Where Other Tools Fall Short

Existing tools such as Yoodli, Google Interview Warmup, and PrepMeUp focused on generic interview prep, lacking healthcare-specific context and real-time feedback.

These gaps confirmed that the solution needed to be genuinely healthcare-specific and context-aware, not a generic interview tool with surface-level customization.

Solution

Personalized Interview Coaching

Onward is an AI-supported interview preparation web app built specifically for internationally educated nurses. Unlike generic tools, it combines structured practice, real-time transcription, and role-aligned feedback within a healthcare hiring context.

The platform centers on three integrated capabilities:

1.

Personalized Practice

Users upload a resume and job posting to generate context-specific interview questions aligned with healthcare hiring expectations.

2.

Real-Time Transcription

Azure Speech captures responses during mock interviews, surfacing filler words, pacing, and clarity gaps.

3.

Targeted Feedback

AI analyzes responses against resume and job context, returning categorized insights aligned with interview expectations.

Design Process

Reducing Friction Through Iteration

Task-based testing with program instructors and peers revealed that users struggled with decision points before they even started practicing. Terminology like 'Mock Interview' and 'Practice Interview' caused hesitation, button labels were unclear, and users didn't understand why video was being recorded. The design process focused on resolving that friction directly.

Session Configuration

Renamed “Practice Interview” to “Practice” to reduce redundancy and simplify language within the flow.

Introduced configurable controls for question count, interview length, and categories, along with a step-based progress indicator. This clarified expectations before entering the timed experience.

Two interview practice interface screens: left shows Question Practice selection with Behavioural, Clinical Scenarios, and Canadian Healthcare options; right shows Practice Overview with customizable number and types of interview questions and length settings.

Preparation Model Redesign

The initial flow previewed questions one at a time before answering, creating repeated interruptions.

The revised model introduced a consolidated question overview, allowing users to prepare in advance and complete the practice session without stopping between prompts.

Two-panel interface for a Practice Interview Question Bank; left panel shows a 'Question 1' text box with 'end' and 'next' buttons, right panel lists four interview questions: situational, technical, cultural, and competency, with a pink 'Start Simulator' button.

Practice & Analysis Alignment

The answering interface remained largely consistent, with minor layout refinements for clarity.

The feedback screen was restructured to align with AI-generated output, ensuring structured insights could be presented clearly within technical constraints.

Interface screenshots of a practice interview simulator including situational questions, video response recording, transcription, detailed analysis with feedback, filler and power words, and suggested topics.
App Walkthrough

Development

Building the MVP

The MVP was built with Next.js and React on the frontend, with Supabase managing authentication and storage. Development focused on implementing the core practice and feedback pipeline, from file upload to AI analysis.

Resume & Job Posting Uploads:

Personalizing questions to each user's actual role and experience was central to the product's value. Drag-and-drop uploads via Uppy stored files securely in Supabase Storage, with public URLs passed directly into the AI pipeline for question generation.

Resume and job posting upload — drag and drop interface with a Supabase upload code snippet

Video Recording & Playback:

Self-review of non-verbal communication was a key user need that generic tools don't address. In-browser recording using the MediaRecorder API captured video responses, stored them in Supabase, and made them available for post-session playback.

Webcam recording UI and code using MediaRecorder to capture and save practice answers

AI-Powered Questions & Feedback:

The feedback needed to feel role-specific, not generic. Uploaded resumes and job postings were analyzed via RoughlyAI, returning structured JSON with tailored interview questions dynamically rendered based on selected categories.

Question preview listing generated interview questions with prompt-builder code and category filters
Outcomes

Building a Research-Informed MVP

  • Built and shipped a functional AI-powered web app tailored to internationally educated nurses, validated through moderated usability testing.
  • Usability testing with program instructors and peers rated the core practice flow 75-80% intuitive, with one participant noting: "I see the value of this for a nurse new to Canada trying to get more confident."
  • Presented as a cohesive product narrative at the BCIT year-end showcase through a commercial video, landing page, brochure, and pitch deck.
  • Testing was conducted with program instructors and peers rather than active IENs, which remains the key next step for validating the product with the primary user group.
Lessons Learned

Bridging Design & Code

Wording guides user choices.
Terms like "Practice Interview" alongside "Mock Interview" caused hesitation. Renaming to "Practice" gave users a clearer sense of progression and made their choices more confident.

Design shifts in implementation. Working as both researcher and developer meant experiencing edge cases firsthand, like how an upload flow handles errors, that weren't visible in Figma. It sharpened how I think about designing with implementation in mind.

Clarity and context are accessibility.
For IENs, preparation was already high stress. Unclear instructions or inconsistent labels raised the barrier further, making low cognitive load design less of a checklist item and more of a cultural accessibility issue.

⇱ view project