01/ 12
← Work/04
0-to-1 ProductMobileService DesignInternal Tools·5 min read

Employee Expense Management

CompanyHP Inc
RoleProduct Designer
Year2021–2022

HP's first UX-led internal product — a mobile expense app replacing a legacy web tool used by 455,000 employees globally. Cut submission time by 58% and saved a projected 204,750 hours annually.

Business Context

This was HP Inc's first internal product led by UX rather than engineering. The brief was not just to fix a broken tool — it was to demonstrate that designing from user needs produces better outcomes than designing from system requirements.

Employee Expense Management
58%
Faster per submission
204k
Hours saved annually
4.8/5
Satisfaction post-launch
01 — Context

The first UX-led product at HP — and why that mattered

HP's internal expense management tool had been built to satisfy finance and compliance requirements, not human ones. The result was a process that routinely took 46 minutes per submission — for a task that should take five. Employees avoided it, submitted late, or abandoned claims entirely.

This was the first HP Inc internal product where UX led the process from the start — not retrofitted after engineering had built something. It was a direct test of whether design-led development would produce meaningfully better outcomes than the engineering-led status quo.

HP app
02 — Research

Two user groups with completely different jobs

I structured research around two distinct groups from the start: submitters (employees filing their own expenses) and approvers (managers reviewing their team's submissions). These are fundamentally different jobs — different workflows, different pain points, different definitions of done.

I started with data before talking to users. Google Analytics on the existing tool showed where people dropped off, which steps took longest, and which parts generated the most support tickets. Combined with a heuristic evaluation against Nielsen's 10 principles, I had a clear map of failures before the first interview.

The most-complained-about step: physical receipt scanning via the office printer. This single step accounted for a disproportionate share of the 46-minute average.

HP approver
03 — Design Decisions

Mobile-first changed the model — not just the screen size

The shift to mobile-first was about rethinking when and where expense submission actually happens. Employees submit expenses immediately after the event, on the move, not at a desk later that day. Designing for mobile made the product fit the actual context of use.

The most impactful single change: replacing printer-based receipt scanning with direct mobile camera capture and automatic receipt parsing. Session persistence meant partially completed submissions were automatically saved as drafts. Submitters and approvers received completely separate interface experiences — same underlying data, completely different interaction models suited to each role.

Mobile submission flow — receipt capture, draft persistence, progressive form

Available on request

04 — Outcome

58% faster. 204,750 hours returned to the business annually.

The numbers used HP's own operational data. 455,000 expense reports submitted annually. Old process average: 46 minutes — 348,833 hours total. New app average: 19 minutes — 144,083 hours total. Hours saved annually: 204,750.

Post-launch satisfaction was 4.8/5 across both submitters and approvers. The product also delivered a secondary benefit: approval cycles shortened significantly because approvers now had a clear, structured view of submissions rather than email attachments and scanned PDFs.

Final app — iOS submission view and approver dashboard

Available on request

05 — Reflection

What this project proved — and what I would push further

The HP project validated something important: when design leads the process from the start rather than being brought in to polish an engineering decision, the outcomes are measurably better. The 58% time reduction did not come from incremental improvement of the existing tool — it came from rethinking the interaction model entirely once the user context was properly understood.

What I would do differently: the approver experience was strong, but the research on approvers was thinner than the research on submitters. In retrospect, I should have run a dedicated research sprint on approval workflows before committing to the approver UI. The feature worked well but was more assumption-led than I would be comfortable with now.

From colleagues

"Sergi's keen eye for detail, creativity, and deep understanding of user-centred design greatly contributed to our project's success. His ability to work collaboratively with cross-functional teams is exemplary."

Tristan Draaisma
Senior Product Owner — worked directly with Sergi, 8 months
Team

Product Designer (Sergi — lead), UX Design Lead, Engineering team, Internal stakeholders across Finance and HR.

Next project

Thread Replies & Communities