Get In Touch

Get In Touch

01202 237370

Visit Us

Bournemouth HQ

Second Floor
8-10 Christchurch Rd


10 York Road

Enquiry Form

The Ideal Layout Of Your eCommerce Website

  • Written By Marcus
  • Posted December 23, 2016
  • 2 minutes Read Time

You may not be an eCommerce website builder, so when you’re doing the initial eCommerce design of your Magento website, you should start by thinking of the way it looks, loads and operates on the average laptop or desktop screen, right? Wrong. The trend is toward buying on mobile devices, and although smartphones are currently a strong contender in the field, the stats show that tablets are set to take over. It’s time to future-proof your layout and think ‘tablets.’

Knowing What To Consider

Designing for tablets (by which, let’s face it, we primarily mean iPads and they’re close relatives) means that you’ll have a pretty good default for PCs who land on your site in any case, but design for a slightly smaller screen, with touch screen capacity. You’ll want to bear in mind priorities such as clarity, visibility and simplicity. Think of web pages as rooms and buttons as doors, and you’ll soon see why it’s important that the doors to the most important rooms are accessible, obvious and easy to stumble into.


Images are more readily absorbed than text, and you can use these both to help with navigation through the site and also to validate the clicks made (i.e. so that the visitor to a page will know at a glance that the page is indeed relevant to the info they clicked on to get there.) Choose a normal grid layout for images, or make sure you have clear labelling so that customers recognise they are still browsing what’s on offer, rather than launch into some esoteric art gallery experience.

Many people follow the ‘F pattern’ for their layout (literally in the shape of the letter ‘F’), which follows the idea of a longer listing on the left side. Why? 80% of readers focus mainly on what’s above the fold, and 69% on the left side. Ensure your online customer service facilities are easy to access and find as 83% of customers tend to need some sort of help before they buy and, in the US at least, nearly half will abandon their trolley if their queries don’t get an answer fast and efficiently.

Above all the lesson is, keep innovating and reshaping according to proven customer trends rather than best guesses, for high-performance eCommerce design.