<?xml version="1.0" encoding="utf-8"?>

Tools used

Figma

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Thank you for sharing your pricing UI — strong effort and clear attention to contrast and hierarchy. The dark theme with white and red accents is readable and gives a confident, modern look.

What works well:

  • Colors are high-contrast and accessible, which supports quick scanning and improves readability on dark backgrounds.
  • The middle plan is visually highlighted, which helps users compare and nudges them toward a popular choice.
  • Card structure is consistent, so the layout feels predictable and easy to follow.

What to improve:

  • Plan names: shorten to “Silver,” “Gold,” “Platinum.” Removing “Membership” reduces visual noise and makes scanning faster.
  • Benefits clarity: expand the descriptions with specific, plain language. For Platinum, list what it includes from Gold, then clearly add what is unique to Platinum. This supports quick mental comparison and reduces decision friction.
  • Comparison pattern: use parallel bullet points in the same order across all cards. Start each line with a strong noun or number (e.g., “Unlimited gym access,” “3 free classes/week,” “1 personal session/month”), so users can compare line by line.

Keep going—you’re doing great, and your progress is inspiring!


Hey Ziad,

Congrats on completing your project!

I have a couple of questions about it. What does the small dot in the logo represent? Does it make sense to include it if it becomes barely visible at smaller sizes? It feels like it might add a bit of visual noise rather than communicate something meaningful.

I’d also take another look at the membership copy. It feels a bit inconsistent, as if each plan offers something completely different instead of building on the previous one. As a user, I’d wonder if the Platinum plan includes everything from Silver, for example.

Overall, nice effort on the project!


7 Claps
Average 3.5 by 2 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>