Pricing page design

This pricing page was designed to improve clarity, reduce cognitive load, and increase trial sign-ups for a SaaS product. My goal was to create a layout that helps users quickly compare plans, understand value differences, and feel confident choosing the right option.

What I focused on

Simplified decision-making

Pricing pages often cause friction, so I focused on building a clean, intuitive structure:

  • A bold headline that immediately frames the page purpose

  • A clear toggle between Monthly / Yearly pricing

  • Three well-defined plans with consistent card layouts

This reduces confusion and helps users compare plans at a glance.

Clear hierarchy and visual grouping

I used a strong visual hierarchy to guide the user’s attention:

  • “Pro Plus” uses an accent color to highlight it as the recommended plan

  • “Enterprise” is differentiated with a stronger color block to signal premium value

  • Supporting text and icons are kept minimal for easier scanning

This helps users immediately understand which plan is right for them.

Previous
Previous

Webdesign - App Landinpage

Next
Next

Webdesign - Landing page