Things to Improve

‍

1.

Inconsistent call-to-action button design.

Use a consistent style for all primary call-to-action buttons to make it clear which actions are primary and to maintain visual harmony.

https://www.manypixels.co/blog/web-design/cta-button-design

‍‍https://www.wordstream.com/blog/ws/2015/02/20/call-to-action-buttons

‍

2.

Overwhelming amount of text under plan descriptions.

Simplify the text and use bullet points or icons to make the information more digestible and scannable for users.

https://www.nngroup.com/articles/comparison-tables/

https://venngage.com/blog/6-comparison-infographic-templates/

‍

3.

Lack of a clear value proposition for each plan.

Highlight the unique value proposition of each plan to help users quickly understand what makes each option special and worth the price.

https://www.smashingmagazine.com/2022/07/designing-better-pricing-page/

https://www.intellimize.com/playbook/simplify-your-product-details-page-text-and-layout

‍

4.

No clear differentiation between the plans.

Use visual cues or color coding to differentiate between the plans and make it easier for users to compare them at a glance.

https://cxl.com/research-study/pricing-page-study-highlight/

https://www.smashingmagazine.com/2022/07/designing-better-pricing-page/

‍

5.

Ambiguity in pricing for 'Dev Mode only' options.

Clarify the 'Dev Mode only' pricing with tooltips or a brief explanation to ensure users understand what they are selecting.

https://www.smashingmagazine.com/2022/07/designing-better-pricing-page/

https://www.ungrammary.com/post/uxui-design-tips-for-saas-pricing-page

‍

6.

No information on what happens after selecting a plan.

Provide information on the next steps after a plan is selected to set the right expectations and guide users through the process.

‍‍https://www.interaction-design.org/literature/topics/visual-hierarchy

https://blog.hubspot.com/marketing/visual-hierarchy

‍

7.

The 'Contact sales' button for the Enterprise plan might deter self-service users.

Offer a self-service option for users who prefer it, alongside the 'Contact sales' option for those who want more personalized assistance.

https://blog.hubspot.com/marketing/write-value-proposition

https://www.helpscout.com/blog/value-proposition-examples/

‍

8.

The toggle between Figma and FigJam is not prominent.

Make the product toggle more prominent to ensure users are aware they can view pricing for different products.

https://www.smashingmagazine.com/2022/07/designing-better-pricing-page/

https://uxwritinghub.com/pricing-page-examples/

‍

9.

No clear indication of the most popular or recommended plan.

Highlight a recommended plan to help users make a decision by indicating which plan is most popular or provides the best value.

https://productled.com/blog/pros-and-cons-of-self-serve-sales-driven-hybrid-model

‍

10.

The 'Learn more' link under the Enterprise plan is not visually connected to the plan.

Place the 'Learn more' link closer to the plan description or integrate it into the plan details to improve the visual connection.

https://medium.com/%40webcopywriteralexlee/top-17-questions-to-include-on-your-saas-pricing-page-faqs-e59810168e01

https://htmlburger.com/blog/pricing-page-examples/

‍