Annabelle Chow

CORE: transferring a desktop-only tool to mobile

CORE's internal table was data-heavy and restricted to desktop, making it difficult for staff to document, update, and manage cases on the go.

Role

Lead Product Designer

Type

Client

Skill

Mobile design, HTML, JavaScript

Duration

6 weeks

Team

Tian, John

The challenge

The original platform was unresponsive, so donor details could only be viewed and updated on desktop.

Client ask: take the Trackerboard and AOC Form and translate them into a mobile layout that is easy to digest and interact with on shift.

  • Not mobile adapted
  • Doubled staff workload
  • Left staff unable to update items on the go

The solution

A mobile platform designed around Administrator on Call (AOC) workflow.

  • Home dashboard: shift handovers, task list, one-tap access to high-priority organ cases
  • Trackerboard: donor cards instead of a desktop table, with time-sensitive data first
  • AOC Form: familiar field order, collapsible sections, progress bar for stage awareness

The impact

Proof of concept for dev handoff, with a validated design system transfer.

94%

success rate completing critical workflows without assistance

  • Client confidence to move the project into full-scale production
  • Documentation that helps the Spring 2026 development team start quickly

Finding the scope

A short timeline meant narrowing to the most on-the-go, time-sensitive user.

Administrators on Call handling active organ cases were the people most likely to be away from a desk. Pending cases and desktop-bound roles were deprioritized.

A key interview

Sitting with Nikki, a senior AOC, clarified what actually happens during a shift.

  • Handovers live in the notes section of the AOC Form
  • Heavy workload leads to missed tasks
  • Paper notes get retyped into the digital tool
  • Serology time reminders are valuable
  • Form input order is already standardized among AOCs

Design choices

Balance visibility with familiarity so the jump to mobile does not add cognitive load.

  • Keep AOC Form field order, grouped into jumpable sections
  • Replace the desktop table with scannable donor cards
  • Add a task list for handover and high-load shifts

User testing

Make the interface glanceable for time-sensitive contexts.

80%

of participants struggled to return after opening the AOC Form — pop-up reduced 5 clicks to 1

90%

felt the AOC Form list was redundant; it became an export/print page for morning huddles

Design advocacy

The client was skeptical of an AOC Form progress bar. Testing kept it in.

Every AOC fills the form differently. The bar made stage visible without extra hunting. Nikki recommended it; user tests proved it; the client reversed their initial doubt in the final presentation.

Final iterations

HTML and JavaScript proof of concept plus Figma for the next team.