ShopNova - Fashion Women’s Clothing Landing Page

Hey Hamad,

Great job on your design so far, there are some areas that could use some polishing to enhance user experience and consistency. Here are some tips to help refine things:

Hero Section

• Shopping Bag Icon: Currently, the shopping bag/cart icon is combined with the search bar. For best usability, keep it separate so it’s easy for users to spot since it’s a crucial part of any e-commerce site.
• CTA Button Style: The CTA button styling here isn’t consistent with the rest of the site. Matching it with the other buttons will create a more unified look.
• Text Over Gradient: The gradient seems to sit on top of the text elements, making them a bit hard to read. Keep the text in front for stronger contrast and readability.
• The text under the headline needs more contrast with the background to improve readability. Darkening it a bit will help.
• Headline Styling Consistency: The headline styling is unique here with bold weight, which doesn’t quite match the other headings. Also, consider decreasing the line height to 110% for a sharper visual effect.

New Arrivals Section

• Tab Labels Contrast: Inactive tab labels are low contrast, so darkening them would help with making your design more accessible. For the active tab, a slightly bolder text can add visual weight and clarity.
• Product Cards: Try grouping the rating stars and “(4.1k) Customer Reviews” label, as they relate closely. You could even simplify it to “(4.1k) Reviews” for a cleaner look.
• Content Layout: Consider how the product names would look if they were longer, especially on smaller screens, to ensure the layout remains neat and flexible.
• "View More" Button Style: Using a lighter, secondary style for this button will create better visual hierarchy compared to the heavier “Buy now” button below it.

Follow Us on Instagram Section

• There’s no actual way for users to follow the instagram profile.

Subscribe to Our Newsletter Section

• The input field here has low contrast, so it could benefit from a darker color or outline to make it stand out more.

With these tweaks, your design will be even more user-friendly and accessible. Keep up the great work, Hamad! 💪