Empowering 22K+ merchants to effortlessly bill customers and collect payments.

Empowering 22K+ merchants to effortlessly bill customers and collect payments.

A case study on simplifying invoicing for Merchants

A case study on simplifying invoicing for Merchants

Lead Designer

Lead Designer

2024

2024

7 min read

7 min read

8 Weeks

8 Weeks

Why invoicing?

Merchant success is out upmost priority

Hydrogen's North Star of merchant business, TTV (Total Transaction Value) hits $32B in 2024 from $7.5B in 2023. Driven by our commitment to merchant success, it became important for us to create features that empower merchants to bill customers and collect payment, creating greater value and expanding opportunities.

Hydrogen's North Star of merchant business, TTV (Total Transaction Value) hits $32B in 2024 from $7.5B in 2023. Driven by our commitment to merchant success, it became important for us to create features that empower merchants to bill customers and collect payment, creating greater value and expanding opportunities.

Problem

Merchants struggle to request payment in an efficient and timely manner

Merchants struggle to request payment in an efficient and timely manner

Merchants often struggle with inefficient, disjointed methods for requesting payments, lacking the formality and clarity needed for effective financial management.

UX Research

Merchant shared a series of challenges they currently face

Partnered with our UX Research team to identify the challenges our merchants faces in billing their client.

I need something professional

that represents my brand.

Reconciling hundreds of

invoices eats up hours.

Manual Excel invoices waste

time and cause errors.

I can’t see my sales history

with payment links.

Our invoicing tool doesn’t talk

to our payment system.

Manual workflows make us

look outdated.

I need something professional

that represents my brand.

Reconciling hundreds of

invoices eats up hours.

Manual Excel invoices waste

time and cause errors.

I can’t see my sales history

with payment links.

Our invoicing tool doesn’t talk

to our payment system.

Manual workflows make us

look outdated.

Approach

Fueled by curiosity, we rapidly test ideas to discover what works and refine what doesn’t.

Fueled by curiosity, we rapidly test ideas to discover what works and refine what doesn’t.

Iterated swiftly to uncover intuitive, efficient interfaces that streamline workflows and boost user adoption.

Iterated swiftly to uncover intuitive, efficient interfaces that streamline workflows and boost user adoption.

Solution

Designed an adaptive, payment-first invoicing flow that decouples setup from creation, reveals only context-critical inputs, and automates defaults, validation, and reconciliation, optimizing time-to-invoice and successful payment volume

Designed an adaptive, payment-first invoicing flow that decouples setup from creation, reveals only context-critical inputs, and automates defaults, validation, and reconciliation, optimizing time-to-invoice and successful payment volume

01

Multi-Select Customer Invoice Creator

Enabling users to generate bulk invoices for multiple clients/companies in one flow. Focused on intuitive multi-selection to reduce steps in high-volume billing workflows. Add New Customer" button for seamless database expansion.

02

Streamlining Multi-Customer Billing: A Game-Changer for Merchants

Enabling a single-flow multi-customer billing system, where users select multiple recipients, apply bulk templates, and generate invoices en masse, revolutionizes this by slashing preparation time by up to 70%, per industry benchmarks from tools like QuickBooks, Mercury and FreshBooks.

03

Flexible Recipient Management in Invoice Dispatch

I emphasized recipient configuration to support seamless multi-stakeholder invoicing, allowing merchants to target NNPC's primary contact (finance@nnpc.com) while adding optional CC fields for internal reviews and a "+ Add More Recipient" button for scaling to teams or partners. This modular setup ensures compliant, targeted delivery, reducing undelivered invoices by 35%

04

Invoice Preview for customers

An invoice preview screen, providing clients a clean, mobile-optimized view of finalized bills with clear financial breakdown before payment.

SAY HELLO!

CONTACT ME

SAY HELLO!

CONTACT ME

hi@praiseayoola.com

hi@praiseayoola.com

Created by Praise Ayoola . Font: Clash Display, Inter tight

Created by Praise Ayoola . Font: Clash Display, Inter tight