WGP Subscription Management Portal

Wireframes for UK compliance subscription management

Dashboard – My Subscriptions (Desktop/Tablet/Mobile)

My Account

My Subscriptions

Manage your active subscriptions and payment methods

Terms & Cancellation Policy

Active Subscriptions (3)

Monthly Direct Debit Subscription: Title Name

Direct Debit

Next Payment: £29.99 on 15/08/2025

Renewal Date: 15/09/2025

Status: Active

Cooling-off period: 12 days remaining

Cancel

Annual Subscription: Title Name

Credit/Debit Card

Next Payment: £299.99 on 01/12/2025

Renewal Date: 01/12/2026

Status: Active

Auto-renewal enabled

Cancel

Existing Subscription: Title Name

Credit/Debit Card

Next Payment: N/A

Renewal Date: N/A

Status: Active

No auto-renewal, cancellation not available

Older Subscriptions (2)

Monthly Direct Debit Subscription: Title Name

Direct Debit

Next Payment: N/A

Renewal Date: N/A

Status: Lapsed

Annual Subscription: Title Name

Credit/Debit Card

Next Payment: N/A

Renewal Date: N/A

Status: Lapsed

Mobile View Modifications: changes required for smaller screens

Sidebar Navigation: Collapsible off-canvas menu triggered by hamburger button

Breadcrumbs: Simplified to show only current page on mobile

Subscription Cards: Stacked layout, Cancel button prominently displayed

Renewal Banner: Simplified single-line with expand option

Items Added to Meet the Brief:

Left sidebar navigation provides clear account section hierarchy
Breadcrumb navigation shows user location within My Account section
Payment method labels comply with UK regulations for transparency
Cooling-off period display meets Consumer Contracts Regulations requirements
Prominent cancel buttons ensure easy cancellation access
Renewal reminders provide advance notice as required by legislation

Technical Notes:

Sidebar state persists across account pages for consistent navigation
Banner triggers (not sure how this will work, may need to spec this out)
Cooling-off calculation: Real-time countdown from signup date (not sure how this will work, may need to spec this out)
Cancel button state: Enabled for all active subscriptions that have repeat payment plan. What do we do about customers who have paid up front for a year?
Mobile: Sidebar collapses to hamburger menu with overlay

Dashboard – No Subscriptions (Empty State)

No Active Subscriptions

You don't have any active subscriptions at the moment.

Browse Plans View Terms & Policies

Purpose: Provides clear guidance when user has no subscriptions while maintaining access to terms and policies for transparency.

Cancellation Confirmation – Direct Debit

Confirm Cancellation

You are about to cancel your subscription

Subscription Details

Plan: Title Name Monthly Plan

Payment Method: Direct Debit

Payment Frequency: Monthly

Next Payment: £29.99 on 15/08/2025

Current Period Ends: 15/08/2025

Cooling-off Period: 12 days remaining

You may be eligible for a refund

What happens when you cancel?

Your subscription will remain active until 15/08/2025
No further payments will be taken
You'll receive a cancellation confirmation email
If eligible, refunds will be processed within 5-10 business days

Return to Subscriptions Continue with Cancellation

View our Cancellation Policy for more information

Compliance Requirements:

Clear subscription details prevent confusion
Cooling-off period prominence meets UK consumer rights
Payment method specification required for audit trail
Two-step confirmation prevents accidental cancellations

Technical Logic:

Cooling-off eligibility calculated from signup date
Refund amount calculated based on remaining cooling-off period (not sure how this will work, may need to spec this out)
Email trigger initiated on "Continue" button click, send email to subs with a receipt to the customer?

Cancellation Success

Cancellation Request Submitted

Your subscription cancellation request has been submitted for processing.

Cancellation Reference

#CXL-2025-001234

Keep this reference for your records

What happens next?

Immediate:

Confirmation email sent to: [email protected]
Direct debit cancellation request has been submitted for processing
Access continues until 15/08/2025

Within 5-10 business days:

If eligible, refunds will be processed within 5-10 business day
Final confirmation email

Cooling-off Period Refund

If you are within the 14-day cooling-off period, a full refund will be issued.

Back to Dashboard Print Confirmation

Need help? Contact Support or view our Cancellation Policy

Purpose:

Provides clear confirmation of successful cancellation
Reference number enables customer service tracking
Timeline sets expectations for refund processing
Maintains positive user experience despite cancellation

Technical Logic:

Immediate: Cancellation confirmation with reference number
Website can generate the cancellation reference and will supply subs and customer in the cancellation email receipt
Day 5-10: Refund completion confirmation

Reminder Notice Screens

Dashboard Banner Reminders

Email Reminder Layout

Your subscription renews soon

Subscription Details

Plan: Annual subscription to Title Name

Amount: £29.99

Renewal Date: 15/08/2025

Payment Method: Direct Debit (****1234)

Your subscription will automatically renew in 7 days. No action is needed unless you want to make changes.

Manage Cancel

