Restovision: Rewards That Drive Visits - Case Study
Claudiu Rentea
Restovision: Scan, Spin, Win - Dining Made Playful
Restovision is a restaurant app with a game-like UI that turns eating out into a playful hunt for rewards. Customers discover partner restaurants on a map, scan dedicated QR codes in-store, and land on a restaurant page with details and a Wheel of Fortune that can drop instant goodies - from free burgers and sandwiches to headphones and more.
At Cluxio I built the entire front end myself using React and Vite: component system, state, and user flows. The deliverable is a production-ready UI the client can plug into their backend.
Bringing Game Energy to Real-World Dining
Restaurant apps often feel transactional - menus, maps, and loyalty points tucked away. Restovision flips that script with instant feedback loops (scan - spin - win) and snackable actions that make discovery feel like play.
The opportunity was to build a clear, addictive loop that motivates repeat scans and IRL visits without getting in the way of the dining experience.
Three Frictions We Had to Beat
Onboarding Clarity: Users needed to understand scanning, validation, and spinning within seconds.
Real-World Timing: Flows had to be quick and offline-friendly for busy restaurants with spotty Wi-Fi.
Dual Personas, One System: The app serves both diners and restaurant owners - with overlapping screens (auth) but different goals and permissions.
From Wireframes to a Running Front-End
We started with low-fidelity wireframes to nail the structure and permissions for both Client and Admin.
After aligning on the flows, I jumped into Cursor IDE and coded a working prototype with React + Vite - effectively delivering the full front-end app. The client only needs to hook up the backend.
Highlights:
Mobile-First Layouts: Portrait-oriented screens optimized for in-restaurant use.
Clear Role Separation: Client vs Admin with shared auth and divergent dashboards.
Feedback Everywhere: Win/Lose popups, progress hints, and validation states.
Simple Tokens: Gift configuration designed to be safe, predictable, and auditable.
Prototype: Front end built in Cursor with React + Vite
For the front-end work I hopped into Cursor and used React + Vite to code the app into a functional, ready-to-ship front end. Routing, state, view logic, and UI are wired and ready for backend APIs.
Client UI
Welcome, Register, Login & Account Validation
Home: Vertical Card Stack
The home screen presents a vertical stack of action cards (currently two) for quick access: Scan QR and Spin the Wheel. Cards are sized for thumb reach and designed to scale as features grow.
Scan Screen: Owner Scans, Client Wins
In-store, the restaurant owner scans the client’s QR. The screen confirms the scan and shows the resulting gift (if any) immediately, with clear next steps to redeem.
Spin the Wheel: Tap, Spin, Celebrate
The client taps to spin a Wheel of Fortune. Win/Lose states are handled with distinct popups and animations to make outcomes feel fair and exciting while staying readable at arm’s length.
Admin UI
Home: Scan Client QR & Client Code Config
A focused dashboard with two primary actions: scan a client’s QR for instant validation and access the client code configuration for manual assistance or overrides when needed.
Settings
General configuration for restaurant details, team members, and security. Designed to be boring on purpose - predictable, safe, and auditable.
Gift Configuration
Owners define prize types, probabilities, and availability windows. Safeguards and preview states make it hard to misconfigure live campaigns.
Why This New Build Matters
Built-from-scratch logic: this is not a redesign but a completely new app flow, designed and coded by me end-to-end.
Drives foot traffic: scans happen in-store, tying rewards to real visits and encouraging repeat customers and upsells.
Faster counter interactions: auth + scan + spin fits comfortably under a minute in testing, keeping queues moving.
Owner-friendly controls: the Admin home focuses on Scan Client QR and Gift Configuration so campaigns are simple to run.
Ready to integrate: a clean React + Vite front end accelerates backend hookup and deployment.
A Playful, Practical Path to Restaurant Visits
Restovision blends real-world dining with light gamification. By prioritizing clarity, speed, and feedback, we shipped a front end that feels fun without being noisy - and that restaurants can trust in the rush. With the prototype running and the UI system in place, the team can plug in the backend and scale: more partners, more gifts, more spins.
Like this project
Posted May 28, 2024
Built and design a new React app that ties instant prizes to real restaurant visits, keeps queues moving, and makes campaigns simple to run.
Likes
0
Views
8
