PWA wireframe set v1 — same conventions as the website set: dashed = placeholder, orange tags = discussion annotations, green = brand hint only

The Ribbit.deals App

Six key screens covering both sides of the loop, each presented in a phone frame with annotations beside it. Consumer screens get the Vegas energy in final design; business screens stay professional — same split personality as the website, one shared database underneath.

Consumer journey
Business tools
Data layer

Suggested demo order for the meeting

  1. Consumer loop first (the exciting part): Sign-Up → Discover → tap the first offer → Redeem → RIBBIT → Rewards.
  2. Then flip to the business side: Dashboard → + New offer → cost preview and pause controls → show the Counter Placard and explain the handshake + 48-hour void window.
  3. Close on the data layer: show how the redemption they just watched becomes a verified, billable row that feeds the dashboard, the invoice, and the rewards balance — one database, every surface.