Cancellation Policy | Unsubscribe from reminders | Contact Support

Reminder Schedule:

Annual subscriptions: 30, 14, 7, 1 day before renewal. Needs a thought!
Monthly subscriptions: 7, 3, 1 day before renewal. Needs a thought!
Trial periods: 7, 3, 1 day before conversion. Needs a thought!
Color coding: Green (30+ days), Yellow (7-14 days), Red (1-3 days). Needs a thought!

Compliance Notes:

Advance notice meets UK subscription regulations
Clear cancellation access in all reminder formats
Unsubscribe option for email reminders

Subscription Terms & Cancellation Policy

Subscription Terms & Cancellation Policy

Clear information about your subscription rights and how to cancel

Auto-Renewal Policy

How it works: Your subscription automatically renews at the end of each billing period unless you cancel beforehand.

Important: Advance Notice

We'll remind you X, X, X, and X day before renewal
Annual plans: X-day advance notice
Monthly plans: X-day advance notice

Your Cancellation Rights

You can cancel your subscription at any time through your account dashboard or by contacting us.

How to Cancel:

Log in to your account
Go to "My Subscriptions"
Click "Cancel" next to your subscription
Confirm your cancellation

14-Day Cooling-off Period

Under UK Consumer Rights, you have 14 days to cancel and receive a full refund.

✅ Eligible for Full Refund:

New subscriptions (within 14 days)
Plan upgrades (within 14 days)
Automatic renewals (within 14 days)
Price increases (within 14 days of notice)

⚠️ Partial or No Refund:

After 14-day cooling-off period
Mid-cycle cancellations (pro-rata applies)
Cancelled free trials (no charge)
Voluntary downgrades

How Refunds Work:

Refunds are processed to your original payment method within 5-10 business days. For Direct Debit payments, refunds go back to your bank account.

Refund Policy

Processing Times:

Credit/Debit Cards: 5-10 business days
Direct Debit: 3-5 business days
PayPal: 1-3 business days

Refund Calculations:

Within Cooling-off Period: Full refund regardless of usage

After Cooling-off Period: No refund, service continues until end of billing period

Pro-rata Refunds: Only apply in cases of service failure or billing errors

Payment Methods & Cancellation

Direct Debit

Immediate cancellation
No future charges
Bank notified automatically

Credit/Debit Cards

Recurring payments stopped
Card not charged again
Instant confirmation

PayPal

Agreement cancelled
PayPal notified
No future payments

Need Help?

Customer Support

Email: [email protected]
Phone: 0800 123 4567
Live Chat: Available 9am-6pm GMT
Response time: Within 24 hours

Self-Service Options

Legal Information

This cancellation policy complies with UK Consumer Rights Act 2015, Consumer Contracts (Information, Cancellation and Additional Charges) Regulations 2013, and Payment Services Regulations 2017. Last updated: August 2025.

Compliance Requirements:

Clear cooling-off period explanation meets UK Consumer Rights Act requirements
Payment method specific cancellation processes ensure transparency
Refund timelines comply with Payment Services Regulations
Contact information readily available for consumer protection
Legal compliance statement provides regulatory transparency

Accessibility & Usability:

Table of contents enables quick navigation to relevant sections
Clear visual hierarchy with headings and sections
Plain English language avoids legal jargon
Color-coded sections (green for eligible, orange for partial, red for restrictions)
Mobile-responsive layout for all device types

Error States & Edge Cases

Cancellation Failed

Monthly Subscription: Title Name

Service ends: 15/08/2025

Cancellation date: 02/08/2025

Status: Live

Common Issues:

Payment processing in progress - wait 24 hours
Account suspension - contact support
Technical issue - try refreshing the page

Error Reference: #ERR-2025-001234

Include this reference when contacting support

Already Cancelled

Monthly Subscription: Title Name Cancelled

Service ends: 15/08/2025

Cancellation date: 02/08/2025

Status: Cancelled

Error Handling:

Clear error messages with actionable next steps
Error reference numbers for support tracking
Fallback options when primary action fails
Visual distinction for cancelled subscriptions
Reactivation option maintains customer relationship

Implementation Summary

Key Features Delivered

✅ UK Compliance

14-day cooling-off period
Clear payment method labeling
Advance renewal notices
One-click cancellation
Transparent terms & policies

✅ User Experience

Intuitive sidebar navigation
Clear breadcrumb hierarchy
Responsive design (desktop/tablet/mobile)
Prominent cancel buttons
Examples of error handling & edge cases

Technical Requirements

Frontend

Bootstrap 5 framework
Font Awesome icons
Responsive breakpoints
Accessibility compliance

Backend Logic

Cooling-off period calculation - Myriad or Website code?
Payment method API integration - Opayo and Stripe?
Email notification triggers - will this be the Website, Myriad or DotDigital
Are cancellation requests via email okay?

Compliance Tracking: Are there any requirements for the following

Track cancellations/keeping a digital record?
Notification delivery logging?
User consent recording?