Skip to content
AadhiPixels
Work/

Loyalty platform

Coco Card

Coco Card gives independent cafés, salons and shops the repeat-visit tools the chains have, without an app to install, without commission and without handing over their customer list. Customers keep one card for every place they love; each business runs its own programme, brand and rewards.

Year
2025 – now
Status
Live
Surfaces
Customer app, staff till, back office, native app, marketing site
Backend
Firebase, europe-west2
Role
Everything, end to end
The Coco Card homepage: 'Your favourite places. Your rewards.' beside a phone showing a member card

The brief

Loyalty has to work at the counter in seconds, for a customer who has never heard of the product, on whatever phone they own. Behind the counter, a business owner with no technical help has to set up a programme, print a QR code and train staff in an afternoon. And all of it has to be one engine, not a separate app per business.

What we built

  • Product strategy
  • Brand & UI design
  • Web apps (PWA)
  • Flutter app
  • Firebase backend
  • Marketing site
  • QA automation
  1. 01Guest-first join: scan the shop's QR code and you are a member. No download, no password, no registration wall. Email verification upgrades the account later.
  2. 02Per-business branded wallet passes for Apple and Google Wallet, each carrying its own QR, so the card a customer carries looks like the café, not like us.
  3. 03A rotating till QR and a staff till flow that records a visit or redeems a reward in one tap. Because the code keeps changing, a photo of it is no use for long.
  4. 04A multi-tenant back office: programmes, offers, card design, staff, print materials, customer insights, campaigns and automations, with contacts, rota and invoicing growing alongside it.
  5. 05In-app six-digit code sign-in so the installed web app never gets stuck behind an email link that opens in the wrong browser.
  6. 06Separate dev and prod Firebase projects in London, Playwright end-to-end tests that drive the customer, staff and business apps together, and a deploy recipe that is written down.
Customer app: joining a café's card by scanning its QR code
Customer app: a member card with stamps collected
Staff till: a reward is ready to redeem
Customer app: discovering local places on the network
Back office: a stamp programme has just been created, with the setup checklist alongside
Back office: a stamp programme has just been created, with the setup checklist alongside
Back office: brand settings for a business's card and pages
Back office: brand settings for a business's card and pages
The Coco Card 'for businesses' page: Turn customers into regulars
The Coco Card 'for businesses' page: Turn customers into regulars
Back office: inviting staff to the till
Back office: inviting staff to the till

Where it is now

  • Live at thecococard.com with the customer app, the staff till and the business back office in production.
  • A 25-chapter onboarding academy, walkthrough videos and a social creative pack, all produced from real captures of the product.
  • A Flutter companion app for iOS and Android in development alongside the web apps.

Built with

  • Next.js
  • React
  • TypeScript
  • Flutter
  • Firebase Auth
  • Firestore
  • Cloud Functions
  • Apple & Google Wallet
  • Resend
  • Playwright
  • Vercel