Given the site we are reproducing, is effectively an ecommerce store, it is vital to understand what makes a good ecommerce site. I understand that some of the examples I look at are specific to a category such as fashion but the same principles of design and layout still apply, with that said, let’s look at some brilliant examples of e-commerce.
The Diesel website works well with a landing page featuring ‘party scenes’ where models wearing the brand seem to be mid-dance and having a good time with smaller captions below them;
Please note the menu section above also seems to get rid of drop down menus in exchange for the drop down box to avoid the bad user experience issues noted in the standard drop down menus. Once you arrive on the section of the site that you require, in the case below, it is ‘apparel’ which is split into three categories for the user to choose from;
Once you land on the section page, you are overwhelmed by large images. There is a close up image in the background, then there are smaller images that feature other pictures of the items of clothing which sell them really well instead of the standard grid. It features close up images, models wearing them and gifs of american terrain, fitting in with the overall theme of the site. I think this is an excellent way to sell products as it is much friendlier user experience, it doesn’t look like being sold to as much. Note I have hovered over some of the images to show the option to purchase;
Once you click on a particular image that you like, you are taken to a large image of the model wearing the item and the option in the top right hand corner. I found this experience very appealing and I was almost tempted to purchase some of the items;
Reiss is another nicely designed ecommerce site that features large images across the screen splitting the products into different categories;
They also have a full width drop down menu that contains all the links, making all the pages clean, clutter free and simple.
The section that features all the items for sale is organised and symmetrical, all the images look very similar which helps you focus on the item rather than the unorganised fashion in which it is organised in.
It is also worth looking at some great examples of help pages because as it stands the high noon holster help section looks like this:
Youtube has really good help page as it creates categorises the informations and shows them under different sections;
99 Designs has really good FAQ page as it has categorised the questions but also has a search bar at the top allowing the user to find their answer really quickly.