← Înapoi la linie
01 · Produs propriuÎn dezvoltare

Fidora

Carduri de fidelitate în Apple Wallet și Google Wallet.

Ce am făcut

Totul, de la idee la lansare: identitate vizuală, UX/UI, aplicația, site-ul și comunicarea.

  • logo
  • video
  • site
  • aplicație
  • cod
7tipuri de programe de fidelitate
2portofele digitale: Apple și Google
RO · ENprodus, film și comunicare

Construit cuTypeScript · Next.js 15 · React 19 · Tailwind CSS 4 · Prisma · PostgreSQL · Zod · Apple Wallet · Google Wallet API · sharp · Resend · Remotion

Intră pe site fidora.ro

Tip
Produs propriu
An
2026
Servicii
Identitate vizuală, UX/UI, aplicație web, site, comunicare
Platforme
Apple Wallet, Google Wallet, web

Contextul

Cartonașul cu ștampile merita ceva mai bun.

Aproape orice cafenea are un program de fidelitate, iar cele mai multe trăiesc pe un cartonaș care se udă, se rupe sau se pierde. Clientul îl uită acasă și pierde ștampilele.

Comerciantul nu știe câți clienți are înscriși, câți se întorc și cât îl costă programul. Fidora pornește de la o singură întrebare: cum ar arăta un program de fidelitate făcut azi, pentru o afacere cu doi-trei angajați, care n-are timp de configurări?

Ideea

Un cod QR pe tejghea, un card în telefon.

Răspunsul a fost cât se poate de simplu: clientul scanează un cod QR, cardul ajunge în Apple Wallet sau Google Wallet, iar angajatul îl scanează cu propriul telefon. Fără aplicație de instalat, fără integrare cu casa de marcat. Proprietarul vede, în sfârșit, cine revine și cât de des.

  1. 01Clientulscanează codul QR o singură dată
  2. 02La casăcardul e scanat cu telefonul angajatului
  3. 03Instantștampila apare pe card
  4. 04Recompensase deblochează automat

Identitatea vizuală

Un simbol care se întoarce.

Simbolul e o săgeată care închide un cerc: drumul clientului care revine. E fidelitatea desenată într-un singur gest, recognoscibil și la dimensiunea unei iconițe de aplicație. Numele e scris cu litere mici, rotunjite, ca brandul să pară apropiat, nu corporatist, iar semnătura „Loyalty. Rewarded.” spune promisiunea în două cuvinte.

Simbolul Fidorarevenire · cerc · recompensă
Varianta orizontală, cu semnătură
Simbolul, ca iconiță
Logo pe fundal deschis
Logo pe fundal închis
Clar la orice dimensiune

Culorile

Portocaliul și chihlimbarul sunt culorile căldurii: ale cafelei de dimineață, ale brutăriei, ale unui loc în care te întorci cu plăcere. Gradientul trece de la un portocaliu energic la un auriu cald, de la vizită la recompensă. Restul paletei e liniștit, pe alb și negru calde, ca cardurile comercianților să rămână în prim-plan.

#F67401#EFAD02
Portocaliu#F67401acțiuni și accente
Chihlimbar#EFAD02recompensă, gradient
Alb cald#FAFAF8fundal
Hârtie#F4EFE4suprafețe
Negru cald#141312text
Gri cald#77726Ctext secundar

Fiecare program are culoarea lui, ca să-l recunoști dintr-o privire.

ȘtampilePuncteMembruReducereCashbackCadouAbonament

Tipografia

Plus Jakarta Sans: o literă geometrică, dar caldă, foarte lizibilă la dimensiuni mici. Pe un card din Wallet totul se citește dintr-o privire, la casă, așa că lizibilitatea a cântărit mai mult decât orice efect.

Aa

Plus Jakarta Sans

RegularMediumSemiboldBoldExtrabold

AĂÂBCDEFGHIÎJKLMNOPQRSȘTȚUVWXYZ
aăâbcdefghiîjklmnopqrsștțuvwxyz 0123456789

Brandul tău. Fidelizarea ta.

