There is some design experience, and the implementation of online stores that we decided to summarize. We were surprised by the conclusions about the importance of sections in the online store, but took note of them. In each new project we go through this list and in that order. We explain to the customer why we should start with the description of the “audience”, and not from the “main page” of the site.
Catalog page
If the target audience chooses and compares a lot, then this page is the most important in your store (It works in segments where the buyer is not an expert on the product and where a wide range of products: household appliances, jewelry, clothing, electronics). The page should provide maximum functionality for the right choice. Intuitive filters must be presented. Filters should work quickly under difficult conditions and on large amounts of data. Now the general trend is the use of filtering after adding each new condition to the filter with AJAX processing. But this is not always convenient, since on large volumes of the nomenclature there will be delays, and often the buyer knows exactly what he wants, enters a lot of parameters and wants to get the result after all the criteria have been specified. A very important tool after filters is the sorting mechanism. The minimum that should be is sorting by price. They often do a lot of sorting by popularity and bestsellers, but, in my opinion, it now works where the audience doesn’t know exactly what it wants and relies on the majority opinion (“Advise me ...”): it’s very typical for women’s goods, booksellers . Each product should be presented simply a photo + name + price + buy + compare, but also its competitive advantages, as a last resort, key characteristics. The main purpose of this page is to generate trust, pleasant emotions from use and transfer the visitor to a detailed page. ~ 1% of cases who add items to the cart from the catalog page.
Product page
The most important page, if your audience knows exactly what it wants, and also if the audience is diverse: from novice users who are afraid to buy on the Internet, to professional users of the goods sold. The audience needs to be convinced to buy here from you.
Purchase with the order in 99% of cases comes from a detailed page, so the requirements for it are the most stringent.
- This product must be submitted high-quality photos, they should be enough. Photos should represent the product with the best hand. Online stores are very inferior to the real in this regard - here you can not touch the goods, so the photos must be of the best quality to compensate for the lack of the ability to "touch the goods."
- If the product has video footage, this is another huge plus.
- It is necessary to correctly show the price - as I said, for this you need to know the audience - to whom we sell. It's all on the conclusions and experiments there are no uniform rules. Someone needs to show the price of large + crossed out, someone is petty and unobtrusive, if the price for the audience is not the decisive factor.
- You need to correctly show the "Buy" button on the same principles as the price.
- What is important is the unit characteristics of the product and description. Not so important block to give him the best place, so it’s better to show the first few, and the rest only on demand.
- The “Compare” service is important, but it should be used only for the goods being compared, I also note that it is better to compare in the catalog, and if the visitor has already arrived at the detailed page, he needs to sell.
- Now everyone loves to put the services "evaluation" and "reviews" which in life are always despondently empty with the statistics "There are no reviews for the product yet", "The number of votes is 0". These services are really needed, but if there is a community at least> 4000
- For the goods the information must be available "guarantee", "delivery conditions", "conditions of return" - this is important but it should be shown unobtrusively, only if the visitor needs it, he should easily find it, but no more.
- This service should be in second place in importance. Services "UpSell" or "DownSell". But I will tell about it in one of the following releases. Who wants faster, look here
- Widgets of social networks also like to put everything. If there is no attendance, then there is little point.
- Service "similar products." A very important and necessary service, if only there is information about the quantity of goods - for example, there is no product, and if a similar product is presented adequately - now, in many stores, it feels like the choice is made by a random number generator.
Basket
Important page, mistakes are expensive here. The main goals are: “to place an order”, “not to let the buyer get distracted”, if he has failed, then “to get some contacts”. Under the basket, you need to make a separate template, ideally - so that it does not have a cap and a footer, so that there is not a single link, except for “just forward to the design”. Your cart must contain:
- Selected products are presented: name, photos, price of each product, quantity, amount
- Discounts
- the total amount of the order
- Optionally, but now it works very well: loan conditions and calculator for calculating monthly payments
- Most importantly: the basket is the best place for UpSell. If you show here, for example: “Only now complete with what you are buying, you can buy goods XXX with X% discount” - you will be surprised at the conversion. This is the simplest example, the most interesting, if you are interested, write in a personal.
- In the basket it is very useful to duplicate information: "warranty", "delivery terms", "return terms"
- The function of deleting an item’s position from the basket is important, it is often forgotten about it and in order to delete it is necessary to put the quantity “0”
')
Checkout
The most important page, errors here, are catastrophic. According to the specifics, the buyer is required to take action to enter data: name, e-mail, etc. People do not want to type, scribble down the screen to find out: “How many fields are there in general ...?” And the main thing here is not to show all the fields at once, to make the input natural, not to enter what is not necessary based on the previously entered (for example, if payment only cash, then delivery is only self-pickup, and you will not need to know the address anymore. There are quite a few such relationships and all of them need to be worked through). Slip the field as needed, and only those without which nothing.
- Full name - or better just a name
- e-mail, phone - one thing
- payment method
- delivery method
- delivery address
- comments
All the time of registration, you need to show the composition of the basket and the ability to add UpSell or delete what is already there.
Home page
The page is not of first importance. Strange conclusion, right? However it is. Shops are not branded or image sites. The traffic basically “lands” on detailed pages and pages of the catalog. Such is the specificity of the current time. Everyone buys context, SEO and landing a dear visitor to the home is meaningless.
findings
Perhaps I am not right about our page ranking in order of importance for an online store, but in reality it turns out like this.
I emphasize that this assessment of the composition and importance of the components is given specifically for an online store focused on high conversion and sales.