Landing Page Feedback October 17, 2020

Reply with your landing page URL and I will review your design

Surjith S M ✪ @surjithctly

Who doesn’t love feedback on our landing page. As a designer, I can review your landing page design and I can provide any tips if needed.

    1. 1

      Hello,

      Looking good. Some suggestions below:

      1. Hero Text - I would make it little bit more attractive. See screenshot
      2. Remove capitalization from the Right image box texts
      3. Also I see some useful data in the Notion link. I would add some highlights to the Box as well. For example, Ratings, Timings etc. And can also add few more highlights on hover. It will make the box attractive and clickable.
      4. Meet our Curators section -- The overlay gradient disappears without animation.
      5. How Spark Works - I would change the left image to something more interesting. And if you make it changeable on each Steps Hover (related screens) It would be awesome.
      6. Singup form - The textboxes are too long for desktop. Adding max-width helps.
      7. Footer looks un-organized. may be because of lack of links. may be you can simplify it with center align.

      image

    1. 1

      Hello,

      Thank you. Some suggestions.

      1. Change Producthunt box to somewhere else. may be floating footer - right or left - bottom.
      2. Logo seems to be rendered pixelated somehow. Can change to SVG may be?
      3. Instead of random illustrations, how about changing to real app screenshot?
      4. It explains the concept, how can add a section on explaining How it works.
      5. Logo in footer also has poor visibility.

      Improving these can make some great difference. Hope it helps :)

      1. 1

        Thanks for feedback, you have been very useful :-)

        1. 1

          thanks. don't forget to upvote this post if you haven't already 😊

    1. 1

      Hello,

      Looking good. Here are some suggestions.

      1. Its okay to show cookie banner, but make it less obstructive. Don't cover full screen with gray.
      2. header text can be bit larger and bold. the second line is small, better to make sure each line is almost same width as it pleases the Eye.
      3. Can also increase & font size boldness in bottom features as well. See screenshot

      Hope this helps.

      image

      1. 1

        Thanks for the feedback @surjithctly!

        In relation to the first point, I understand, at least in Europe, users must accept cookie preferences before they are allowed to access the website.

        I agree on the other two points. I will apply some media queries to CSS to show only on large screens. The reason they are smaller is to show it correctly on mobile. My original preference has been mobile at the moment.

        Thank you again.

        1. 1

          yes. but see some of the other companies doing, they don't block the view completely. Don't make UX bad just for the sake of Legal. It should not be our primary goal.

          image

  1. 1

    Hi, a review would be much appreciated: https://festapi.io

    1. 2

      Hello,

      Here are my suggestions.

      1. make header little bit more attractive. See screenshot
        a. increase font size, remove bold from buttons, font color on grey bg etc..
      2. Can also increase the overall font sizes. Base should be 16px. nothing less than that.
      3. "Unleash the full value..." section => Same as header, adjust font
        a. Shadow with out the background doesn't look good. can try something else?

      overall you can work on Typography & Spacing. And it will look good.

      Can you upvote this post if it helps?

      image

      1. 1

        Thank you for the suggestions - I will work with them and see how it goes!

    1. 1

      Looking great already.

      Here's my 2 cent.

      1. You have a great primary color, but don't know why did you use blue for button. doesn't match there. Can use the primary color as button color?
      2. I would also increase the vertical padding of the button
      3. Left content can be aligned better. See screenshot.
      4. Can add some space between each feature section.
      5. Can add some interaction on Logo Hovering?

      Before / After GIF
      beforeafter

    1. 1

      Hello,

      I'm sorry, I don't see any landing page there. it redirects me to some other page. The root domain can't be open.

      am I missing something?

      1. 1

        You'll be redirected to https://whatnot.ai/whatnot.ai/bundles and it's not a landing page, it's more like onboarding.

        1. 2

          I see. I guess you will need a new landing page to explain what your site is all about before starting onboarding. Or it will confuse new users.

          1. 1

            Yeah, you're right. I kinda get the same feeling after showing it to people.

    1. 2

      Hello,

      Here are some feedbacks.

      1. Did not have much content or info. Its really hard to get conversion with this landing.
      2. Please remove the cursor animation or make it only in one place. Make sure illustration does not move.
      3. Add more sections like features, testimonials, community stats etc..

      I have modified the header a bit something like this:

      Imgur

      1. 1

        Your suggestions are now live regarding the header. About testimonials - the app only has 3 users, I am thinking of adding Discuss section for that. Again thank you so much!

      2. 1

        Wow! Thank you so much! You have a great sense of design and taste.

        1. 1

          Looks great. Two more suggestions

          1. Test it on large monitor. There is lot of space between. (or try zoom out to mimic what I mean)
          2. Increase the font-size of heading. (may be atleast on large screens)
        2. 1

          This comment was deleted a month ago.

    1. 1

      By the way, what did you use for landing page? Any Jamstack? Or it is custom made?

    2. 1

      Hello,

      I can see many areas to improve.

      1. the blue bg on the right side looks odd. can improve it by using any other graphics
      2. The demo of a snippet on the right side doesn't actually convey the message on how it works
      3. None of the texts on your website is selectable. This makes UX really bad.
      4. Why codekeep section can be improved by increasing font size and adding icons.
      5. Screenshots for each section is great. Just need to align it proper center and Visual Hierarchy.

      Hope that helps :)

      I can do a one more review once you made these changes.

      1. 1

        Thanks, 😃 I will make changes on next build.

Recommended Posts