Hubtel BackOffice Money feature
- Role
- UX Designer
- Timeline
- 2023 to now
I redesigned Hubtel BackOffice Money from nested, page based financial navigation into one task oriented workspace that helps merchants understand balances, move money, and track transfers with more confidence.
Business money management was scattered across routes
Accounts, cash outflows, transfers, histories, and approvals lived in separate destinations. Merchants had to learn the product's menu structure before they could complete a task or understand where their money was.
I designed the Money experience end to end
I was the UX Designer on a three person UX team, working with a UX Manager and UX Supervisor. I owned the design work from the initial problem framing through the final direction.
- Mapped the information architecture and merchant journeys.
- Designed the account, transfer, history, and responsive states.
- Iterated from the first consolidation through the final task oriented workspace.
The challenge was making a complex operation feel simple without hiding capability
The work had to give merchants a clearer starting point while preserving the depth needed for real payment operations. That tension shaped the move from a dashboard of destinations to a workspace organized around the jobs people needed to complete.
- Make common actions visible without turning Money into a crowded command centre.
- Keep account context present while merchants move between tasks.
- Improve scanability without losing the controls experienced operators rely on.
The old journey scattered context. The new one keeps it together.
Old Money was hard to scan; V2 made the destination clearer
The old flow made routine money management feel risky
The final model kept the useful cards but carried context into the task
V2 improved the home page, but users still had to return to it to change context
On mobile, the table did not survive the small screen
Organize Money around merchant tasks, not product pages
The redesign brought the most common jobs into one connected workspace instead of asking users to assemble the journey from navigation labels.
- Use collection accounts and disbursement accounts, language that better matches merchant mental models.
- Keep balances, account actions, and account level filtering in the same place.
- Make core tasks visible up front: All Accounts & Transfers, Pay Suppliers, Pay Employees, and Approve Transfers.
A unified Money workspace with account cards, clearer collection and disbursement context, direct account actions, recent transfers, and account level filtering. The emphasis shifted from finding the right page to completing the right task.
The biggest lesson was to design the complete job, not only the entry point
Consolidating content was not enough. The stronger solution came from reframing Money around the merchant's job: understand what funds are available, choose the right account, take action, and verify what happened.
- With more time, I would validate the information architecture with merchants earlier, before committing to the V2 structure.
- I would test the complete journey across accounts, transfers, history, and approvals, not only the Money home screen.
- I would bring mobile constraints into the process earlier and define success measures such as time to find an account and confidence after a transfer.
Money management is not a side task when payment operations run at national scale
These are Hubtel platform figures from one Ghana payment operation, included as operating context rather than a claimed outcome of this interface redesign.