Designing A Better Pricing Page
https://www.smashingmagazine.com/2022/07/designing-better-pricing-page/
Designing a pricing page is not easy. This article summarizes the main considerations to keep in mind when designing a pricing page, with plenty of great examples.
Here's a summary of what the article covered:
Simple pricing is always better, so always prefer it if possible.
For complex plans, consider wrapping, tabs, and maybe dropdowns.
No need to show all features at once: focus on key features first, and display the rest on request.
Show differences within rows or explain differences visually.
Allow users to display only differences and only similarities.
Use sticky headers and group attributes within accordions.
On mobile, avoid horizontal scrolling in tables.
Consider turning every section into a standalone evaluation step of the best plan, use tabs, tilt headings, and show one attribute at a time. Avoid drop-downs.
Avoid hover tooltips and show feature previews on tap/click.
Expand details about each attribute on a separate row as an accordion.
Provide customization options to allow for flexible custom plans.
Prefer transparent, honest, clear pricing and don’t leave any chance to doubts or uncertainties.
Use social proof to help users gain trust and understand what plan is the best fit for them.