WorkUser experience design

Referrals that reward the right people

I redesigned Thndr’s referral program on both the user and the admin side, pairing a clearer experience with smarter reward rules. Abuse fell from 12% to 1.3% while eligible referrals rose from 30% to 74%.

Before

The old referrals screen: a yellow page with a link field and three bare numbers

One state, three bare numbers

After

New progress view showing each step of a friend’s referral
New rewards list with expiry dates

The referral hub, before and after

Company
Thndr
Discipline
User experience design
My role
  • End-to-end UX for user and admin sides
  • Reward rules and eligibility design with growth and compliance
  • New UI direction and aesthetics
  • Cross-functional alignment and handoff

Why this needed attention

Referrals bring in 16% of Thndr’s high-engagement users. As the product scaled across MENA, the program became more exposed to fraud and misuse, and rewards were being paid to people who weren’t eligible.

The experience made it worse. People couldn’t tell where their referrals stood, and questions about rewards made up 12% of all CX inbound requests.

  • 12%

    abuse rate. Rewards were paid out to ineligible users.

    Market-based rewards, yearly caps, phased payouts and admin tagging.

  • 12%

    of CX inbound requests came from people trying to understand their rewards.

    A status for every referral, a How it works sheet and a reward breakdown.

  • 30%

    of referrals were eligible. Most friends signed up and stopped there.

    Rewards tied to funding and investing, with reminders to nudge friends along.

The goals

  1. Grow LTV, keep CAC efficientReengineer the feature so fraud can’t pay.
  2. Make it easy and clearA simpler experience, in the new UI direction.
  3. Build trustShow how and why people earn, with clear eligibility, caps and status.
  4. Drive retentionTie rewards to meaningful activity, not just a sign-up.

Rules first, then screens

Most of the work happened before any UI: deciding who earns what, when, and how admins keep the program honest.

User side

  1. Market-based rewardsBuilds fairness and prevents cross-region exploits.
  2. CapsConstraint-based design that keeps expectations realistic.
  3. Phased rewardsHalf at funding, half after investing.

Admin side

  1. TaggingScalable moderation without complex UI: suspicious users are blocked with a tag.
  2. Status visibilityTransparency and accountability for every reward.
  3. LogsContext for every decision, so fewer rewards get blocked by accident.
  1. Friend signs upWith the referrer’s link or usernameNo reward yet
  2. Friend funds their walletFirst top-up50% of the reward
  3. Friend makes 5 investmentsReal activity, not just an accountThe other 50%

Working across teams

  • Growth and strategyDefined reward tiers based on CAC payback, and how much to emphasize high versus low tiers.
  • EngineeringBuilt the logic for eligibility, phasing and tagging. We defined the flows and edge cases together.
  • CXShaped the content and tone of the help center and in-app notifications.
  • CRMAligned reward-based re-engagement triggers with campaigns and lifecycle messaging.
  • ComplianceValidated which restrictions could be shown where, keeping the UI clear of legal risk.
  • DataSupplied the behavior insights behind the reward flow, and tracked KPIs after launch.

The redesign

01 Revamping the structure

The old screen had one job, sharing a link, and did it badly. The new hub explains the program, shows progress and makes sharing the obvious next step.

Before · explore the pins

The old referrals screen
  1. Off-brand UIOutdated, and not aligned with the new direction.
  2. Unclear termsTerms and conditions hidden in a small link.
  3. A weak share actionCopying a raw link wasn’t intuitive.
  4. Bare statsThree numbers, with little leaderboard visibility.
  5. One state for progress“Waiting to invest” was all anyone saw.
  6. Awkward scrollingThe referral list was cramped at the bottom.

After · explore the pins

The new referral hub
  1. An animated headerConfetti and a clear promise to drive invites.
  2. How it worksA clear call to action that teaches the program.
  3. Share my linkOne tap to the native share sheet.
  4. Stats with a tooltipTotals for the year, with an explainer.
  5. Referred friends, expandedEvery friend listed, each with a status.
  6. Smooth scrollingA list built to scroll, not squeezed in.

