How to Design a Homepage for your Ecommerce Store
The homepage design of your website – ecommerce or otherwise – grabs the attention of your visitors, as that’s the page they land on first. Hence, this can make or brake the game of driving traffic to your website.
In the video below, I will take you through the homepage design of the ecommerce website of our client Barva Skin Therapie:
Right on top, you can see a bar on which there is text that highlights the current offers – there’s “Free Shipping & COD on Orders Above Rs. 1,000” and “Kajal Eyeliner 1+1 Free.”
Right below that is the menu that provides sub-categories of products on the left of the Logo placed in the centre. On the right, you can see some information pertaining to the company/brand, which includes its standards, origin, blogs, ingredients, & certain benefits it offers to customers for shopping with them.
The portion below this carousal is known as “below the fold.” The carousal and topmost menu are “above the fold.” So below the fold, you find a brief description of the brand with bare minimum text. It is very concise, yet catchy. On the right, there are some brand values, but in the form of icons. These highlight brand values, in case of Barva, “made with ghee,” “naturally derived ingredients,” “not tested on animals” and so forth. Had we included these as text, you would get bored easily. But the images of icons remain etched in the minds of users and they instantly get attracted to what your brand stands for.
The section below this one has top customer reviews of the overall brand. There is also a “Reviews” tab on the left of the page where all the reviews are visible.
Moving further down, you can see product categories in the form of striking images. These are inviting people to click on them and browse these categories, thus spend more time on your site.
Right below this, we have included some of the products that are trending at the moment. You must notice here that all the images are uniform in terms of the background color, contrast, etc. For instance, the white background in one image isn’t different from the white background in another one. This is very important for this section to maintain uniformity.
Even if you use different-colored backgrounds for these images, their brightness, contrast etc. needs to be the same. Have them appropriately retouched to ensure the same.
Again in this section, some customers have been featured along with their pictures & their opinion of Barva products. You might see blank spaces here as we are viewing the site on a laptop, but this isn’t the case with the mobile version. Your homepage design on mobile website must be sound as more than 80% of your visitors will be from mobile.
Going further, these are glimpses of the Instagram feed. All the latest Instagram feed appears here and this slides automatically. We can do it manually but it also slides in its own.
The footer should also have other useful links as is the case here – store location, accounts, order tracking, etc. This space should also include a box asking for a visitor’s email id and an invitation to subscribe to your newsletter. This helps you build an email base, based on which you can send them offers via email as well as target them through social media & Google ads.