Ultimate guide to web design for e commerce in 2019 + top 12 e commerce web design tips to prepare for 2020

What is e commerce and what is its history?

E commerce is the action of buying or selling products or services online.

E commerce is not a new thing. One of the first if not the first e-commerce websites was the Boston computer exchange. This sold used computers founded in 1981.

Fast forward to 1995. The e-commerce global players we know today, eBay & Amazon came into creation. 97’ saw the invention of Netflix and 98’ herald the era of PayPal, 99’ saw the Asian giant Alibaba take roots.

These 5 household companies have over 100 years e commerce experience combined!.

From humble beginnings, e-commerce is now expected to reach 108.64 Billion USB / year in the UK by 2021 (source).

History of web design for e commerce

E-commerce web design has changed a lot over the last 30 years.

web design for e commerce, ecommerce website design, web design e commerce
eBay in 1995
web design for e commerce, ecommerce website design, web design e commerce
Amazon in 1995

Security in e-commerce

With so much money exchanged using e-commerce security is always of utmost importance.

There are some things you can do to check if a website is secure.
The first sign of a secure website is a secure padlock next to the website address. This is an SSL certificate.

You can click on this little padlock to see information about the website.

Another great way to see if a website is legitimate or not is to look for its Google Review page.

If you are still unsure about the website try and get their contact details on their contact us page. Can’t get details? probably best to leave the site!.

What is an e-commerce platform for my website?

An e-commerce platform handles the storage of products and the checkout process.

This process happens without the need for human input.

We use WooCommerce connected to PayPal or Stripe for payments.

We find Woocommerce for WordPress to be the easiest to use for our clients.

Top 12 tips


to prepare for web design for e commerce in 2020.

Todays ecommerce sites vary from huge companies to small boutiques shops .

Regardless of a companies size. There are web design trends that you should be trying to use to make the most of your online traffic.

These are the hottest trends for ecommerce web design in 2019 & 2020.


Voice search is gaining traction every year. This type of searching will achieve higher and higher heights in 2020.

Alexa saw the first mainstream voice-activated ecommerce solution.

Making online purchases with your voice is a time saver. Anything that saves time is valuable.

Be expecting to hear more about voice ecommerce in the future.

How do you prepare for Voice ecommerce ?.

You need to make sure everything has alt descriptions in place. This means product descriptions, images, call to action buttons and checkout functions.

Google is looking for alt text to convert into voice commands. So make sure you leave no alt text descriptions blank

Mobile Friendly Designs

In 2019 roughly 55% of all websites viewed are being viewed on mobile devices.

This is up from around 48% in 2016 and is a trend that will continue.

Another trend that will to continue is mobile users spending less time on each website.

Desktop users spend longer and browse more pages per visit. (source)

How do you do web design for ecommerce and make it good for mobile?

Keep it simple, this will be a recurring theme in more of the points below.

Don’t clutter up the display pages use proper spacing and full-size images.

As mobile users don’t spend as long on site as desktop users. Make everything simple with less clutter for a better user experience.


Google has around 200 factors which it uses to grade your website.

Google uses these factors to find out where to position your website on the Google listings.

Speed is a very important part of Googles calculations.

If your site has the same content and products as 10 other sites. But delivers that content slower than the other 10 then you won’t rank higher than them.


If you have a lot of products on your ecommerce store filtering is a must.

FIltering saves time, customers can quicky get to the product. Rather than scrolling through products which gives the user a better experience.

Make sure that your filter sliders and drop downs are at the very top of your mobile shop page.


High-quality images are essential to your ecommerce store.

If you can display your own imagery rather than stock imagery this is even better.

Displaying 360 product imagery will help you stand out from the competition.


Product videos are an increasing trend in ecommerce.

Videos allow the customer to better visualise the product in their own hands.

Make videos of your products and put them on youtube. Link the youtube videos to your product page for the greatest effect.

No distractions

Customers have so many options nowadays.

Even the slightest annoyance perceived can see lost custom.

Things like pop-ups on checkout pages and too much information requested. These things can see a real decline in sales.

Try to use spacing as much as possible and don’t clutter the screen.

Easy checkout

Checkouts need to be as simple as possible.

Any clutter or any confusion at the checkout means lost customers.

Try to use one-click PayPal and checkout buttons wherever possible.

Make all costs clear and don’t add on costs at the last process as this again can lose some customers.

Dynamic search

When you start searching on Google as soon as you put a few keywords in Google tries to autocomplete what you want.

This saves time having an auto-complete function on your ecommerce stores.

A search function means a better user experience and more customers.

White space

As mentioned less clutter and distractions on the website the better.

Clutter and distractions that annoy the customer gives them a bad user experience.

With the chaos that can be modern day life and online retail. Sometimes minimalism and white space can have a calming effect.

Calming is good as it results in a better user experience.


Bright vibrant colours are a must in today’s ecommerce websites.

Brand colours should be a part of any ecommerce store.

Your buttons and general style of checkout must conform to your website.

Your store should look natural to your website and not like a 3rd party application.

Grid layouts

Grid layouts of product shop pages bring calm and order.

A photo grid showing minimal details and large image size.

This brings a better user experience to those browsing.

Combining the grid layouts with filters makes for an even better user experience.


How can GT WEB help with your e-commerce web design?

GT WEB is a small business web design company.

Our clients have the option to add on an online shop at any point.

This allows them to provide ecommerce products or services.

We work with our clients on a 1 to 1 basis to find out what they need and what will be best for the industry that they are in.

GT WEB is a contributing member of the online web design and development community.

We always keep our clients up to date with the latest trends.

How much does web design for ecommerce cost?

We keep it simple here at GT WEB.

We have a range of web development services that start from £19.99 per month.

This cost includes an ecommerce store at no extra cost.

What else do I need to have an ecommerce store?

We set up your online shop and host it on your website.

To accept credit and debit cards, we ask customers sign up for either PayPal, Stripe or an alternative.

We then take our customers credentials and put it into the shop.

We do not charge for transactions or have any credit or debit card charges, although PayPal and Stripe do.

Interested in web design for e commerce?

If you would like to know more about what GT WEB could do for you please contact us. We talk to you on a 1 on 1 basis to find out what e commerce web design would be correct for you.