2
7 Comments

Roast my landing page

Working on my new landing page, did you find any no-nos? Roast me!
https://plantocode.com/

on December 3, 2022
  1. 1

    "learning code made simple" is not a great headline. Update with the outcome, the benefit.

    "Land a coding job in 90 days" for example.

    1. 1

      That makes a lot of sense and it's way better! But given that I allow the user to choose his courses isn't it problematic to promise something like that?

  2. 1

    The logo looks odd. I have no idea what the yellow black block is.

    I don't love the hero image background. It doesn't add anything to the website and at most, having yellow text on top of yellow background elements just makes your texts more difficult to read.

    The yellow icons in the features look visually repetitive and dull. There are millions of colors that you can use for free. Yet, you only use yellow. It gets a bit dull for me at this point of scrolling down.

    The screenshot of the code looks like you took a Polaroid from a computer screen from the 1970's and then scanned that to a JPEG file using a potato. Please reconsider this.

    "According to Stack Overflow, one of the most respected websites for developers the average yearly salary for developers ranges from 56,220$ to 117,126$ worldwide"

    This is not how dollar signs work.

    "Learning code made simple." some of your sub headlines end with a period, some don't. Choose one way and stick to it.

    The social media logos at the bottom right corner don't do anything.

    Your website doesn't contain any kind of privacy policy or any indication as to what you do with the emails you collect.

    I like what you are wanting to do here, teaching people to code, but the landing page could use quite a bit of polishing.

    1. 1

      Thanks for the amazing feedback!
      The logo was AI generated which probably is why it looks odd.
      I agree there are tons of changes to be made, would you recommend doing these changes during the validation/development phase or do you think this would better be delayed to pre-launch?

  3. 1

    Hi JD, congrats on launching the landing page.

    Some issues/improvements:

    • Cookies banner CTA color is purple while all the other buttons are yellow
    • Notify button is not working, it's throwing error in the console
    • None of the social links in the footer are working
    • The footer copyright section contains wrong year and company
    • Main image is too yellow, it appears like it's highlighted
    • "[Amplitude] Invalid apiKey." warning in the console
    • Perhaps try adding illustration or a video in the hero section
    • FAQ section would be helpful
    • Missing padding-right in "Why learn code?" section
    • Switching from React to Next would enable you to generate static pages and improve SEO
    1. 1

      Thanks for all the feedback, it really helps!
      I have a question if you have the time, how hard is to migrate from Next to react? Been looking at it for a while and I think I might try it

      1. 1

        It should be relatively straightforward, you just put all the relevant components to the pages folder under index.tsx file. And make sure to use Static HTML Export. You can check out my personal website for a simple example.