Check full costs before choosing a package
Compare packages from a new customer perspective. Specify the monetary unit, cycle, limit and additional costs that may arise; The package selection button must lead to the correct option just viewed.
Pricing Website
Let customers compare options and understand costs before buying.
Checklist contents
Review progress
01
Content and expectations
Compare information and presentation in context of use.
02
Navigation and experience
Try the operation, change the status and continue working.
03
Complete the experience
Check for details that are easy to miss when putting the design into use.
Progress is saved automatically in this browser.
GUIDANCE
How to review
EXAMPLES
Usage examples
Prices are per member
Write “Price per member per month” next to the price; The total payment section explains the number of members and the cycles calculated.
Variants and use cases
Package table according to needs
Keep benefits, prices and units equivalent for viewers to compare.
Change the month/year cycle; Both the amount to be paid and the conditions to be exchanged are consistent.
Example The annual package states the total revenue each year along with the monthly conversion price.
A package with clear benefits
When there's only one paid plan, focus on the benefits and boundaries with the free tier.
Read main node separately; Need to understand whether to click to try or pay now.
Example The Upgrade tab lists the trial period and the price after the trial ends.
Conditional feature comparison
Indicate capacity, user, or access limits instead of just unexplained ticks.
Try reading the board with a screen reader and a small screen; Each value needs to be attached to the correct package.
Example The table lists the number of members for each plan, not just Yes/No.