Before and after IAP Screen

Hi İdil! Great start by adding more visuals and colours to the page! However, some things can be adjusted.

• Simplify Page Design: The page appears cluttered due to the use of small elements and icons. The background is distracting and makes it harder to focus on the main content. Additionally, gradients on badges and CTAs add unnecessary visual weight.

• Text Alignment: As a general rule, if the text is longer than three lines, it’s better to use left alignment. Consider shortening the copy where possible for clarity.

• Contrast and Readability: Use a monotone background or a single image instead of a collage to enhance readability. Avoid gradients, as they can make small components less legible.

• UX Copy for Choices: Align the values for "month" and "week" to make comparisons easier. Currently, it’s difficult to compare different amounts over various time periods.

• Improve Radio Button Component: The selected radio button is hard to distinguish. Consider using a dot style to make the selected option more prominent.

Great job!

/Yuliia

Nice direction, but few things to improve:

• Try reducing qty of text, screen looks too busy
• The CTA label feels confusing when has "cancel anytime" in it. A good practice to have such supportive text somewhere near the button
• The teal color for links and separator lines catches too much attention to it. Seems you can easily go with a neutral color for the separator (opaque white) + just white underlined links

Feel free to revise the designs & I'll be happy to adjust the review.

Also, please check project link, it doesn't work.