Survey and Product Landing Feedback

Code Feedback
1

Hey All,

Would love to get some feedback on my product landing page:

And my survey page:

I took some liberties with the user stories for the product landing page to try and make the design nicer (also words and some of the assets taken from a well known drone company:))

Finally on my survey page the JS test script is commented out - it ended up making my layout go crazy when adding it to the code pen.

Any and all feedback welcome!

Thanks!

Chris

1 Like
2

Hi there,

You have done a pretty good job. Congrats!!

However there is always room for improvements. I would suggest you to work on these things to make it look more professional.

  • typography
  • color combination
  • better spacing
3

Hey 4slimbu, thanks for your response and feedback! Any specifics or guides you can recommend to improve those specific skills? Especially typography and colour combinations?

Thanks,

Chris

4

Hello, they both look pretty nice, in the survey maybe as a recommendation you can make the body of the form occupy 100% of the width of the screen when the screen is small, I see it as very compact.
I’m also just starting, I would like if you could see my projects. Regards!

5

Thanks for the feedback! Will take a look at the survey on smaller screens, i did check some mobile views but maybe not small enough!

Thanks and i’ll check out your work too!

6

Hi goodcastschmoo,

I am no expert in design but what I know is that designers tends to be at these sites:

You can look for inspiration and try to practice recreating their designs. In a while, you will begin to have the right feel for the design and everything begins to come naturally.

Here’s another link about color theory and typography:

I hope these assets will be useful to you. Regards!

1 Like
7

Pages look good @goodcatschmoo. Things to revisit;
survey

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
  • Change the cursor to a pointer when hovering over the submit button

landing

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There is an HTML coding error you should address.