Purple - Pricing Page
Pricing Page for Purple, a SaaS platform management app. This project focuses on creating a user-friendly and easily navigable pricing page that clearly outlines various plan options.
Through thorough research and benchmarking of industry leaders like Nuclino, Mural, Monday, Asana, Slack, and Productive, I developed a design that is both visually appealing and highly functional.
With three distinct plans — Personal (free), Starter (€15/month), and Advanced (€28/month) — and a feature comparison tool, Purple's pricing page ensures users can effortlessly find the plan that best fits their needs.
You can see the full project on Figma, where everything is organized in different pages, as follows:
- 01 Project Cover
- 02 Research / Benchmark
- 03 Designed Pages
- 04 Project Presentation
Hope you like it! 😊
Reviews
4 reviews
Hey Helena!
I like that the pricing page is simple and easy to navigate. Your choice of colors and text styles is also good as i could fairly easily read the page even without zooming in - but i may still encourage you to adjust the color contrast of the text on the "Starter" card as it competes with the purple background.
Overall the design is clean, simple, and easy to navigate. It is also very similar to most of the other pricing pages currently on the web so as a creative challenge to you - if you could change the design layout to break away from tradition while maintaining good design, how would you do it?
Where I took a star away is the design rationale. I think your rationale is ok in giving some basic information but it does not explain your choices.
For example in this section "Through research and benchmarking of industry leaders like Nuclino, Mural, Monday, Asana, Slack, and Productive, I developed a design that is both visually appealing and highly functional." - what did you learn from these industry leaders and how did you apply it to your design? Were there any issues you noticed that they had in their own pricing pages that you fixed in your design?
Some other points to consider when writing your rationale:
- What problem is your design aiming to solve
- Research - Who are your target users, what are their pain points, etc
- Design choices - how are your design choices helping solve the problem
Final note - be sure to check grammar and spelling! - there are some typos here and there :)
Overall I think you did a great job! Keep on learning and designing! Can't wait to see your future designs!
I really enjoyed what you put together. You took great care to research analogs, collect your thoughts, and create a wonderful pricing page. One suggestion would be to add your presentation slides directly into your Project (you can add multiple images). That way it'll be a lot easier to analyze and review.
The purple hues you've chosen give the page a wonderful, cohesive feel, and the overall look is fantastic. I have a few actionable tips that can make it even better:
- Color Accessibility: The colors are beautiful, especially the purple tones. However, on the emphasized plan, the text is a bit hard to read against the dark purple background. Don't forget to check your colors for accessibility. There are some great Figma plugins that can help with this, ensuring everyone can enjoy your design.
- CTA Placement: The "billed monthly" and "billed yearly" options currently look like call-to-action buttons because they are positioned far from the pricing plans. Moving these options closer to the plans, ideally below the dividing line, will make the layout more intuitive and user-friendly.
- Clarity in Expanded Plans: When the pricing plans expand, things can look a bit cluttered. Simplifying this by using icons instead of "available" and "unavailable" text will improve readability and make the page easier to scan.
- Design Rationale: You're on the right track! To make your work even stronger, try to explain your design rationale more clearly. Sharing your thought process will help others appreciate your design decisions.
Overall, you're doing a fantastic job! These tweaks will make your pricing page even more effective and user-friendly. Keep up the excellent work, and continue creating beautiful designs!
good job
You might also like

Ithnain Management System

Jeel app website wireframes

ALT.Studio Color System

2 PAY

Design Workshop Plan
