This flowchart shows the complete user onboarding process, including sign-up with email/phone verification, login with password recovery options, and trial membership offers for new users.
flowchart TD
A([Start]) --> B[User Opens Website]
B --> C{Sign Up or Log In?}
C -->|Sign Up| D[Collect User Details]
D --> E[Email/Phone Postcode]
E --> F[Send OTP for Verification]
F --> G{OTP Verified?}
G -->|No| F
G -->|Yes| H[Offer Trial Membership]
H --> I[Create Account]
I --> J[Redirect to Dashboard]
C -->|Log In| K[Enter Email/Phone & Password]
K --> L{Credentials Valid?}
L -->|No| M{Forgot Password?}
M -->|Yes| N[Send Reset Link via Email]
N --> K
M -->|No| K
L -->|Yes| J
J --> O([End])
style A fill:#90EE90
style O fill:#FFB6C1
style C fill:#FFE4B5
style G fill:#FFE4B5
style L fill:#FFE4B5
style M fill:#FFE4B5
style J fill:#87CEEB
Member Dashboard Flowchart
The member dashboard provides an overview of membership status, QR code usage statistics, remaining time, favorite businesses, and browsing options for offers and redemptions.
flowchart TD
A([Start]) --> B[User Logs In]
B --> C[Load Dashboard]
C --> D[Display Dashboard Overview]
D --> E[Show Membership Status Trial/Active/Cancelled]
D --> F[Show QR Code Usage Count & History]
D --> G[Show Remaining Time Countdown Timer]
D --> H[Display Favorite Businesses]
E --> I{Member Actions}
F --> I
G --> I
H --> I
I -->|Browse Offers| J[Filter by Category or Distance]
I -->|View QR Codes| K[Show Generated QR Codes]
I -->|Check Savings| L[Display Total Savings from Redemptions]
I -->|Manage Favorites| M[Add/Remove Favorite Businesses]
J --> N([Continue Browsing])
K --> N
L --> N
M --> N
style A fill:#90EE90
style N fill:#FFB6C1
style I fill:#FFE4B5
style C fill:#87CEEB
Offer Browsing & QR Code Redemption Flowchart
This workflow covers how members browse available offers, generate unique QR codes, and how vendors scan and validate these codes for redemption tracking.
flowchart TD
A([Start]) --> B[User Browses Offers]
B --> C{Filter Options}
C -->|By Category| D[Show Category Offers]
C -->|By Distance| E[Show Nearby Offers]
D --> F[User Selects Offer]
E --> F
F --> G[Generate Unique QR Code]
G --> H[Display QR Code to User]
H --> I[User Visits Vendor]
I --> J[Vendor Scans QR Code]
J --> K{QR Code Valid?}
K -->|No - Already Used| L[Show Error: Code Already Redeemed]
K -->|No - Expired| M[Show Error: Code Expired]
K -->|Yes| N[Process Redemption]
N --> O[Update Database: Mark as Redeemed]
O --> P[Record Transaction Details]
P --> Q[Update User Savings]
Q --> R[Send Confirmation to User]
L --> S([End])
M --> S
R --> S
style A fill:#90EE90
style S fill:#FFB6C1
style C fill:#FFE4B5
style K fill:#FFE4B5
style N fill:#98FB98
style L fill:#FFA07A
style M fill:#FFA07A
Vendor Dashboard Workflow (Offer Management)
Vendors can create and manage their offers, track QR code usage, view sales statistics, and monitor foot traffic data. All offers require admin approval before going live.
flowchart TD
A([Start]) --> B[Vendor Logs In]
B --> C[View Vendor Dashboard]
C --> D[Display Current Offers]
D --> E[Show Active Offers]
D --> F[Show Pending Offers]
D --> G[Show Cancelled Offers]
C --> H[Display Analytics]
H --> I[QR Code Usage Stats]
H --> J[Sales Statistics]
H --> K[Foot Traffic Data]
C --> L{Vendor Action}
L -->|Create New Offer| M[Select Offer Type]
M --> N{Offer Type}
N -->|Welcome Offer| O[Set Welcome Offer Details]
N -->|Flash Offer| P[Set Flash Offer Details]
N -->|End of Season| Q[Set Season Offer Details]
O --> R[Define Conditions]
P --> R
Q --> R
R --> S[Set Discount Amount]
S --> T[Set Validity Period]
T --> U[Set Max Redemptions]
U --> V[Submit for Admin Approval]
V --> W{Admin Reviews}
W -->|Rejected| X[Notify Vendor with Reason]
X --> Y[Edit & Resubmit]
Y --> V
W -->|Approved| Z[Offer Goes Live]
Z --> AA[Visible to Members]
AA --> AB([End])
style A fill:#90EE90
style AB fill:#FFB6C1
style L fill:#FFE4B5
style N fill:#FFE4B5
style W fill:#FFE4B5
style Z fill:#98FB98
style X fill:#FFA07A
Admin Panel Workflow (Vendor & Offer Management)
Admin panel for managing vendors, approving or rejecting offers, tracking system performance, and generating reports on user activity and transactions.
flowchart TD
A([Start]) --> B[Admin Logs In]
B --> C[Access Admin Panel]
C --> D{Admin Functions}
D -->|Vendor Management| E[View Vendor List]
E --> F[Show Pending Vendors]
E --> G[Show Active Vendors]
E --> H[Show Inactive Vendors]
F --> I{Verify Vendor?}
I -->|Yes| J[Approve Vendor]
I -->|No| K[Reject Vendor]
J --> L[Vendor Status: Active]
K --> M[Notify Vendor]
D -->|Offer Management| N[View All Offers]
N --> O[Filter Offers]
O --> P[By Vendor]
O --> Q[By Status]
O --> R[By Category]
P --> S{Review Offer}
Q --> S
R --> S
S -->|Approve| T[Activate Offer]
S -->|Reject| U[Send Rejection with Feedback]
T --> V[Track Offer Usage]
V --> W[Monitor Redemptions]
D -->|System Monitoring| X[View Reports]
X --> Y[User Activity Reports]
X --> Z[Transaction Volume]
X --> AA[Payment History]
X --> AB[Performance Metrics]
Y --> AC([Continue Monitoring])
Z --> AC
AA --> AC
AB --> AC
L --> AC
M --> AC
U --> AC
W --> AC
style A fill:#90EE90
style AC fill:#FFB6C1
style D fill:#FFE4B5
style I fill:#FFE4B5
style S fill:#FFE4B5
style T fill:#98FB98
style K fill:#FFA07A
style U fill:#FFA07A
Affiliate Program (Referral System)
Users can become affiliates, generate unique referral links, track referrals, and earn commissions based on new member sign-ups through their referral links.
flowchart TD
A([Start]) --> B[User Opts to Become Affiliate]
B --> C[Access Affiliate Panel]
C --> D[Generate Unique Referral Link]
D --> E[Display Referral Link & Share Options]
E --> F[User Shares Link]
F --> G[Social Media]
F --> H[Email]
F --> I[Direct Message]
G --> J[New User Clicks Link]
H --> J
I --> J
J --> K[New User Signs Up via Referral Link]
K --> L[Track Referral Source]
L --> M{New User Completes Trial/Subscription?}
M -->|No| N[Monitor Status]
N --> M
M -->|Yes| O[Calculate Commission]
O --> P[Credit Affiliate Account]
P --> Q[Update Affiliate Dashboard]
Q --> R[Show Earnings]
Q --> S[Show Referral Count]
Q --> T[Show Conversion Rate]
R --> U[Process Payout When Threshold Met]
U --> V([End])
S --> V
T --> V
style A fill:#90EE90
style V fill:#FFB6C1
style M fill:#FFE4B5
style P fill:#98FB98
Payment & Subscription Workflow
Complete payment processing workflow including trial payments, subscription payments, payment method selection, success/failure handling, and subscription confirmation.
flowchart TD
A([Start]) --> B[User Initiates Payment]
B --> C{Payment Type}
C -->|£1 Trial| D[Process Trial Payment]
C -->|Full Subscription| E[Process Subscription]
D --> F[Select Payment Method]
E --> F
F --> G{Payment Gateway}
G -->|Stripe| H[Connect to Stripe API]
G -->|PayPal| I[Connect to PayPal API]
G -->|Card| J[Direct Card Processing]
H --> K[Process Payment]
I --> K
J --> K
K --> L{Payment Status}
L -->|Success| M[Confirm Payment]
M --> N[Generate Invoice]
N --> O[Send Confirmation Email]
O --> P[Activate Membership]
P --> Q{Membership Type}
Q -->|Trial| R[Set Trial Period Duration]
Q -->|Full| S[Set Subscription Period]
R --> T[Update User Status]
S --> T
T --> U[Grant Access to All Features]
U --> V[Redirect to Dashboard]
L -->|Failure| W[Log Error Details]
W --> X{Error Type}
X -->|Insufficient Funds| Y[Display Balance Error]
X -->|Invalid Card| Z[Display Card Error]
X -->|Network Issue| AA[Display Network Error]
Y --> AB[Offer Retry Option]
Z --> AB
AA --> AB
AB --> AC{User Retries?}
AC -->|Yes| F
AC -->|No| AD[Save Cart for Later]
V --> AE([End])
AD --> AE
style A fill:#90EE90
style AE fill:#FFB6C1
style C fill:#FFE4B5
style G fill:#FFE4B5
style L fill:#FFE4B5
style Q fill:#FFE4B5
style X fill:#FFE4B5
style AC fill:#FFE4B5
style M fill:#98FB98
style W fill:#FFA07A
style Y fill:#FFA07A
style Z fill:#FFA07A
style AA fill:#FFA07A