T2W
(Time to Work)

About the Project

A speculative HR mobile concept designed to reduce support tickets and increase employee independence for a multi-generational, multilingual workforce.

Role

Designer and HR SME

Duration

3 months
Go to prototype

Project Background

As an HR Coordinator, I am the first person employees turn to when they are frustrated. I watched daily as employees, who are mostly 50+ and non-native English speakers, struggled with software that was frustrating and difficult to use. This project was born from those daily observations. I realized the barrier wasn't a lack of employee interest—it was a lack of accessible design.

Leveraging my proficiency in Mandarin and Cantonese, I ensured that every primary action had 100% feature parity across languages, ensuring no segment of the workforce was left behind by the digital transition.

What's T2W?

T2W is a streamlined HR mobile concept designed to empower a diverse, multi-generational workforce.

Project Summary

Employees at my workplace rely on an existing HR platform that is difficult to navigate, frustrating to use, and often requires HR assistance for basic tasks. For this speculative concept, I designed a reimagined HR app that addresses observed pain points and delivers a simple, accessible, and efficient experience for employees to manage their own data and PTO requests.

T2W demonstrates how 'Enterprise UX' can evolve into 'Inclusive Design.' By enhancing user independence, HR teams can focus on strategic initiatives rather than routine technical support.

The Time Off Request User Journey

Problem areas

  • Resetting a password provide no details on requirements, forcing employees to seek manual HR intervention
  • Switching the app language removes core features, creating a functional divide for non-native English speakers
  • Finding a payslip or checking absence balances requires extensive search through deep menus
  • Employees often feel uninformed about company updates. News is usually physically posted on walls, leading to a constant stream of questions for HR staff
  • Enterprise software requires credentials that employees rarely remember, leading to high abandonment

Goals

  • Simplify Access: eliminate log in confusion and make it easier to access the app, even if you forget credentials
  • Empower Independence: Reduce "how-to" HR inquiries by at least 50% through intuitive, task-oriented design
  • Visual Transparency: Replace complex text-based lists with clear, visual representations
  • Centralize Communication: Create source of truth for company news to reduce inquiries

Solutions

Empowering low-tech users through clarity and simplicity.

Guided Authentication: I designed an Employee ID-based login and an OTP (One-Time Password) recovery flow. To solve the reset hurdle, I added a password requirement checklist that guides the user to success on their first try.

The Visual Dashboard: The home screen features prominent and fully interactive cards for the three main actions employees take most, as well as announcements so employees don't miss important information.

Absence Workflow

Accessible Forms: Personal information updates are no longer buried. Using large touch targets and typography, I ensured that even users with low tech-comfort can manage their data confidently.

Touch Targets

I stripped away the clutter and focused on a design that prioritizes the actions employees take most.

Localization

T2W Walkthrough

Defining Success Metrics

These metrics were chosen to directly address the accessibility and usability gaps identified during the discovery phase, each mapping to a specific pain point around HR support burden, navigation friction, and unequal feature access across language settings. The measurement methods combine task-based usability testing, employee queue monitoring, and behavioral analytics to capture both quantitative benchmarks and real-world usage patterns.

  • Metric 1: Task Completion Rate (TCR)
    • Goal: Enable low-tech and non-native English speaking employees to submit a PTO request without HR intervention.
    • Measurement: Use unmoderated usability testing to compare the time-on-task between the legacy system and the T2W prototype.
  • Metric 2: Support Ticket Volume
    • Goal: Reduce "Credential Reset" and "How-to" inquiries by at least 40%.
    • Measurement: Monitor the HR helpdesk queue for 90 days post-launch to identify trends in ticket categories addressed by the new UI.
  • Metric 3: Feature Adoption & Language Parity
    • Goal: Ensure 100% feature parity across all supported languages to eliminate the "functional divide" for non-native speakers.
    • Measurement: Track heatmaps and click-through rates (CTR) on the "Language Toggle" to ensure accessibility settings are being utilized effectively.
  • The most elegant solution is one that invisible-ly supports users' most basic needs.

    What's next?

    Testing with employees! Is there enough contrast with the colors? Are the touch targets big enough?

    Other Projects

    Adding account numbers

    Helping users resolve errors to submit orders

    View project

    Achieving feature parity

    Carrying over features amidst a platform acquisition

    View project