Site-ul

Site-ul, ca o vitrină.

Site-ul de prezentare vorbește în limba comerciantului: pentru cine e Fidora, cum funcționează în patru pași, cele șapte tipuri de card și un preț clar, fără comision pe tranzacție. Aceeași identitate ca aplicația, rapid pe telefon.

fidora.ro
Pe telefon
Cum funcționează
Tipurile de card
Prețuri

Intră pe site fidora.ro

Produsul

Cardul afacerii, nu al nostru.

Comerciantul își încarcă logo-ul, alege culorile și recompensa. Cardul arată ca afacerea lui, nu ca Fidora. Încearcă editorul: alege tipul de program, schimbă numele și tema, apoi scanează vizite.

Tip de program
Temă

Aplicația

Panoul comerciantului, pe bune.

Tot ce vede un comerciant după ce își face cont. Capturile sunt din aplicația reală, cu datele de demonstrație ale unei cafenele fictive, „Cafeneaua Verde”. Alege un ecran sau lasă turul să meargă singur.

fidora.ro/app
PrezentareProgrameleEditorul de cardCliențiiFișa clientuluiCodul de înrolareMesajeAbonamentul

La casă, de pe telefon

Personalul nu are nevoie de alt dispozitiv: scanează cardul cu telefonul, iar fără cameră caută clientul după nume. Clientul nu instalează nimic: scanează codul de pe tejghea, își alege programul și primește cardul.

Scanarea la casă
Clienții, pe telefon
Clientul își alege programul
și își face cardul, fără aplicație

Și în spate, administrarea

Un panou doar pentru mine: abonamente și afaceri, vouchere, mesaje, erori, jurnalul intervențiilor și starea serverului.

fidora.ro/admin

Principii

01

Simplu la casă

Un program pe care angajatul nu-l înțelege din prima nu se folosește. Mai bine o funcție în minus decât un pas în plus la tejghea.

02

Datele rămân ale comerciantului

Clienții și istoricul se pot exporta oricând. Datele nu se vând și nu se agregă.

03

Un preț clar

Un abonament lunar, fără comision pe tranzacție. Știi de la început cât te costă.

04

Fără echipamente noi

Nu schimbi casa de marcat și nu cumperi tablete. Un telefon e de ajuns.

Comunicarea

Un film și 47 de story-uri, în aceeași identitate.

Pentru lansare am făcut filmul de prezentare, în română și engleză, orizontal pentru site și vertical pentru rețele, și 47 de story-uri pentru Instagram, grupate în șapte highlight-uri. Totul în culorile, tipografia și ritmul brandului.

Tehnologie

Construit să reziste.

Aplicația e construită cu Next.js și TypeScript, pe PostgreSQL, cu carduri semnate pentru Apple Wallet și Google Wallet, facturare și plăți integrate. Fiecare lansare trece întâi prin suitele de teste automate.

fidora — npm run verify
  1. ✓verify:engine — motorul de fidelitate, toate cele 7 tipuri
  2. ✓verify:api — API-ul public, cap-coadă
  3. ✓verify:auth — parole, tokenuri, sesiuni, emailuri
  4. ✓verify:access — granițele dintre comerciant, client și administrator
  5. ✓verify:billing — abonamente, plăți restante, facturare
  6. ✓verify:segments — segmentele de clienți și exportul CSV
  7. ✓verify:media — procesarea imaginilor
  8. ✓verify:poster — afișele, cu decodarea codului QR înapoi din imagine
  9. ✓verify:display
  10. ✓verify:geo
  11. ✓verify:mesaje
  12. ✓verify:bt
  13. ✓verify:export
  14. ✓verify:errors
  15. ✓verify:ore
  16. ✓verify:plan
  17. ✓verify:pages — paginile aplicației, cu o sesiune reală

Integrări

  • Apple Wallet (.pkpass)
  • Google Wallet
  • Google OAuth
  • Resend
  • Oblio
  • BT iPay
  • PWA

Următorul proiect

02Gods GamesServer de Minecraft cu evenimente, construit pentru prietenii mei.