All workCase study 04 / 10

Collect Africa

One place for African businesses to get paid, pay others and keep their books straight, across every branch.

My role
Product designer
Timeline
2022 – present
Platforms
Mobile app + web dashboard
Tools
Figma
Outcome
Add your headline result
Reading
TL;DR

Getting paid shouldn't mean waiting for an alert.

The problemBusinesses couldn't confirm payments quickly, struggled to collect money from abroad, and couldn't keep one set of books across branches.
What I didRan research with the PM, synthesised it into personas, 12 user stories, flows and a sitemap, then designed the mobile app and web dashboard.
The resultAdd the headline outcome, for example active businesses, payment volume or time to confirm a payment.
Problem & my role

Money moves. Confirmation doesn't.

Receiving payment gets painful when the transaction takes ages to confirm, especially for foreign payments. Businesses with outlets in different states and countries can't run one accounting system, and keeping balanced records becomes a job of its own.

The objective: one place for a business's financial operations. Send money anywhere, get paid from anywhere, account for every branch in one view, and build better relationships with customers.

The journey, illustrated
  1. 01Munachi sells wristwatches from a stall at Obalende Market, Lagos.

  2. 02For every returning customer, he pastes his account number into WhatsApp.

  3. 03Then his customer waits in the shop for a bank alert that hasn't arrived.

  4. 04With Collect, the actions he needs most are one tap away: he makes a payment link.

  5. 05He shares it anywhere, and the customer pays whichever way they like.

  6. 06The payment is confirmed in the app straight away. No bank alert needed.

Illustrative, drawn for this case study from the research and design described here.

What I owned
  • Research with the PM: user interviews to test the brief's assumptions
  • Competitive analysis of Paystack and Stripe
  • Synthesis: pain points, two personas and value proposition canvases
  • Requirements: 12 user stories, user flows and the sitemap
  • Ideation: brainstorms, how-might-we questions and early mockups
  • Design: the mobile app and the web dashboard, end to end
How the work ran
  1. 01 · DiscoverResearch
    User interviewsCompetitive analysis
  2. 02 · DefineSynthesis
    Pain pointsPersonasValue proposition
  3. 03 · FrameRequirements
    12 user storiesHow might we
  4. 04 · StructureArchitecture
    User flowsSitemap
  5. 05 · DesignIterate & ship
    MockupsMobile appWeb dashboard
Research

Testing the brief before designing for it.

We had a brief, but the PM and the design team ran our own research to test our assumptions, understand users' problems first-hand and connect them to the company's goals.

QualitativeUser interviewsBusiness owners and staff talked us through how they get paid, keep records and manage customers today.
MarketCompetitive analysisHow Paystack and Stripe solve similar needs, and where a branch-heavy, mobile-first business is left out.
SynthesisWorkshopsBrainstorms and how-might-we questions with the team, distilled into the strongest concepts.
AddNumbersHow many interviews, and who: e.g. 8 owners across 3 cities.
What we heard · pain points, clustered
3 Getting paid
“Confirming customer payments takes forever when the bank is slow to send the alert.”Worse for international transfers
Accepting payments for e-commerce sales is difficult.
Collecting funds from customers abroad is a struggle.
2 Running the books
Keeping business books in order and records accessible is hard.
One company account across many branches doesn't work today.
1 Keeping customers
Managing clients and keeping relationships going is a constant effort.
Learning from the leaders
Key objectivePaystackStripeCollect (designed)
Get paid by customers anywhere✓✓✓
Integrate with commerce platforms✓✓ gateway & API✓ payment links
Billing & financial reporting–✓✓ reconciliation
One account across many branches––✓ with approval chains
Customer management & messaging––✓

Based on the key objectives and market advantages I noted for each competitor. Stripe also builds loyalty through its blog and content.

Who we designed for
ME

Munachi Eze, 32

Sells wristwatches from a stall at Obalende Market, Lagos · average tech literacy
  • Receive payments from customers across the country
  • Get paid easily by vendors who resell his watches
  • Take card or cash without mixing business and personal money
