Having seemingly taken its time to get its online strategy together, shoe retailer Clarks finally launched its first transactional website at the end of last year. 

I had previously highlighted Clarks as an example of a company that was failing to make to most of the web by not offering its product range online, so I've been having a look at the new site from a user experience perspective...



The Clarks website was designed by Snow Valley and has a professional look to it with good quality photography. The homepage has been kept relatively small so not too much scrolling is required:

Clarks homepage

Elsewhere, navigational links are clear, and Clarks has done well to give prominence to its newsletter sign up link, which should help the retailer get a few more subscribers on board.

Clarks hasn't made all of its stock available to buy online; you can search through the children's shoes on the site but you cannot order for home delivery, only to collect and fit in store, to prevent people from buying shoes that don't fit their children's feet properly.

This is made clear on the front page of the site, though perhaps it could do with more explanation on product pages for visitors that arrive through search and bypass the homepage.

Site search / navigation

The site search function is good, returning accurate results for the searches I tried out. It also handles misspellings effectively, asking 'did you mean..?' and showing alternative results rather than making users search all over again.

It also handled searches for colours well, which some sites don't do, such as this request for 'black boots'. Search results are well presented too, with good product thumbnails. There are options to refine searches, but users need to click a link to access the sorting options; it may be better to display these options automatically.

Clarks site search results

Other navigation options are at the top of the page, and these have been kept to a minimum, with drop-downs used for sub-categories.

Clarks drop-down menus

While Jakob Nielsen says that huge drop-downs can be good for usability, I'm not so sure about smaller menus like these, though at least Clarks has ensured that the menu doesn't instantly disappear if you move the cursor outside of the menu area, which makes it more user-friendly.

After choosing an option from the homepage, Clarks is an excellent site to browse, thanks to good use of filtered navigation to help shoppers to narrow down their product search.

For instance, after selecting 'men's shoes' from the homepage, I can then filter by category (smart, casual, sports..) size, features (Gore-tex, active air etc) or function (everyday, formal...), all of which was enough for the searches I tried out.

Also impressive is the fact that the number of products for each filtering category is shown in brackets. This is something which helps customers to narrow their searches but avoids the annoyance of returning no results at all.

Product pages

Product pages have plenty of detail on them, containing detailed descriptions of the products, materials used etc, as well as links to information about deliveries and returns. It could make delivery charges clearer though; as there is a flat fee of £3.50, why not display this on the product page so users don't need to click on a link to find out?

Elsewhere on the page, the product photos are excellent; users can zoom in and out to get a good idea of texture etc, while seven different views are provided so that shoppers can see footwear from all the angles they could wish for:

Clarks product photos

Clarks has also added user reviews to the pages, though it's early days yet and a lot of products have yet to be reviewed. They are displayed in a meaningful way to customers though, with an average score summary, while Clarks is not afraid to show negative opinions of a product; something which adds authenticity to the page:

Clarks user reviews

Basket / checkout

After selecting an item to purchase, a small basket preview appears with the option to head to the checkout, though this vanishes if you click elsewhere on the page. The basket/checkout link could be made more visible; though it is at the top right where users expect to see it, the text is small:

basket link - Clarks

The basket summary page contains the information most customers will be looking for; price summary, delivery charges, as well as links to security and returns policies:

Clarks shopping basket

Registration is compulsory before entering the checkout process, and this does form a bit of an obstacle for customers. After initially entering an email address, users then have to give their names, phone numbers, a security question and answer, and more; 10 fields in all, while the reasons for and benefits of registrations are not explained to customers. 

If e-commerce sites are going to insist on making users register first, then it should be made as easy as possible and limited to an email address and password, asking for more is a risk in terms of increased abandonment rates.

Also, if you have selected to collect from a local store, then the option to enter your postcode and find the nearest outlet only comes up once you have registered, meaning customers have to go through a long registration process before finding out this crucial information.

There are a few annoyances during the checkout process. For example, after already entering name etc to register, I was asked to re-enter my name when selecting home delivery details, while it also asks me again at the payment stage. This is annoying and unnecessary.

Also, Clarks has a rule that users cannot order more than one product of the same style, something I only noticed when I came across this error message after beginning the checkout process:

Clarks error message

If Clarks insists on these rules (there is also a limit of 6 items per order), then this should be made clear on product pages before customers are allowed to add items to their baskets and begin the checkout process, as finding out at this stage and being forced to remove items and update the basket will irritate customers.

