▦

MayQR customer journey

End-to-end walkthrough of what a customer sees: discover, create a code, sign up, manage & delete codes, and buy a plan. Live screens from mayqr-next.pages.dev; dashboard screens are the chosen dense design.

LIVE on the new sitePLANNED (dense design)WordPress handoff
1

Discover

LIVE

Lands on the homepage: drag-to-compare hero, the mini builder, real codes, the analytics teaser, pricing.

homepage
2

Create a code

LIVE

Opens the full builder at /create: enters a URL, then styles colors, corners, logo, dot shapes, stroke, AI art. A live scannability meter (Great / Good / Check) reassures them it will scan.

builder controls
After styling, they tick Terms and hit Generate & Save (Turnstile-gated for guests). Logged-in users get the code saved to their account; guests are prompted to sign up to keep it.
3

Sign up

LIVE

Creates an account to save and track codes.

register
Gap: the form posts to mayqr/v1/auth/register, which does not exist on the backend yet (decision HND-627: build the auth routes wrapping WP). Until then, sign-up 404s.
4

Log in

LIVE

Returning customer signs in; the WP session cookie flows once the app is same-origin with mayqr.com.

login
5

Dashboard: view codes & analytics

PLANNED - dense

The chosen dense dashboard: live scan totals, scans-over-time, visits-by-code donut, an hour x weekday heatmap, and a searchable per-code table with trends. Fully responsive - on a phone the KPIs go 2-up and the table becomes cards.

dashboard
dashboard mobile
Analytics are count / time / tag only (no geo or device) - that is all the scan table stores, so the design is honest to the data.
6

Manage & retarget a code

PLANNED - dense

Opens a code: rename, edit tags, toggle Basic/Smart, and retarget the destination URL - which instantly changes where the already-printed code points, no reprint. Plus this code's own analytics.

manage code
manage mobile
7

Delete a code

PLANNED - dense

The Danger zone on the manage screen: Delete disables the code and stops the redirect (revivable later). A confirm step prevents accidents.

Backed by DELETE /codes/{id} + /codes/{id}/revive - both already exist on the API.
8

Pricing

LIVE

Four tiers (Free / Standard $4 / Pro $9 / Max $29). On mobile this is a swipe carousel.

pricing
9

Buy a plan + Account

DECISION

This is the open question (HND-625). Checkout + recurring billing stay on WooCommerce either way. The choice is whether the account screen (profile, password, plan/usage) is native or the old WooCommerce My Account.

Option A - Keep WooCommerce: Account + checkout both route to WP. Zero new backend, proven billing - but the customer leaves the dense dashboard for the dated WooCommerce theme.
Option B - Native account (the lean): A native account screen matching the dashboard (profile, password, plan + usage from /subscription), with billing/checkout still deep-linking to WooCommerce. Cohesive, but adds a few profile/password REST routes.