Back to all

Make payment process — Utility bill card payment flow for Public Grid

Public Grid Flows

Let’s talk
Utility bill card payment flow for Public Grid

The three moments of a card payment in Public Grid’s app: choosing what to pay, waiting, and getting a receipt.

The form keeps the saved card, the 3% fee and the amount choice in one column, with a renewable energy charge listed with its own due date. While the payment runs, the panel clears and shows the Public Grid mark with a Processing pill. The confirmation says Payment complete and lists what was paid for, the amount, the card used and, in red, what’s still due, with a single Done button.

Got something real to build?

I join your team as a design partner and stay for the long run, from the first flow to shipped UI.

Let’s talk