I found a perfect example of a landing page that has a lot of mistakes.

There are around 30 things to fix! If you want me to review yours, reply to this email :)

Before I flood you with pictures, I would love to see you on my Instagram. It's a perfect place to record short tips and personal life as well 😊

Now, let's get to our MEGA ROAST.

Hero Section

First goes the hero section. Here is a brief list of mistakes (which you will see in other sections as well):

1. Contrast. The green logo on the green background.
2. Typography. Remember the golden rule: for large text decrease the line-height, for small text increase the line-height. It's that simple.
3. Don't overemphasize. No need to use many styles, weights, decorations, italics etc.
4. Social proof should be trustworthy.

That was the first part. The second:

1. If you say you're number one, it should be proven by someone. Number one in...? Who knows, maybe it's the rating of the worst websites.
2. Watch your copy. In this case there are many repetitive words, mostly "grow grow grow grow...". It simply sounds cheesy. Better show users how and why.

Features Section

After the hero section goes a list of features.

The issues with the text are the same as those in the hero section. The style of the “everywhere” word is not a good fit here because it is difficult to read. The line height of the paragraphs is too small.

Every background picture is related to trees. But they are too prominent and at the same time have different effects applied to them. For example, the blur is different.

So much visual noise and so many effects draw attention away from the key thing - app features.

At the same time, the screenshots (which are actually GIFs) are barely visible. They take up too little space.

Furthermore, the GIFs always show the full screen of the application, and when you show some specific features, you should zoom in and crop unnecessary areas so that the GIFs, videos, or screenshots are visible without requiring users to zoom in manualy.

Video Section

It seems reasonable to move the video describing the app to the hero section, because it’s a video from the founder that builds trust. 


Might as well go after the hero section but before listing features.

Also, the weird glowing effect is noticeable even without zooming in.

Features in Cards Section

Here we have complete chaos:

1. Poor contrast, some words are hard to read even for people with perfect vision
2. Prominent backgrounds that draws users' attention, while it is supposed that they read about features instead
3. Different card styling makes it even more random

I would simply skip this section because it's hard to digest.

Testimonials Section

Testimonials should be concise. Nobody is going to read such large texts that have such a small font size.

It would be better to show part of the testimonials, highlight some words from them, and show only a few of them with a button “Show More”. There are many tricks on how to make them look appealing.

Also, these tweets are not clickable, so you can't verify the testimonial.

Text Section

And then suddenly we have a massive text section that does not fit the screen. It is readable but not scannable.

There are no lists, points, highlights, pictures, or anything that makes people want to read it.

At the same time, the text describes features that have already been described (maybe not all of them) right after the hero section.

That’s actually how big the font size should be in the feature description section.

Random... Section

The section itself does not bring any value to users. Who should users answer this question?

FAQ Section

First of all, before the FAQ section there is an animated line of trees saying guess what...? Grow.

What for?

Second of all, there are a lot of issues described on the image.

Pricing Section

The same problem as before - inconsistency and overemphasizing.

Some cards have gradients, some don’t. The plans’ names are italic, which is an extra emphasis.

Most of the text is hard to read due to the low contrast.

Completely misaligned structure. The CTA buttons would be better placed below the feature list, this way they will be on the same vertical level.
​
The feature list also should be aligned by starting at the same vertical level (like in Figma when you align blocks to the top)

Finally... Is the pricing block placed after the FAQ?

That’s an incorrect order. Usually you show features, then pricing, then FAQ, and then the footer.

Footer Section

The same repetition about being trusted by 1,000+ founders, while having 3 non-clickable avatars.
​
Plus, the block doesn’t add any value, and at the same time, it blends with the footer since both the footer and the card are inside another big card.

Phew...😅

If you've read this far then I have an offer for you. If you want me to roast your UI, feel free to reply to this email :)

Have a nice week!