Ecommerce design strategy

Ecommerce design strategy


It is not just the product that sells online.

Sure, an online purchase is motivated by a desire to buy a certain product or service. However, that desire, as those in the brick-and-mortar business found out long ago, is the result of a complex, multi-layered process that influences consumer behavior.

That process is quite similar to what we, in design circles, refer to as the user experience.

There are many ways in which improved user experience can help to convert your visitors into customers but this article will discuss the user experience insights most pertinent to the e-commerce sector.

Here are six design strategies for ensuring your e-Commerce website is in the service of your sales objective – and not a barrier!

1. Know What Your Customer is Looking For

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.

2. Give Your Website a Personality

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.

3. Group Products Together

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).

4. Leverage Quality Photography

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!

5. Optimize the Purchase Process

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!

6. Design for Mobile

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. Google 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.

1024 768 pvcdesigns

Leave a Reply

Privacy Preferences

When you visit our website, it may store information through your browser from specific services, usually in the form of cookies. Here you can change your Privacy preferences. It is worth noting that blocking some types of cookies may impact your experience on our website and the services we are able to offer.

Click to enable/disable Google Analytics tracking code.
Click to enable/disable Google Fonts.
Click to enable/disable Google Maps.
Click to enable/disable video embeds.
Our website uses cookies, mainly from 3rd party services. Define your Privacy Preferences and/or agree to our use of cookies.