U Coffee - Mobile Application

Bilingual loyalty and ordering app for UCOFFEE customers.

Client

Moccoo International - KSA

About The Project

UCOFFEE is a customer facing loyalty app built for a coffee brand operating across Saudi Arabia, designed to turn every purchase into a tracked, rewarding relationship rather than a one off transaction. The product replaces a purely in store loyalty experience with a mobile first one: customers earn points automatically at checkout, watch their progress toward the next reward in real time, and redeem it using the same QR code that linked the purchase in the first place. Because the brand's menu is managed centrally through Foodics, the app was built to reflect each branch's real, current offering rather than a single generic catalog. The result is a system where loyalty, discovery, and account management live in one place, built specifically for a market where Arabic first, RTL-native design isn't optional.

Key Challenges

Designing a loyalty experience with no existing Ordering module, so every feature had to work as a genuine standalone capability rather than a step toward checkout.
Keeping branch specific menu data accurate without forcing a heavier location/permission flow than necessary.
Reconciling two different progress visualizations for the same loyalty balance a circular ring on Home, a linear bar on Rewards without confusing the underlying concept.
Building a single QR code that had to serve two distinct functions linking a purchase and redeeming a reward without the interface implying they were separate actions.
Designing disabled/unavailable states (e.g. referrals) that don't read as permanent, since features toggle on and off from an admin dashboard.
Supporting full Arabic and English, including RTL layout, across every screen without treating Arabic as a secondary translation pass.

What We Delivered

A home screen loyalty points card with live balance and dynamic progress toward the next unlockable reward.
A rewards catalog with browse, detail, and confirm redemption flows tied to a real points balance.
A single QR code, with Apple and Google Wallet integration, used for both purchase linking and reward redemption.
Phone-based sign-in with Apple and Facebook alternatives, backed by full OTP verification and error handling.
A registration flow with welcome bonus points on completion.
A branch-aware Menu with size options, add-ons, and nutritional details per product.
A searchable, location enabled branch directory across Saudi Arabia.
A referral program with shareable codes/links and transparent pending vs earned point tracking.
A full My Account section covering personal info, settings, language, theme, and account deletion.
Graceful degraded states for maintenance, forced updates, and lost connectivity.
A generic "feature unavailable" pattern for admin-toggled features, replacing a hardcoded "coming soon."
Bilingual Arabic/English support with native RTL layout throughout.

Outcome

With UCOFFEE, loyalty stopped being something customers had to remember to ask about at the register and became something the app tracked for them automatically every purchase, every point, every reward, visible in real time. The QR-based linking model removed friction from both sides of the counter, while the branch-aware menu and directory gave customers an accurate, local view of what's actually available near them. The result is a foundation built to extend cleanly into future capabilities Combo browsing, product tagging, and eventually full ordering without requiring the core loyalty experience to be re-architected.