PH

Phonehub

Phone sales and repairs · 50+ staff · 20 outlets in Lagos, Abuja, Port Harcourt and Ibadan
  • Receive payments from customers nationwide
  • Reconcile every store's payments in one place
  • Create invoices and manage staff roles
Insights

Five things the research told us.

01

The pain isn't paying. It's confirming.

Munachi's customers wait in the shop for a bank alert. International transfers are slowest of all.

So wemade payment confirmation instant and in-app, independent of bank alerts.
02

Payments already happen in chat.

Munachi pastes his account number into WhatsApp for every order.

So wedesigned reusable payment links that can be shared anywhere and paid any way.
03

Branches break the books.

Phonehub runs a separate account per branch and reconciles at the end of each period.

So wegave the business one account, with branches, roles and approval chains.
04

Paperwork stops people at the door.

Clients without documents ready were dropping off during sign-up.

So welet businesses in first and asked for documents later.
05

Relationships are the business.

Both personas struggled to manage customers and keep in touch.

So webuilt customer management and messaging into the product.
Structure & flows

From 12 user stories to one clear map.

I wrote the user stories with the team, grouped them into three jobs, and used them to shape the sitemap and flows.

Get paid 6
Accept payments from clients for services I provide
Let customers set up recurring payments
Generate paylinks clients can use to pay
Accept payments in other currencies to trade abroad
Accept many payment methods so customers can always pay
Send invoices to customers for payment
Move money 3
Add money to my wallet to complete transactions
Send payments from my dashboard for services we need
Issue refunds when a customer asks for one
Run the business 3
Reconcile my accounts to keep accurate records
Add employees so the team can handle activities
Manage and add customers to build good relationships
Sitemap · simplified
Collect app & dashboard
  • Dashboard
    • Balance across branches
    • Reports & recent activity
    • Points & badges
  • My Business
    • Revenue
    • Customers
    • Invoices
    • Paylinks
    • POS
  • Collect (quick actions)
    • Most-used actions, one tap away
  • Transfers
    • Receive & send
    • Approval chains
    • Status tracking
  • Rewards & referrals
    • Points
    • Badges

Yellow outlines mark structures that came out of iteration: the nav was full, so features got a hub and quick actions got their own button.

Core flow · get paid with a link
Tap Collect→Payment link→Fixed amount, or customer decides?→Create & share anywhere→Customer pays any way→Instant confirmation
Key decisions

Trade-offs, and why I made them.

1Let businesses in before the paperwork is doneEvidence · Insight 04
Options

Require every document at sign-up, or let businesses in and verify later.

Decision

A quick sign-up for small businesses, large ones and freelancers. Some transaction actions stay locked until documents are in.

Why

It lowers drop-off from businesses without documents to hand, and gives value from day one.

Trade-off

Partly verified accounts, which means the app must make it clear what's locked and why.

2A Collect button for the actions that matter mostEvidence · Insights 01 & 02
Options

Spread actions across sections, or curate the most-used ones into a single quick-action button.

Decision

A Collect button that opens the actions research showed businesses most need on the go.

Why

Getting paid is the moment of truth. Nobody should dig through the app to do it.

Trade-off

Curation means choosing what's left out, so the list is driven by research, not opinion.

3A “My Business” hub instead of more tabsSee the sitemap
Constraint

The navigation was already full, and more business features were on the roadmap.

Decision

One section for revenue, customers, invoices, paylinks and POS, with room for what comes next.

Why

It keeps the main navigation calm and gives future features a home without a redesign.

Trade-off

Those features are one tap deeper, which is fine for weekly tasks but not for daily ones.

4Approval chains for multi-branch paymentsEvidence · Insight 03
Scenario

A branch in Abuja and one in New York both need to pay for services from the same business account.

Decision

Any branch can start a transfer. If an approval chain is set, the right people approve before money leaves, and everyone can track its status.

Why

Control without bottlenecks. It replaces the old signatory routine at the bank.

Trade-off

