01The brief · self-initiated

Loyalty points you actually spend.

Loyalty programs are everywhere, but most people have no idea what they've accumulated or how to use it. Points expire silently. Redemption is buried in apps nobody opens. Loop consolidates every program in one place and makes points feel like real money — not digital dust.

Multi-brand aggregation Points → real money Expiry-first alerts

Design goalTurn scattered points from many brands into one clear, actionable value — so you know when and where it's worth redeeming.

Role
Solo designer · UX/UI
Platform
iOS · Android
Scope
Onboarding · Home · Alerts · Redemption
Format
Self-initiated · 2026
The core problem

Loyalty programs fail because users accumulate points across brands but never use them. They don't know their balance, don't understand redemption value, and forget about points until they've already expired.

02User persona

Who Loop is really for.

One person kept showing up in the research: someone who shops constantly, earns points everywhere, and benefits from almost none of them.

M
Martín
31 · Graphic Designer
I know I have points somewhere. I just have no idea what they're worth.
Behavior

Shops across 6–8 retail brands regularly and has loyalty accounts at most of them. Checks his points maybe once a year — and has lost points to expiration without ever noticing.

Goals
  • Know his total loyalty value at a glance
  • Get notified before points expire
  • Discover redemption options he didn't know existed
Frustrations
  • Every brand has its own separate app
  • Balances shown in points, not money — is 3,400 points worth anything?
  • No notifications until it's already too late
03Benchmarking

What already exists — and where it stops.

Three products in the loyalty and stored-value space, measured against the four things that turn points into action.

Capability
StocardCard wallet
GyftGift cards
StarbucksSingle brand
Loop
Multi-brand aggregation
Points → $ translation
Expiry alerts
Redemption discovery
Does it well Partial or indirect Missing
The opportunity

No app today combines multi-brand aggregation + real-money translation + proactive expiry alerts in a clean, consumer-friendly experience. That's Loop's space.

04Design decisions

Four decisions that shape the whole product.

Each one targets a specific reason points go to waste — and each shows up directly in the screens.

01Make value tangible

Points translated to real currency.

Every balance is shown in both points and an estimated dollar value. "3,400 pts ≈ $34" makes the value tangible and drives redemption behavior — you stop guessing whether points are worth chasing.

3,400 pts
$34
02Urgency without anxiety

Expiry-first notifications.

Loop surfaces expiring points as the primary alert type. "Your Nike points expire in 8 days — redeem for a $12 discount." It creates urgency, but always pairs it with a concrete, rewarding next step.

Nike points expire in 8 days
Redeem now for a $12 discount
03One glance, full picture

Unified home with brand tiles.

Instead of navigating one brand at a time, the home shows total loyalty value plus a ranked list of brands by balance. One glance equals the full picture — no app-hopping required.

Total value$148
Nike$52
Zara$41
Starbucks$34
04Passive points → active choices

Redemption discovery feed.

A curated feed of redemption options the user can actually afford with their current balance, ranked by value. It turns a forgotten pile of points into a set of active, rewarding decisions.

$15 off a $60 order
Zara · 1,500 pts
Redeem
Free drink reward
Starbucks · 150★
Redeem
05Design system

The system behind every screen.

A high-contrast light system: one vibrant orange that owns action and urgency, a disciplined neutral scale, and a type trio that's expressive in display and rock-solid in data.

Foundations

Color tokens

Brand & action
Accent
#7B0593
Hover
#67047B
Accent soft
#F4E9FA
Ink
#0D0D0F
Surfaces & neutrals
Background
#FFFFFF
Surface soft
#F6F5F2
Slate
#6E6E73
Border
#ECEAE5
Foundations

Typography Hanken Grotesk · Spline Sans Mono

$148 in rewardsHanken 800 · −3%
Section headingHanken 700 · −2%
Body copy — direct, energetic, plain.Hanken 400 · 16/1.6
3,400 PTS · EXP 8DSpline 600 · +6%
Library

Core components

Buttons
Input field
Search brands & rewards
Points badge
3,400 pts · $34 150★ · $7
Brand tile
Nike5,200 pts $52
Expiry alert card
Zara points expire in 5 days
2,050 pts ≈ $20
Redemption card
Starbucks
Free handcrafted drink
150★ · $7Redeem
Bottom navigation
Home
Discover
Alerts
Profile
Icon style · 2px geometric
Foundations

