Ecommerce design strategy

Most of your potential customers will fall into two major groups:

1. Those who know what they want to buy.
2. Those who want to look around and browse.

You can cater to both these groups by designing effective search capabilities and navigation.

If you are offering only a single product (or a small number of them), search functionality is often superfluous. However, if you have a large number of products, it is very important to have a search function, right on your landing page, that is both highly visible and easy to use.

The average Internet user has a low attention span and does not want to spend a lot of time going through hoops – especially if they know exactly what they are looking for. If your customer wants to buy a specific product, you want to make it as quick and painless as possible for them to find it. Anything else along the way is very rarely delightful and quite often distracting, or worse, off-putting.

While your Search function should, of course, have basic functionality that allows for searching based on keywords and tags, you can also take it a step further by refining suggestions and results. Keep an eye out for start-ups like Elicit which allow for more control over how your users search.

The second type of potential customers are those who only have a vague idea of what they are looking for or they just want to browse through your product range and take their time. What they need is a navigation system that gives them a sense of everything on offer and lets them move easily between product categories. Your navigation should be easy-to-use and consistent throughout the website and allow for intuitively refining and reversing choices.

Here, as with the indexing you will use for the Search function, devising an effective taxonomy is of the utmost importance. You should have a very clear idea about how your different products are organized and grouped, and if that is the way the user thinks about them as well. Coming up with a user-centric taxonomy is key to both effective search and navigation on ecommerce websites.

Designing Search and Navigation functions on your website in a way that parallels the way people actually shop will increase your conversion and AOV (Average Order Value) and reduce your bounce rates.

While it cannot be objectively stated as such, all websites have personalities.

Your ecommerce website is a major part of your brand’s identity and you want it to convey the attributes and values you want your products to embody.

Think of your website as a person and come up with one word (or a few) to describe how you would ideally want your target customers to see it. A word like ‘chic’ might come up for an apparel brand, ‘homey’ for a family owned restaurant and ‘trustworthy’ for financial services.

Once you have decided on the personality for your website, you can make key design decisions like the color scheme, choice of layout and copy and the type of photography you will use.

It’s important to note here that ‘giving it personality’ doesn’t mean you have to make it bold or flashy merely for the sake of it. Your personality, as in real life, is at its best only when it’s true to who you are.

Danish ceramist Malene Helbak’s ecommerce website shares her products’ fresh color palette and minimalist design sensibility for a very clean and open look.

The human brain is constantly sorting and organizing things in trying to make sense of them.

One way that we link one object to another is through their proximity to each other. In an ecommerce website, you can boost your conversions and AOV by grouping products together – whether they are complimentary (shoes to go with a dress your customer is looking at) or merely recommended (based on what other users are buying).

More than ever before, the web is a visual medium and the dominant trend in web design these past few years has been gorgeous, high quality photography.

In the physical world, the user can often directly look at and touch the product they are considering purchasing. However, online, one of the only reliable indicators they have to go by is product imagery.

You do not want your product to be represented by bad photography. And with services like Death to the Stock Photo or Gratisography, its become very easy (and inexpensive) to feature beautiful photography on your ecommerce website!

When it comes to the actual purchase process, simple, direct and without distractions is the way to go for high conversion. As a general rule of thumb, there should be no more than two (straightforward and minimally designed) pages between your customer clicking the ‘Add to Cart’ or ‘Buy’ button and final checkout.

You should also avoid asking your customers to register before they can make a purchase. Obtaining your customers’ contact information should not come at the risk of driving them away.

British brand Cute+Broke sells just a few key pieces and keeps the clutter at a minimum in its Shopify-hosted check out page. Even if you use Shopify as an enterprise selling thousands of products, your check out pages should always be kept simple and distraction-free!

Last, but not the least, you should always remember that your website is increasingly being viewed on tablets and mobile devices – and not on a desktop computer. This is why a mobile-first strategy for approaching your user experience can often drive up conversions. Experte offers a useful little tool to check if your website is mobile-friendly or not.

A recent study by Adobe found that, for the US, almost 38% of the websites in their sample were visited on smartphones while the number was even higher – a whopping 52% – for the UK. The study recommended improving and streamlining the mobile experience to increase your website’s conversion and ‘stickiness’ (a key measurement of acquisition and landing page performance).

The Fallen Hero mobile website makes it easy to browse and view products and offers a no-hassle check out page that provides the delivery and payment options right there in the cart view page.