A digital wallet that neutralizes checkout panic, bringing trapped voucher capital back into circulation.
Role
Product Architect
Year
2026
Method
Vibe Coding
The Challenge
The Digital Wallet Paradox
Users hoard thousands in digital vouchers, yet this capital remains “trapped” in fragmented SMS and email inboxes. At the checkout, social pressure causes panic: users abandon their vouchers and pay with credit instead.
The core challenge wasn't just storage, but availability: making the right voucher accessible within 3 seconds of opening the app.
“I always forget I have vouchers until I'm already paying.”
Maya, target user persona
User Personas
Meet Maya
Maya represents the busy parent who manages the household budget but hates the feeling of “throwing money away” due to disorganization. She's not tech-averse; she just doesn't have time to hunt through emails at the checkout.
Core Pain
Vouchers expire unused: she knew they existed but couldn't find them fast enough.
Trigger Moment
Standing at the register with a line behind her. Every second counts.
Emotional State
Social pressure → panic → abandonment. The voucher goes unspent.
Success Metric
Find the correct voucher in under 3 seconds from cold open.
UX Goals
Three Principles That Drove Every Decision
Zero Friction
The user must find a redeemable code within 3 seconds of opening the app, beating checkout pressure before it sets in.
Cognitive Ease
Reduce clutter. Focus only on what the cashier needs: The Value and The Brand. Everything else is secondary.
Trust & Value
The interface should feel like a premium financial tool, reinforcing that vouchers are real money, not disposable coupons.
The Process
5 Days from Generic to Refined
Built using Lovable Generative AI (Vibe Coding). The challenge wasn't writing code; it was guiding the model from generic output to a refined, intentional product. Acting as Product Architect meant defining the logic, hierarchy, and UX constraints at every iteration.
Day 1
Generic & Cluttered: default AI output with no hierarchy
Full Mobile Experience: context sorting and provider tags live
The Solution
A Wallet Designed for Speed & Context
Every feature traces directly back to Maya's checkout pressure. Acting as Product Architect, I defined three core mechanisms that neutralize friction at the moment of truth.
01
Context Sorting
The most relevant voucher surfaces first, ranked by expiry date and location proximity, so the right card is always at the top.
02
Provider Tags
Visual cues ('Hever', 'Buyme') guide the cashier instantly. No reading required: brand recognition in a glance.
03
Value Hierarchy
Value → Brand → Expiry. The money comes first. Every other detail is deprioritized so the cashier sees exactly what they need.
Key Screens
A Closer Look at the Core Flows
Each screen was designed for clarity and speed: every element earns its place.
Voucher ScreenAdd a CouponLocation-based CouponAlertsProfile & SettingsHow Much I Saved
Impact
From Concept to Active Use
The MVP is currently in active use by family and a pilot group of friends. Real-world feedback is shaping the roadmap for the next release, with a focus on high-efficiency features and expanded provider integrations.
< 3s
Voucher retrieval target
Live
Active pilot with real users
0
Lines of code written
5 days
MVP to shipped product
“Finally used my Hever voucher at the supermarket: first time I didn't panic at the register.”
Pilot user, family group
Reflection
What Vibe Coding Taught Me About Product Architecture
Prompt Engineering is Product Thinking
Guiding an AI model to produce a refined output is the same skill as writing a clear PRD. Specificity, hierarchy, and constraints matter just as much as in traditional design.
The First Output is Never the Answer
Day 1's generic output was the AI's best guess. Days 2 to 5 were iteration driven by real UX principles, proving that the designer's role doesn't disappear; it shifts upstream.
Speed Unlocks Honest Feedback
Shipping an MVP in 5 days allowed real users to interact with a real product immediately. The feedback loop was weeks faster than a traditional design-then-build approach.
Emotional Jobs-to-Be-Done Beat Feature Lists
"I want to not feel embarrassed at the checkout" is a more useful design brief than "build a voucher wallet." Loot's entire architecture flows from that single emotional insight.
Available now
The smarter shopper already uses Loot.
Every voucher, every deal, one tap away. Loot makes sure you never stand at the checkout wondering if you had a coupon for this.