Spacing 4px base grid

4
8
12
16
24
32
48
Foundations

Border radius

12 · controls
16 · cards
999 · pills
06Interactive screens · high fidelity

The whole flow, built in the browser.

Not screenshots — real, navigable screens. Start at onboarding, move through the bottom tabs, open an expiry alert, browse what you can redeem, and drill into a single brand.

Your points.
All in one place.

Loop pulls every loyalty program together and shows what it's really worth — in money, not mystery points.

Every brand, one balance
See real money, not just points
Never lose points to expiry again
Free · connects your existing accounts
9:41
Welcome back
Martín
M
Zara points expire in 5 days
Tap to redeem · 2,050 pts ≈ $20
Total rewards value
$148
Across 4 brands · 14,800 points
Your brandsBy value
Nike5,200 pts $52
Exp 8d
Zara4,100 pts $41
Exp 5d
Starbucks680★ $34
No expiry
H&M2,100 pts $21
No expiry
Home
Discover
Alerts
Profile
9:41
Back

Your Zara points expire in 5 days

Don't let them turn back into nothing. Here's what they're worth right now.

Current balance
2,050 pts
≈ $20
estimated value
Recommended
Redeem for $15 off your next order of $60+
9:41
What you can redeem
Ranked by value · all within your balance
Best value Expiring Food Fashion
ZaraYou can afford
$15 off any order over $60
1,500 pts
≈ $15 value · best rate
NikeYou can afford
$12 members-only discount
1,200 pts
≈ $12 value · expires in 8d
StarbucksYou can afford
Free handcrafted drink
150★
≈ $7 value
H&MYou can afford
$5 off, no minimum spend
500 pts
≈ $5 value
Home
Discover
Alerts
Profile
9:41
Back
Nike
Member since 2021 · Tier: Gold
Your balance
5,200 pts
$52
est. value
Points earned · last 6 months
Jan
Feb
Mar
Apr
May
Jun
Active offers
$12 members-only discount
1,200 pts · expires in 8 days
Redeem
Free shipping voucher
800 pts · no expiry
Redeem
Early access to new drops
2,000 pts · members only
Redeem
Tap to navigate · it's live
Interactive prototype
Try it — five live screens
This is a working prototype, not images. Jump to any screen below, or use the phone's own buttons and bottom tabs to move around.
07Outcome

End-to-end product thinking, start to finish.

A self-initiated project built to demonstrate the full arc: problem definition, user research, competitive analysis, a documented design system, and a working interactive prototype.

User persona
Martín, grounded in real behavior
Benchmark table
Three products, four criteria
4 design decisions
Each documented and rationalized
Full design system
Tokens, type, components
5 interactive screens
High-fidelity, fully navigable
Next step if real

Usability testing focused on the two decisions most likely to change behavior: the points-to-currency translation and the timing of expiry notifications.

DESIGN DECISIONS REFLECTED IN THE FINAL SCREENS
Brands aggregated in one home
04
Taps to see total loyalty value
~81
Expiry alerts before redemption deadline
01
Points displayed as real currency
04
08Process

How I sped up Loop with AI.

AI didn't design Loop — it compressed the mechanical work so the time went to judgment. Benchmarking, copy iteration, edge case testing: all accelerated. The decisions — what to show, what to hide, what to translate into money — those were mine.

STEP 01

Benchmark & synthesis

I compared Stocard, Gyft and Starbucks Rewards and clustered the gaps into four: no multi-brand aggregation, no real-money translation, no expiry alerts, no redemption discovery. The brief wrote itself from the patterns.

Pattern synthesis across 3 apps
STEP 02

Value translation model

I used AI to pressure-test the points-to-currency conversion logic — what exchange rates to use, how to handle programs with non-standard point values, and how to communicate estimated value without overpromising.

Conversion logic validation
STEP 03

Direct, energetic copy

I iterated the microcopy until it sounded like a smart friend who helps you get more from what you already have — never promotional, never vague. 'Your Zara points expire in 5 days' beats 'You have expiring rewards'.

A helpful, non-promotional voice
STEP 04

Edge case pressure-testing

I used AI as a devil's advocate: what if a brand leaves the platform? what if points have no monetary equivalent? what if the user has zero balance? Every edge case surfaced before the first screen was built.

Edge cases & counterarguments
Next project
Cocos Capital

Like what you see?

Let's talk about your product.

Get in touch