FinTech · Web3

Airbills - The Future of Utility Payments

A crypto-powered mobile app that lets users in Nigeria pay everyday bills - airtime, data, electricity, flights - directly from their stablecoin wallet, with bulk checkout and a built-in reversal system.

Let's Connect
Role
UI/UX Designer & Researcher
Timeline
4 days
Tools
Figma, Google Forms, ChatGPT, Pen & Paper
Platform
Mobile

Project overview

Problem & solution

Airbills bridges the gap between crypto savings and everyday bill payments in Nigeria - designed for clarity, speed, and trust.

Airbills project overview - problem and solution

Who we designed for

The 4 W's

Before opening Figma, I framed the problem around four questions. These kept every screen tied to a real user need - not feature creep.

Who

Nigerians aged 19–40 who hold stablecoins - expats, remote workers paid in crypto, and locals hedging inflation. They pay 3+ bills monthly and juggle multiple apps today.

What

A mobile app to pay utilities, airtime, data, and travel bookings directly from a stablecoin wallet - with bulk checkout, dual currency display, and a reversal ticket system.

When

A focused 4-day sprint: Day 1 research & personas, Day 2 wireframes & flows, Days 3–4 hi-fi UI, prototype, and case study deck.

Why

Inflation drives crypto savings, but spending that value on local bills still means delays, failed transfers, and hopping between apps. Users want control without Web3 complexity.

Discovery

User research - by the numbers

I ran a Google Forms survey (18 respondents), two informal interviews, and competitive analysis. Here are the findings that shaped the design.

83%

frustrated by too many apps / steps to pay one bill

15 of 18 respondents

72%

save in crypto or stablecoins to hedge inflation

13 of 18 respondents

40%

experienced failed or delayed bill transfers

7 of 18 respondents

89%

would use bulk crypto bill pay if the UI is simple

16 of 18 respondents

61%

pay 2+ bills in the same week regularly

11 of 18 rated 4+ on frequency scale

67%

currently use fintech apps (OPay, PalmPay) for utilities

12 of 18 respondents

Google Forms survey

These are some of the questions I asked 18 respondents (friends and crypto community members) to validate pain points around bill payments and crypto usage.

Bill Payment & Crypto Usage - Nigeria

Airbills Research Survey · 8 questions · ~3 min · Responses are anonymous

Bank transfer / USSD
Fintech app (OPay, PalmPay, etc.)
Crypto wallet → convert → pay
POS / agent
Yes, regularly
Yes, but only sometimes
No, but I'm interested
No
Too many apps / steps
Failed or delayed transfers
High fees at POS
Can't pay directly with crypto

1 = Never · 5 = Very often

Yes, definitely
Maybe, if the UI is simple
No

Competitive analysis

Mapped against OPay, Binance, and Patricia - Airbills is the only one offering bulk crypto bill pay, flight booking, and a reversal system together.

SWOT competitive analysis

Ideation

Wireframes & early research

I started on paper - 12 screens sketched in one sitting - then used ChatGPT to stress-test layouts for Home, Bulk, and Refer-a-Friend before moving to Figma.

AI in my workflow

ChatGPT helped me draft lo-fi layouts and copy faster. Every suggestion was validated against survey data before it touched Figma.

ChatGPT - Home screen
Home screen layout
ChatGPT - Bulk screen
Bulk payments structure
ChatGPT - Refer a friend
Refer-a-friend screen

Users

Personas & informal interviews

Two personas anchored every design decision. I followed up with short, informal conversations to pressure-test flows before hi-fi work.

User personas - Mark Johnson and Beatrice Adaeze Ndi

Informal interview - Mark (15 min, voice note)

When you pay electricity and airtime in the same week, what does that look like?

Bro, it's three apps minimum. Binance to off-ramp, then my bank, then either OPay or I find an agent. Last month electricity token didn't drop for two hours - I was panicking because my daughter was home.

If you could stack bills and pay once, would you?

100%. Like adding to cart. If I see Naira amount and dollar amount side by side, even better - I think in both.

What would make you trust a crypto bill app?

Clear status. If something fails, I need to know who to talk to - not a Twitter DM. A ticket system inside the app would calm me down.

Informal interview - Beatrice (chat, 20 min)

You get paid in USDT. Walk me through paying your DSTV last month.

P2P on Binance, wait for buyer, send to Opay, then pay. The rates alone stress me. I just want to tap 'TV' and done.

Does "Connect Wallet" on login feel approachable or scary?

Scary if it's the only option. I liked that login with email exists and wallet is optional. Don't make me feel dumb for not knowing seed phrases.

Favorite part of the concept?

Bulk payments honestly. I'd do airtime for my mum, data for me, and electricity in one go every month.

User flows

Mapping the journeys

Onboarding

Splash Landing Create account Email OTP Wallet created Home

Payment paths

Scan & Pay

Scan QR Select service Confirm → Success

New Bill

All Services Pick utility Confirm → Success

Bulk

Add services Stack cart Single checkout

Hi-fi screens

Final UI designs

Every screen below maps back to a wireframe sketch and a research insight.

Onboarding & auth

Home & services

Splash and landing annotated

Bulk payments & checkout

Bulk and reversal annotated

History & reversal

All Services and Transaction History annotated

Prototype

Interactive walkthrough

Figma prototype recording - onboarding through bulk payment. Tap play to walk through the full flow.

Design system

Typography & color

Lexend Deca carries weight and clarity for money in motion. DM Sans keeps labels, body copy, and UI controls readable at small sizes.

Lexend Deca

Display & headings

$2,000 USDT

Pay 5 bills in one checkout

  • Regular400
  • Medium500
  • SemiBold600
  • Bold700

DM Sans

Body & UI

A code was sent to your email. Enter it below to confirm your payment.

  • Regular400
  • Medium500
  • SemiBold600
  • Bold700
Display 32px · Bold

$2000 usdt

H1 24px · Bold

Enter 5-digit code

H2 18px · SemiBold

Recent Transactions

Body 14px · Regular

Your electricity payment is processing

Caption 12px · Regular

Aug 6th, 1:03 PM

Button 14px · SemiBold
Confirm payment

Color palette

Orange signals action and crypto energy. Mint grounds trust, success, and calm utility flows.

Brand

  • Primary #F0670A CTAs & accents
  • Mint #2D6B4F Trust & success
  • Dark #0F0F0F Text & surfaces
  • White #FFFFFF Backgrounds

Status

  • Success #D4EDDA Completed payments
  • Error #F8D7DA Failed transfers
  • Reversed #FFF3CD Refund states
  • Muted #6B7280 Secondary labels

UI Kit

Components

Reusable building blocks - buttons, banners, timers, and loading states used across every screen.

Airbills components

Reflection

What I learned in 4 days

  • Research density over duration. 18 survey responses + 2 interviews surfaced the same themes as longer studies - multi-app friction and post-failure trust.
  • Dual currency display reduces anxiety. ₦ and $ together helped both personas feel in control without mental math.
  • Bulk checkout is the differentiator. 89% of respondents wanted it - it became the hero feature in nav and onboarding copy.
  • AI accelerates, doesn't replace. ChatGPT sped up wireframes and copy; pain points came from real people - not prompts.
Thank you for your time.
← Back to top