- Add favicon, example
- Add a smooth scroll for the whole page (
scroll-behavior: smooth;) - Logo in the header and footer leads to the home section
- The arrow "more about POTR POTS" should move down on hover and lead to
For whomsection - All interactive elements(links, buttons, pictures, icons) should have a hover effect and cursor pointer. User must intuitively understand that he can interact with them
- Make sure when you click on logo there is no 404 error (Use
href="#"inanchor tag) - When you try to send the form there is no 405 error and the form is automatically cleared after submit and is scrolled to the top of the page or the page is reloaded
- The form shouldn’t submit empty
- After autocomplete the form, change the default styles. Read more about changing autocomplete styles
- To make it clear to the recruiter what exactly this landing page is, it is better to give the whole web page the title “POTR POTS”
- A landing page is implemented strictly according to the design in Figma
- Links in the header and menu should lead to the corresponding blocks of the landing page
- The speed of animations is the same throughout the landing page (for example, increasing when hovering or moving blocks when scrolling)
- Placeholders in the forms suggest what to enter, and if there is a validation of the form, then it is clear in what format to enter the phone number
- Make sure everything looks neat on mobile and without horizontal scrolling
- After clicking the menu buttons, the landing page should scroll exactly to the beginning of the desired block (exactly where its section begins)
- The user must have the opportunity to write 2-3 lines of text in the message field
- The shopping cart button is clickable and leads to the feedback form
- It is important that in the email field the user has the opportunity to enter the whole mail and the text is not cut off
- All the social icons in the footer should be clickable and open the real social networks of the brand in a new tabb