- Add favicon
- Add a smooth scroll for the whole page (
scroll-behavior: smooth;) - Logos in header and footer should be links to home page
- Make sure when you click on logo there is no 404 error (Use
href="#"inanchor tag) - Buttons “shop”, “to contact us”, “all products” must be with hover styles
- All items in the shop section must have hover effects
- All interactive elements(links, buttons, pictures, icons) should have a hover effect and cursor pointer. User must intuitively understand that he can interact with some element
- When a user clicks on Address Google Maps is opened in a new tab (Use
target="_blank") - The user must have the opportunity to conveniently write 2-3 lines of text in the message input field
- When you try to send the form there is no 405 error and the form is automatically cleared after submit
- 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 “Eco cosmetics”
- A landing page is implemented strictly according to the design in Figma
- Links in the header and footer menus 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
- It would be more realistic if the "shopping cart" button was active and clickable
- All the social icons in the footer should be clickable and open the social networks in a new tab