Invoice & Billing
Overview
This platform was designed to help businesses manage invoicing, payment processing, and accounting synchronization within a single system. The goal was to provide a comprehensive billing and payments platform that simplifies financial workflows for small and mid-sized businesses.
Initially designed for small businesses, the platform evolved into a SaaS solution used by larger service-based companies, functioning as a lightweight ERP for managing billing operations.
A key feature of the platform is two-way synchronization with accounting software, ensuring that invoices, payments, and financial records remain consistent across systems.
My Role
UX/UI Designer
Chargezoom Product Team
Responsibilities included:
- UX strategy and workflow design
- dashboard and interface design
- design system creation in Figma
- collaboration with engineering teams
- usability improvements through research and analytics
Users
Primary users included:
• small business owners
• internal bookkeepers
• finance administrators
• service-based companies managing recurring invoices
Many users were not accounting experts, so the platform needed to be simple, intuitive, and familiar to existing accounting workflows.
User Pain Points
The Problem
Businesses frequently struggle to automate their billing and payment processes due to limitations in existing tools.
Key challenges included:
• Many billing platforms support only one-way synchronization with accounting software
• Some systems restrict the payment gateways businesses can use
• Businesses must manually update invoice statuses and reconcile payments
• Traditional mailed invoices slow down payment collection
These challenges created inefficiencies and delayed payments, particularly for small businesses managing large numbers of invoices.
Research & Discovery
Businesses frequently struggle to automate their billing and payment processes due to limitations in existing tools.
Key challenges included:
•Many billing platforms support only one-way synchronization with accounting software
• Some systems restrict the payment gateways businesses can use
• Businesses must manually update invoice statuses and reconcile payments
• Traditional mailed invoices slow down payment collection
These challenges created inefficiencies and delayed payments, particularly for small businesses managing large numbers of invoices.
Chargezoom's role syncing the billing and payments process.
Design Approach
The primary design goal was to create a platform that felt intuitive from the first use, minimizing the learning curve for users with limited accounting expertise.
Key design principles included:
Workflow Familiarity
Interfaces were structured to resemble traditional accounting workflows, helping users quickly understand how to create invoices, send payment links, and track transactions.
Centralized Billing Dashboard
A dashboard provided visibility into recent invoices, payment status, and outstanding balances, allowing users to quickly take action.
Two-Way Accounting Sync
The platform synchronized invoice and payment data bi-directionally with accounting software, eliminating the need for manual updates.
Payment Accessibility
Users could send payment links directly to customers or process payments through a virtual terminal.
Problem framing & Resolve
Impact
The platform simplified complex billing workflows and allowed businesses to manage payments more efficiently.
Key improvements included:
• reduced manual reconciliation between billing and accounting systems
• faster payment collection through digital payment links
• simplified invoicing workflows for non-technical users
• centralized visibility into billing activity and financial status
The result was a scalable SaaS billing platform capable of supporting businesses of all sizes while maintaining a simple and intuitive user experience.
Video: demonstrates the behavior of the invoice details page where users can process and make changes to open invoices
Mobile Platform: Videos show mobile behavior and Ui, this was accessible by web browser. The mobile version of the application did not have all sections of the platform but rather based on users feed and and need when having to use the platform on their mobile phone.
Navigation Components & Style Library: These are two examples that are part of the Chargezoom design library. I created this system as the sole designer for the startup. Prior to my tenure and redesign their was no design system, nor style library for the platform. The task required close collaboration with product management and the development team to standardize and document the whole projects completion.