Designing for conversions in ecommerce

Most ecommerce sites get built the wrong way round. Pretty theme. Products loaded in. Descriptions written. A year later the founder is paying for ads, the conversion rate is sitting at 0.8% and everyone is asking the same question: where is the money going? It is not the traffic. It is that the site looks fine and does not sell. Nobody designed it to.

Designing for conversions in ecommerce is different from regular web design. Every page, button and image needs to do something useful and help the visitor move toward buying.

Start with the product page, not the homepage

The homepage gets all the attention, but it is rarely where people actually buy. Most visitors don’t even see it, they land straight on a product page from Google or an ad. That is where the buying decision happens, so that’s the page that should come first, not the homepage.

A product page that converts has a few simple jobs. It should show the product clearly with good images, make the price and delivery costs easy to find and explain what it is and why someone would want it right away. Reviews or proof from other customers should be visible without scrolling too much. The Add to basket button needs to stand out, be easy to tap on a phone and not compete with anything else on the page. And it has to load in under three seconds on mobile, because if it is slow, nothing else matters.

Why are good product photos important for ecommerce conversions?

This one really frustrates us. We will look at a store doing £40,000 a month with a nice homepage, a clean checkout, a solid brand. Then we open a product page and the photo is a blurry JPEG image they probably got from the manufacturer years ago. One angle, plain white background, no detail, no sense of size. And that one page is quietly losing them sales every day and it hasn’t been updated in years.

For physical products, photography is the closest thing your visitor has to picking the item up in a shop. Bad photos kill conversions faster than almost anything else and most stores are still using whatever the supplier originally sent.

The photos that actually sell show the product from multiple angles, in real use instead of just floating on a white background, with at least one image that makes the size clear (like showing it in a hand, on a person, or in a room) and at least one close-up of texture or material. For clothing, that means a real model in real conditions. For furniture, the piece in a room. For food, the food being eaten or cooked, not just sitting on a plate.

It is about answering the questions people would normally leave the site to figure out. What does it look like? How big is it? Will it fit me, my room, my hand?

Why do customers abandon their carts?

70%. That is about how many people who get close to buying never actually complete the purchase. The Baymard Institute has tracked this for years,and it hasn’t changed much. Seven out of ten shoppers add something to their cart, start checkout and then leave.

The reasons are not mysterious.

Forced account creation is one of the biggest issues. If you make people create an account before they can pay, many of them will leave. They came to buy something, not sign up. Let them check out as a guest, and ask them to create an account after the purchase.

Surprise costs are the second big issue. If delivery, VAT, or anything else only shows up at the end, you lose trust at the worst moment. Show the full price, including delivery, as early as possible. People usually already expect there will be delivery costs. What they don’t expect is seeing them suddenly added right at the end of checkout when they think they are done.

After that, it is all the small things that add up. Too many form fields, and every extra one is another reason to quit. Payment options like PayPal, Apple Pay, or Klarna only showing up at the end, even though many people look for them right away. A slow final page on mobile because the site is on cheap hosting. Each one only costs a little, but together they stack up.

We have seen stores add 20-30% to revenue from nothing more than fixing checkout. No extra traffic, no new products.

What happens between add-to-basket and payment

This might sound wrong, but it isn’t. When someone adds something to their basket, they are already interested in buying it. What happens between that moment and the payment page decides if they go through with it. But most stores treat the basket page like it doesn’t really matter.

A good basket page does a few simple things:

• Keep the basket visible in the header after something is added so people always know what they are about to pay for
• Have a clear “continue shopping” link because forcing a choice between shopping and buying usually just kills both
• Show delivery as real dates like “arrives Wednesday 14th” not vague ranges like “3 to 5 business days” which always feel longer than they are
• Shows trust signals, but quietly. A simple row of payment logos and a short returns note is enough. Too many badges, certificates and trust stamps just do the opposite.

Most people will see your site on a phone first

There is a clear gap here. Over 60% of ecommerce traffic in the UK is on mobile. But the owner is usually checking the site on a laptop. They’ve never really used their own store the way most customers do. A site that looks fine on desktop but is hard to use on mobile loses money every day. Most owners don’t see it because they are not looking at it the way their customers are.

Start with the Add to basket button. On a phone, it should be easy to reach with one thumb, without scrolling. It needs to be big enough to tap without missing and visible without zooming in. If people have to hunt for it or stretch to reach it, you have already lost some of them.

Then there are the small things people only notice when they are missing. Forms should use the right keyboard for each field: number pad for phone numbers, email keyboard for email. It is a quick fix, but most sites still get it wrong. Image zoom also needs to work properly, because people on mobile want to look closely before they buy. And the site has to feel fast on real mobile data, not office Wi-Fi. Test it on a phone, on 4G with a weak signal. If it takes five seconds there, that is what your customers are dealing with.

Design should reduce decisions, not add them

Here is the trap most growing ecommerce sites fall into. The product range grows and the team keeps adding more features they think will help people choose: more filters, more categories, more cross-sells, more banners. The site gets busier and busier. Conversion rate stays flat or drops and no one can figure out why.

The reason is simple. Every extra option is another decision the visitor has to make, and people don’t like making decisions. Show someone three jumpers and they will pick one. Show them thirty and they’ll often leave to think about it and never come back. Good conversion design removes anything that doesn’t help the sale.

A test we use on every page is simple: what do we want the visitor to do here? If you can’t answer that in one clear action, the page is pulling in different directions. Pick the main action and build the page around that.

Which metrics matter most for ecommerce conversions?

The numbers that actually matter are overall conversion rate, add-to-basket rate so you can see where people drop off, checkout abandonment rate, average order value and the difference between mobile and desktop conversion. That last one is the one most stores ignore, and it is usually the most important. If desktop is at 3% and mobile is at 1%, your mobile site isn’t just a bit worse. You are missing most of your revenue on the channel that brings most of your traffic.

Look at these numbers every month. Compare them to last month and the same month last year, because seasonality matters and a drop in January is often just the usual post Christmas dip, not a real issue. The point isnt to react to every small change, it is to spot the trend that shows something is actually wrong.

Final thoughts about SEO friendly web design techniques

If you remember one thing from this, make it this. Most ecommerce sites don’t have a traffic problem. They have a conversion problem that looks like a traffic problem. Spending more on ads to send more people to a site that doesn’t sell is one of the fastest ways to burn money in ecommerce and a lot of stores still do it.