It is odd that Clarks has opted to have the basket summary taking up the majority of the page width, leaving just a quarter of the page for checkout data entry. While a summary of basket contents during the checkout process is a useful visual reminder to shoppers, having it take up so much of the screen means that users have too much scrolling to do, especially when selecting addresses and local stores from drop-down lists.

Clarks checkout

One final criticism: the checkout process has not been enclosed on the site, and the main navigation menu is still available, providing a potential distraction for shoppers. Also, if users do click on a menu option and leave the checkout they will have to re-enter an email address and password to start again.

There are some good points in the checkout process, such as a clear display of the number of steps in the process, and the ability to go back to previous stages and adjust details, while all relevant delivery, security and returns information is provided throughout.


Having taken so long to launch an e-commerce site, Clarks.co.uk is a good effort. It has a quality look and feel and plenty of good features, like effective search, navigation and filtering options, good detailed product pages containing reviews and quality photos. 

It is let down by a number of usability issues before and during the checkout process though, and I would definitely recommend a few tweaks to make the purchase process smoother and less complicated as a way of improving Clarks' conversion rates.

Graham Charlton

Published 15 April, 2009 by Graham Charlton

Graham Charlton is the former Editor-in-Chief at Econsultancy. Follow him on Twitter or connect via Linkedin or Google+

2565 more posts from this author

You might be interested in

Comments (8)

Save or Cancel

Rick Boretsky

Thanks for your excellent reveiw of this e-commerce web-site. What I found impressive about your review is that it touched on so many of the important factors for any e-commerce site in today's online world. Regardless of what company it is, i think every retailer has to try to implement the many features you describe that Clarks has implemented or NOT implemented:

  • Ease of use
  • Excellent search capabilities
  • Ease of registration/checkout
  • Openness of customer feedback/reviews
  • Clear indicators/signals of what you are doing and what is missing.
Whether or not Clark's has implemented all these features fully or correctly is less relevant than the fact that most retailers are NOT doing even a fraction of these features you describe today, and they need to if they want to compete in this new online e-commerce world.

about 9 years ago


Mark Bolitho

One massive thing you missed Graham; the website is deemed to be not secure when viewed and attempting to purchase using Safari.

Safari has more than an 8% market share so i'd consider this to be a bit of a howler as very few people will continue beyond the 'Safari can't verify the identity of the website "www.clarks.co.uk"

Many developers strangely used to ignore Mac browsers completely, but Safari is now cross-platform so there's little excuse for alienating 8% of people, and losing a significant amount of revenue in the bargain.


about 9 years ago

Graham Charlton

Graham Charlton, Editor in Chief at ClickZ Global

Hi Mark,

It works for me, though I am using Safari on a PC.

about 9 years ago


Mark Bolitho

Hi Graham

It's okay on everything apart from Safari on a Mac, still a big miss.

i'd agree that, overall, it's a pretty nice website - looks nice and vibrant and a pretty good modus operandi.

Always perplexed about the registration thing, as you know, and perhaps they could offer more payment options too.

We're working on a search engine friendly way of filtering so that it will be possible to view 2 different sizes in the same colour, or 2 colours in the same size at the same time on the same page. Perhaps this is something they'll come back to here.

It'll be interesting to see if and when somebody spots the Mac/Safari issue and installs the SSL correctly!


about 9 years ago

Graham Charlton

Graham Charlton, Editor in Chief at ClickZ Global

Hi Mark - that is a big miss, good spot.

As for the registration, I was told it was needed to tie in with the back-end, but it is something that affects the usability of the site.

about 9 years ago


Mark Bolitho

Yes, it sure will!

I'd love you to cast your eye over our new site for Quiz Clothing - will be live at the end of the month. We're working flat-out to get it done for Internet World.

It'll be the first to launch on our revamped CMS, would value your opinion.

Maybe see you at the show? We're on stand E1075, come along and say hi.


about 9 years ago

zac craven

zac craven, IT consultant at Zac Craven Ltd

Great review!

One comment:

"There are a few annoyances during the checkout process. For example, after already entering name etc to register, I was asked to re-enter my name when selecting home delivery details, while it also asks me again at the payment stage. This is annoying and unnecessary."

-- What if it is a gift?  I think this is why 2 addresses are required.

about 9 years ago

zac craven

zac craven, IT consultant at Zac Craven Ltd

I just tried to submit a review on the site (I love Clarks and my family has tons of different Clarks shoes).

I found a huge UI problem when submitting a review.  If you click the Enter key on your keyboard (to enter a new line) it submits the form! 

Thus, what was going to be a glowing 3 paragraph report became a one liner!

about 9 years ago

Save or Cancel

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Digital Pulse newsletter. You will receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.