Invoice
Overview
Replacing manual billing management with a self-serve invoice experience inside Onomondo's SIM platform.
Context
About the product
Onomondo provides infrastructure allowing data transfer from devices on networks to customer storage solutions. The company sells SIM cards enabling physical devices — bicycles, shipping containers, cars — to connect to mobile networks for data transfer.
Despite the sophistication of the platform, billing remained entirely outside of it. Customers had no way to view or manage invoices themselves, creating a dependency on internal teams for every payment-related query.
Problem
A gap at the heart of the platform
The SIM management portal lacked a dedicated section for handling payments related to Onomondo products and SIM card shipments. This created two compounding problems: customers couldn't self-serve, and internal teams carried the full burden of manual payment management.
- No centralised payment method — customers had no way to view, manage, or pay invoices inside the platform.
- Resource-intensive manual processes — Customer Success and Finance teams handled all payment queries by hand, creating significant overhead.
- No visibility for customers — users couldn't access billing history, understand charges, or download invoices without contacting Onomondo directly.
Current state: billing managed entirely outside the platform by Customer Success
Research
Understanding the need
Research drew from three sources: customer requests documented in ProductBoard, a cross-functional workshop with Customer Success and Finance teams, and a Hotjar survey distributed to platform users.
"Users needed subscription management and visibility of due payments — consolidated monthly reports with invoices, and portal-based access to all billing data."
Recurring theme across ProductBoard customer requests
Workshop findings — collaborating with Customer Success and Finance revealed what the system needed to support internally:
- HubSpot and Stripe integration to connect billing with existing infrastructure
- Clear identification of account owners responsible for invoices
- Notification system for due dates and overdue invoices
- Detailed invoice transparency for customers and internal teams
- Ability for users to review and edit their invoicing information
Hotjar survey — 5 questions, 18 responses. Users were shown early design mockups and asked what they needed.
- Users appreciated expandable invoice rows for detailed information
- Requested clarity on carrier fees and access fees as separate line items
- Wanted data consumption breakdowns per network
- Desired colour-coded invoice status indicators for quick scanning
- Requested date-based filtering to find invoices quickly
Process
From insights to interface
The design process started by defining scope — separating must-have features from nice-to-haves — then moved into mockups that were validated through the Hotjar survey before refinement.
Must-have features:
- Invoice overview with clear status visibility across all invoices
- Direct payment capability through the platform
Nice-to-have features:
- Ability to edit billing information directly in the platform
Initial design mockups explored invoice layout, status indicators, and expandable rows
Key Design Decisions
What we built and why
01
Two invoice types
Invoices are split into Software Plan (monthly billing) and SIM Order (one-time charges). Each type shares core fields — billing period, deadline, total, status, PDF download — adapted to the nature of the charge.
02
Colour-coded status system
Status indicators allow users to scan invoice health at a glance without reading individual rows. Colour paired with label ensures the system is accessible without relying on colour alone.
03
Owner-only access
Invoice Overview is exclusively available to platform owners, ensuring privileged billing information is accessed only by the right people within a customer organisation.
04
In-platform notifications
Owners receive toast notifications on login for outstanding and overdue invoices. A minimum 10-day recheck interval prevents alert fatigue. Messages dismiss on close or timeout.
05
Integrated payment flow
Users can select their preferred payment method and complete payment directly within the platform — eliminating the need to contact Customer Success for any invoice-related action.
06
PDF download
Every invoice is downloadable as a PDF for access, saving, and printing — a baseline requirement for enterprise finance teams managing their own records.
Status Indicators
Paid
Invoice settled. No action required.
Outstanding
Payment due. Action available in platform.
Overdue
Past due date. Notification triggered on login.
User Journey
The expected flow
The redesigned journey gives platform owners full control over billing without leaving the product — from discovery to payment to documentation.
Outcome
Impact
Bringing invoicing into the platform transformed billing from a manual internal process into a self-serve experience — reducing overhead for Onomondo's teams while giving customers the transparency and control they had been requesting.
Self-serve
Customers can now view, pay, and download invoices entirely within the platform — no Customer Success involvement required.
↓ Manual work
Eliminated resource-intensive manual payment management previously handled by Customer Success and Finance teams.
Next Project
All Projects →