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.