01/ 14
← Work/05
0-to-1 ProductMobileService DesignInternal Tools·5 min read

Employee Expense Management

CompanyHP Inc
RoleProduct Designer
Year2021–2022

The first UX-led internal product in my organisation at HP. 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.

58%
Faster per submission
From 46 min to 19 min per expense report
204k
Hours saved annually
455,000 reports × 27 min saved, HP's own data
4.8/5
Satisfaction post-launch
Across both submitter and approver user groups
01
Context

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

46 minutes to submit an expense report. For a company with 455,000 employees, that is not a usability problem, it is an organisational one.

58%
Faster submission time
204,750
Hours saved annually
4.8/5
Post-launch satisfaction

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.

Key points
01455,000 employees globally, every minute saved per submission scales massively
02Average submission time: 46 minutes, for a task that should take under 10
03First HP Inc internal product led by UX from the beginning, not retrofitted after build
04Mandate: prove that user-led design produces better outcomes than requirement-led engineering
HP expense management mobile app, submitter flow showing receipt capture and expense categorisation
02
Research

Two user groups with completely different jobs

Submitters and approvers are not the same user. Treating them as one would have produced a compromise that worked poorly for both.

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.

Key points
01Research split across two distinct user groups: submitters and approvers
02Google Analytics drop-off analysis completed before first user interview
03Heuristic evaluation against Nielsen 10 principles mapped failures systematically
04Physical receipt scanning via printer identified as the highest-friction single step
HP expense management mobile app, approver flow showing team submission review and approval
03
Design Decisions

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

Designing mobile-first was not about shrinking the desktop experience. It forced a rethink of the entire interaction model.

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.

Key points
01Mobile camera and auto-parsing replaced printer scanning, the single highest-impact change
02Session persistence: drafts saved automatically, eliminating abandoned submissions
03Separate interfaces for submitters and approvers, same data, completely different experiences
04Progressive form design reduced cognitive load for first-time submitters significantly
"HP's first UX-led internal product in this vertical, meaning no existing design patterns to follow, no prior user research to build on."
Key design decisions
1
Expense submission happens in the moment, on the move, not at a desk later. Mobile-first was not about screen size; it forced a rethink of the entire interaction model.
2
Mobile camera capture with auto-parsing eliminated the single highest-friction step, the one that accounted for the most time in the 46-minute average.
3
Auto-saved drafts eliminated abandoned submissions, the second biggest source of drop-off after receipt scanning.
4
Submitters and approvers received completely different UIs on the same underlying data, each optimised for their actual workflow, not a compromise between the two.

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

Available on request

04
Outcome

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

HP's own data made the ROI calculation straightforward. 455,000 reports annually. 27 minutes saved each. That is 204,750 hours, every year.

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.

Key points
0146 min to 19 min per submission, 58% reduction in time
02204,750 hours saved annually based on HP own 455,000 report volume
034.8/5 post-launch satisfaction across both submitter and approver user groups
04Approval cycle time reduced as a secondary benefit, not explicitly designed for

Final app, iOS submission view and approver dashboard

Available on request

05
Reflection

What this project proved, and what I would push further

Design-led process produced outcomes that engineering-led development had not achieved in years of iteration.

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.

Key points
01Design-led process produced outcomes that years of engineering iteration had not achieved
02The biggest gains came from reframing the interaction context, mobile, in-the-moment, not from UI optimisation
03Approver research was the weakest part, a dedicated sprint would have strengthened that surface
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

AI-Powered UI Generation

What started as two people building something nobody asked for is now the standard design-to-code workflow for three platforms at Gainsight. 20+ screens shipped, zero rewrites, and formal sign-off from product, engineering, and UX leadership.

Read case study →
AI-Powered UI Generation