02 Entry points

Referrals now start where they make sense: right after sign-up, and from My Hub at any time.

  1. 01After sign-upSign-up confirmation with a Got referred by someone option

    The success screen asks if someone referred you.

  2. 02Referred byField to enter the referrer’s username

    Enter their username, then see how to invite friends yourself.

  3. 03My HubMy Hub with a Referrals entry point

    The main entry point, always one tap away.

03 Sharing and learning more

Every question people used to send to CX has an answer on screen: how it works, what you can earn and where the limits are.

  1. 01HubReferral hub

    Share, stats and friends in one place.

  2. 02How it worksHow it works bottom sheet

    Three steps, and the terms one tap away.

  3. 03ShareNative share sheet with a prefilled message

    The native share sheet, with a message ready to send.

  4. 04BreakdownReward breakdown with caps and disclaimers

    Referrals and rewards against the yearly cap, with plain disclaimers.

04 My referrals, in detail

Each friend has a status and a progress view, so a referrer knows exactly what’s left, and can nudge them.

  1. 01StatusesList of referrals with Pending, Topped-up and Invested statuses

    Pending, topped-up or invested, at a glance.

  2. 02ProgressA friend’s progress through sign-up, top-up and five investments

    Each step of a friend’s journey, and a reminder you can send.

  3. 03ClaimClaim reward confirmation with a split option

    Claim the reward, or split it with your friend.

05 Accepting and splitting rewards

Rewards wait on the home screen until they’re accepted, and anything close to expiring says so.

  1. 01HomeHome screen card for pending referral rewards

    Pending rewards surface on the home screen.

  2. 02My rewardsRewards list with expiry dates

    Expiry dates in red when they’re close.

  3. 03SelectedRewards list with one reward selected

    Pick one or select them all.

  4. 04Claim or splitBottom sheet to claim the total or split it

    Claim the total, or split it with friends.

06 The edge cases

The states nobody screenshots, designed as carefully as the happy path.

  1. 01ExpiredExpired rewards tab

    Expired rewards stay visible, with their dates.

  2. 02ClaimedClaimed rewards tab

    A record of what’s been accepted.

  3. 03EmptyEmpty state with a Refer a friend button

    No rewards yet, and a way to start.

  4. 04Yearly limitMessage shown when the yearly reward limit is reached

    The cap explained, and inviting still allowed.

Impact

Every UI change is coupled with UX impact

What the team tracked after launch, and the design decisions behind each number.Hover a number to see what moved it

  • 74%Eligible referrals

    What moved it

    More referred friends went on to fund and invest.

    • Rewards tied to funding and investing
    • Progress visible for every friend
    • Reminders a referrer can send
  • EGP 1,500Average referral funding

    What moved it

    Referred friends arrived to invest, not just to sign up.

    • Half the reward paid only after five investments
    • How it works explains the path up front
    • Progress and reminders keep friends moving
  • 1.3%Abuse rate

    What moved it

    Rewards stopped leaking to ineligible users.

    • Market-based rewards against cross-region exploits
    • Yearly caps per referrer
    • Admin tagging to block suspicious accounts
  • −38%CX complaints

    What moved it

    People could see why, and when, they’d be rewarded.

    • A status for every referral
    • How it works and a reward breakdown
    • Clear disclaimers on caps and eligibility
  • −59%Admin intervention time

    What moved it

    Admins moderated with context instead of digging.

    • Tagging instead of complex tooling
    • Status visible for every reward
    • Logs that explain past decisions

What I took away

Referrals taught me that design can shape policy and growth decisions, not just usability. The biggest wins came from rules and interface working together.

  1. 01

    Design can drive policy

    Reward rules, caps and eligibility were design decisions as much as business ones, and they moved the numbers most.

  2. 02

    Balance constraints and incentives

    Protecting the business from abuse while keeping rewards worth chasing is the core of this kind of work.

  3. 03

    UI plus smart rules

    A clearer screen alone would not have cut abuse. Paired with smarter rules, it changed how efficiently referrals acquire investors.