Designing Bills Feature on Grof
Role
Visual & Interaction Design
Timeline
Q2 2023
Platform
Responsive Web App & Mobile App
About Project
Grof launches an Account Payable (AP) management, enabling companies to track, record, and pay bills directly in the app.
Objectives
To make expense tracking and payments seamless while ensuring transparent approval flows. I designed experiences tailored for three user roles (Approver, Finance, and Basic) streamlining how companies upload, review, approve, and pay bills.
Key Actions
Approval Flows
Designed distinct workflows for Approver and Finance roles, ensuring proper checks before payment. Basic user could only upload bills/invoice and track payment status.
Impact: Increased transparency in approval flows. ✨
Cash Flow Visibility
Created a bill list table with clear upcoming due dates to help companies monitor upcoming bills and avoid late payments.
Impact: Improved financial visibility, helping users better manage cash flow. ✨
Automation with OCR
Introduced optical character recognition (OCR) for invoice uploads, minimizing human error. Users could upload bills directly in-app or forward them via email.
Impact: Reduced manual entry errors with OCR automation. ✨
Flexible Payments
Enable payment either through Grof’s business account or by can recording external payments in the app.
Impact: Increased transparency in payment flows. ✨