Workforce Management · Internationalization

Timo — Trust-First Workforce Operations for a Global Workforce

From super-app chaos to operational clarity. Rebuilt a dense China-market surface into a trust-first, offline-resilient workflow that translated high-context cues into explicit, auditable steps for Western regulators—cutting payroll disputes and unblocking launches.

Duration 2 weeks
(Research → Rollout)
Role Staff Product Designer · Strategy · UX/UI
Partners Self-Directed Project

Domain

B2B SaaS · Workforce Management · Compliance

Deliverables

Mobile App · UX System

Scope

Information Architecture · Interaction & Visual Design · Prototyping

Timeline

Discovery → Redesign → Delivery

Executive Narrative

From Super-App Chaos to a System of Trust

The legacy super-app rewarded high-context behavior: dense iconography, stacked badges, and shortcuts that only power users could decipher. Western operators, however, needed explicit direction and provable compliance. I reframed the story for the C-suite around three pillars—Trust Engineering, cognitive load reduction, and cultural adaptation—so that payroll, legal, and operations leaders understood why we had to decompose ecosystem complexity into linear, compliant flows that onboard trust from tap one.

Timo corrections flow with guided checklist and digital receipt
The Challenge

The High Cost of Low Trust

  • Cognitive overload: Icon-only navigation and stacked badges demanded interpretation, so low-context crews hesitated and shifts slowed.
  • Trust gap: Mixed permissions, offline drops, and missing receipts meant payroll could not defend entries, eroding confidence with regulators.
  • Physical constraints: Fitts’ Law violations—tiny tap targets, dual-handed gestures—made the app unusable for gloved, on-the-move workers.

The redesign dismantled super-app density and replaced it with explicit language, auditable workflows, and ergonomic patterns that survive low connectivity—transforming interface ambiguity into audit-grade transparency—measured in fewer escalations and accelerated resolution velocity.

Design Principles

Cognitive Ergonomics in Harsh Environments

  • Fitts’ Law in the field: Primary actions sit within thumb reach at ≥48 pt so gloved workers execute without breaking stride, reducing mis-taps and retries.
  • Offline-first trust engineering: Every punch, correction, and roster change creates a cryptographic receipt that syncs instantly when connectivity returns, keeping payroll defensible.
  • Cognitive load reduction: One intent per screen, explicit language, and progressive disclosure keep low-context crews oriented while preserving manager power, shortening task completion times.
Solution

Rebuilding Trust Through Auditability

We decomposed the IA into five intent-specific zones—Home, Shifts, Requests, Messages, Profile—so every action maps to one accountability surface, reducing friction and audit ambiguity. The result is a calm surface for employees and a rigorous command center for HQ that withstands audits and rollout scrutiny.

Feature

Compliance-First Onboarding

Compliance-first entry removes ambiguity before a worker ever sees their shift.

Attendance flow with large button and location guardrails
Compliance-First Onboarding: surfaces location proof, policy acknowledgements, and trust signals, establishing trust before granting access.
Feature

Ergonomic Clock-In & Clock-Out

The one-thumb interaction adheres to Fitts’ Law: a single CTA sits inside the thumb zone, framed by compliance cues and shift context. Workers can record time on the go with a one-tap interface, automatically generating an auditable digital receipt for payroll.

Time off request flow showing inline policies
One-Thumb Interaction: ergonomic controls, inline guardrails, and instant feedback keep attendance trustworthy and fast.
Feature

Audit-Backed Scheduling & Team Roster

Audit trails combine timeline visualization with Trust Engineering. Every punch, correction, and approval sits on a shared ledger so crews, managers, and payroll interrogate the same source of truth.

Shift history timeline with audit events
Audit Trails: vertical timelines show action, actor, and policy context so disputes resolve with evidence.
Feature

Payroll & Ops Transparency

The Trust Dashboard consolidates certifications, pay periods, devices, and outstanding actions so employees and managers share the same transparency hub. Gestalt grouping keeps critical data at the top while deep-dive cards unlock compliance tasks when needed.

Profile hub showing pay, certifications, and tasks
Trust Dashboard: transparency across pay, credentials, and policy status keeps crews informed without pinging HR.
Feature

Respecting Contextual Boundaries

Context-aware messaging pairs conversations with underlying records. Each message inherits roster data, location, and audit trails, enabling supervisors to resolve issues within the workflow rather than via back-channel chats, improving response quality and accountability.

Messaging thread showing contextual information alongside actions
Respecting Contextual Boundaries: conversations stay tethered to the data they reference, preserving accountability.
Impact

Measurable Trust, Faster Work

  • Payroll: Trust receipts preempted conflict, turning ambiguous time logs into legally defensible records—unblocking payroll without back-and-forth.
  • Task time: Single-intent screens and ergonomic controls kept frontline crews in flow.
Visual Language

Encoding Organizational Trust into Interfaces

The visual system encodes trust into everyday interactions: calm neutrals establish clarity, a single electric-blue accent drives attention, and Inter typefaces ensure multilingual readability. The expanded UI examples below—clock-in progress, contextual messaging, and transparent pay summaries—demonstrate how trust, auditability, and accessibility persist across tasks and touchpoints.

Messaging thread showing contextual information alongside actions
Design Detail
Messaging thread showing contextual information alongside actions
Design Detail
Messaging thread showing contextual information alongside actions
Design Detail