Subscription Renewal Control
Design a subscription dashboard that reveals upcoming charges, price changes, and cancellation steps before money leaves an account.
The brief
Understand the problem
Background
Recurring services use different billing cycles, trial rules, and cancellation methods. A balance total alone does not help someone decide what to keep or act before a renewal.
User context
Omar has streaming, software, gym, and cloud storage subscriptions. Two are billed annually, one trial ends this week, and a service has announced a price increase.
Product problem
The product must distinguish confirmed transaction data from predicted renewals and avoid implying it can cancel or pay a provider when it cannot.
Objective
Create an overview, subscription detail, renewal alert, and guided action flow.
What to design
Define the experience
Required experience
- Recurring cost overview
- Subscription detail and history
- Renewal or price-change alert
- Cancellation guidance
Screens and states
- Subscription dashboard
- Calendar or timeline
- Subscription detail
- Action confirmation
Core user flow
Follow the critical path
- 01
Omar connects a payment account
- 02
He reviews detected recurring services
- 03
He confirms a yearly renewal and sees the new price
- 04
He follows verified cancellation steps and records the outcome
Product rules
Requirements and constraints
Requirements
- Label detected, confirmed, and manually added subscriptions
- Normalize monthly and yearly cost without hiding billing frequency
- Show evidence for price changes
- Provide reminders before actionable deadlines
- Never claim cancellation before provider confirmation
Constraints
- Merchant names may be ambiguous
- Some renewals vary in amount
- Account connections can expire
Reality check
States worth considering
Ready-to-use content
Mock data
Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.
Upcoming renewals
- CloudBox Pro, $119 yearly, renews 9 October
- MoveMore Gym, $38 monthly, price increases to $42
- FilmHouse trial, $14 monthly after 4 days
Finish line
What to deliver
- Four responsive screens
- A monthly versus annual cost comparison
If you want more
Optional extensions
Optional direction
Visual resources
Use these as a starting constraint if you want one. They are not part of the required solution.
Open Sans & Open Sans Condensed
Clear interface writing gives people the confidence to understand what changed and decide what to do next.
Open Sans & Open Sans Condensed
Clear interface writing gives people the confidence to understand what changed and decide what to do next.