Approvals add time, so chains are optional and set by each business.

5Customer management with built-in messagingEvidence · Insight 05
Options

Leave relationships to email and WhatsApp, or bring them into the product.

Decision

Add customers, put them on services and message them by email and SMS, including birthdays and holidays. Replies land in one thread on the dashboard.

Why

Customers stay longer with businesses that relate to them, and businesses learn how to serve them better.

Trade-off

More scope to build and maintain, justified because relationships came up for both personas.

Final design

Eight parts, one product.

The solution needed both a mobile app and a web dashboard. They offer similar features, adjusted to what each audience has to work with.

OnboardingQuick, with paths for small and large businesses and freelancers, and no unnecessary steps.
Simplified dashboardThe daily first look, with the highest-priority data first and room for major actions.
My BusinessRevenue, customers, invoices, paylinks and POS in one place.
Collect buttonCurated quick actions that open as a sheet, from anywhere.
Customer managementAdd, organise and message customers, with replies in one thread.
TransfersReceive and send money across Africa and beyond, with approval chains.
Payment linksFixed or open amounts, reusable, and ready for e-commerce checkouts.
Rewards & referralsPoints and badges on the dashboard that keep businesses engaged.

The dashboard, annotated

  1. 1The dashboard is the first thing a business sees every day, so it leads with the highest-priority number: one balance across every branch.
  2. 2Rewards points and badges live on the dashboard to keep businesses engaged. Tapping them opens Rewards & Referrals.
  3. 3The Collect button holds the actions research showed businesses need most on the go, so nobody has to dig through the app to get paid.
  4. 4'My Business' was born in iteration: the nav was already full, so revenue, customers, invoices, paylinks and POS (and future features) got one home.
Impact

What changed, and how we'd know.

—Add a metric: e.g. businesses onboarded or onboarding completion
—Add a metric: e.g. payment links created or volume collected
Design and business aligned from day oneMany stakeholder calls kept design and business goals in step from the start.
How I'd measure success · proposed
  • Insight 01Time to confirm a paymentTime on task: from the customer paying to the business seeing it.
  • Insight 04Onboarding abandonmentAbandonment rate: sign-ups that never reach a first transaction.
  • Insight 02Payment link conversionConversion rate: links paid out of links created, each week.
  • Decisions 2 & 3Reach of quick actionsNavigation flow: share of key actions started from the Collect button.
  • RetentionWeekly active businessesRetention rate: businesses that come back to transact each week.
Reflection

Trust is designed with transparency.

  • Trust is the product. Earning the trust of one person, let alone a business, to manage their money is hard. Transparency and ease of use were the biggest factors in keeping users.
  • Profit is a design input. Understanding how the business makes money had to shape design from the start, which took many calls with stakeholders.
  • Time back is the real value. Helping owners run their finances gives them more time and energy to grow their business.
Prototype · optional

Get paid with one link.

Munachi used to paste his account number into WhatsApp and wait for a bank alert. Here's the flow that replaces that, rebuilt so you can use it.

Open the interactive prototypeOptional: try the core flow yourself, with the reasoning at each step.Open ↓Close ↑
9:41
MW
Good morning
Munachi's Watches
⭐ 1,240 pts
Business balance · all branches₦1,240,500+₦86,000 today
This weekRevenue
Recent activitySee all
Card payment
Ada O. · Lekki branch
+₦18,500
Paylink · Seiko 5
Bayo K. · Obalende
+₦42,000
Transfer to supplier
Approved by 2 of 2
−₦120,000
Link ready
Casio wristwatch₦25,000
collect.link/munachi/casio-7f2k
Customers pay with the method they prefer. Reusable for repeat buyers.

Try it yourself

  1. Tap the blue + Collect button
  2. Choose Payment link
  3. Type an amount (or let the customer decide) and create it
  4. Share it and watch the payment land
Why it works

Each step you complete explains the design decision behind it.

An interactive recreation of the shipped design. Names, amounts and the link are illustrative.

Jump anywhere

Go to a section, a case study or a chapter