ONE by ON3 — UX Flow Map
A complete visual representation of every current user journey in the ONE by ON3 application. Mapped from the actual source code — routes, pages, components, entities, actions, workflows, and backend functions. This is documentation only; no functionality has been modified.
Legend
1 · Authentication & Onboarding
How a visitor joins, verifies, and enters the platform. Every new session requires OTP verification.
Path 1
Path 2
Path 3
2 · Service Discovery (Customer)
How customers find services — through browsing, AI natural-language search, the catalogue, or by registering unmet demand.
Path 1
Path 2
Path 3
3 · Booking & Payment Flow
The core transaction: agreement acceptance → Stripe Checkout → webhook confirmation → document generation. Provider must have Stripe Connect set up.
Path 1
Path 2
Path 3
Path 4
4 · Service Request Lifecycle
The full state machine of a booking — from request through acceptance, completion, review, and dispute. Both customer and provider sides shown.
Path 1
Path 2
Path 3
Path 4
Path 5
5 · Provider Journey
How a member becomes a provider: Stripe Connect onboarding, listing creation, approval, and demand-matched opportunities.
Path 1
Path 2
Path 3
Path 4
6 · Community & Social Feed
The social layer: posts, sponsored ads, spotlight, services wanted, and engagement actions.
Path 1
Path 2
Path 3
7 · ONE LIVE™ Broadcasting
Live broadcasting: creating a stream, browsing broadcasts, watching, and engaging.
Path 1
Path 2
Path 3
8 · Wallet, Payments & ON3 Points
Payment history, ON3 Points rewards, referrals, and the ONE Impact charitable allocation system.
Path 1
Path 2
9 · Support, Legal & Trust
Help centre, legal documents, GDPR centre, complaints, trust & safety, and reporting.
Path 1
Path 2
Path 3
Path 4
10 · Admin & Back Office
Platform management: admin dashboard with 17 tabs, plus the separate back-office suite for staff roles.
Path 1
Path 2
11 · Notifications & Real-time
The global notification system: in-app Notification Centre with real-time subscriptions, plus the NotificationBell badge.
Path 1
Path 2
This UX Flow Map is generated from the actual application source code as of the current build. It reflects real routes, components, entities, workflows, and backend functions — not theoretical or planned features. For review and documentation purposes only.