What Makes a Great e-Commerce Site?

Homepage Layout

Which? Magazine have announced the top 100 best online shops according to their readers. There were some really surprising results. The top prize with a customer score of 91% was WexPhotographic.com – a supplier of photographic equipment.

You might expect to see the online behemoths at the top of the list but in fact Amazon.co.uk came in a number 15 and Apple at number 25.

We thought we’d take a detailed look at Wex Photographic to find out why customers seem to love them so much. Here’s what we found.

Lightning fast

We got the stopwatch out and did some timing tests. Over 10 tests the homepage loaded in an average of 1.8 secs, which is lightning fast, especially considering the amount of photography on the page. Doing some basic searches from the type-in search box was even more impressive with average find times of 1.5 secs. This site just whizzes along!

Easy to understand category browser

The main category menu makes good sense and is written using jargon-free terminology. We’re not photography experts but we understood what we were going to get when we clicked through. Again, clicking main menu options gave us page-load timings of under 2 seconds on average.

Product photography and video

You’d expect great photography on a photography web site wouldn’t you? It’s amazing how photography lets down so many online stores. Most product pages have several clean and clear photos. A minor quibble is that you can’t zoom in and look at the surface textures of products, and some products had only one photo.

Ecommerce Product Video

The store features product videos as well as photography.

Details and specifications

The technical details are important! Measurements and specs can mean the difference between a successful purchase and a return. On this site we found the specifications particularly clearly laid out, and each product featured detailed descriptions of features and benefits too.

Accessories, cross-buys and freebies

We were impressed by the number of recommendations we were offered. For example when buying a camera, we were presented with compatible tripods to go with it. This suggests real attention to detail.

On many of the products we added to our basket, we were offered, free of charge, a useful extra to go with it. For example an astronomy telescope comes with a free torch – rather handy when you’re in the middle of a field in the dead of night we suspect!

The purchasing journey

Checkout Buttons

Checkout was clearly signposted

Adding to basket and moving through the various processes to checkout was a breeze. The route was clearly signposted with large and obvious Checkout buttons.

At each stage we were offered phone and fax contact numbers which would be very helpful for a difficult purchase. We were also shown images of the different cards you can use.

When it came to creating an account we found the instructions clear and obvious. The signup/signin page was one of the clearest we’ve seen and setting up our customer details was also clear and straightforward.

Clarity of contact options

Wex display their phone number prominently on every page. This seems to encourage people to phone in and speak to a real person. Customers are looking for contact points such as phone numbers and opening times, even if they don’t actually want to use them. Wex’s site also features a live chat option – another handy way to contact them if you’re perusing the site and need advice.

Wex Login

Login and signup are crystal-clear

There is a strong social media presence with links to their Facebook, Twitter, Google+, Flickr and YouTube channels on every page. The 45,000+ Facebook Likes displayed certainly gives the impression of a sizeable fan base.

Community

It is rather rare for e-commerce sites to encourage on-site user-generated content such as community forums. But Wex have taken the plunge and offer a fully-fledged forum where photography enthusiasts can mingle and chat. The blog features hundreds and hundreds of product reviews, tips and advice posts.

Plus there are photography competitions and even seminars and events beyond the store. All this creates a really strong impression that Wex is super-keen on talking with their customers and sharing their passion for photography.

Post-purchase support

If you’re paying £2000+ for a camera you want great support. As well as the phone contact option, Wex helpfully offer a list of manufacturer helplines so customers can speak direct to the manufacturer.

Summary

All in all the experience of using the site was very good. Fast page-loading times and clear navigation mean you can get to what you want quickly. The generous add-ons and freebies make you feel valued and important. The vast amount of technical information, background knowledge and support really comes across. Delivery times and contact points were clear and easy to understand.

It’s not hard to understand why this site has come out number in the Which? Online Shops Satistfaction Survey.

PS: we are not connected in any way at all to Wex Photographic!

Related links:

Integrating Google eCommerce Tracking with WorldPay 2014

Google Analytics WorldPAyAs many developers know there have been issues for a long time integrating Google eCommerce or Google Analytics tracking with WorldPay hosted payment solutions.

The problem arises because both of these tracking systems use JavaScript to read the shopper’s cookies, tracking customers from clicking on an ad in AdWords all the way through payment. This JavaScript must be placed on the merchant’s site in order to read the tracking cookies that Google has placed there.

Unlike other payment providers, (SagePay, PayPal etc), WorldPay do not provide a way to return a customer to the merchant site complete with their payment information. Of course WorldPay supports callbacks, but these callbacks are called from WorldPay, not the customer, and therefore the customer cookies are not available to pass to WorldPay as part of the callback. Instead, WorldPay provide a way for merchants to show custom pages on payment completion via their own servers – but these custom pages are called up from WorldPay and sucked into a WorldPay-delivered page. 

These custom pages cannot currently contain JavaScript due to the risk of Cross-Site Scripting (XSS) attacks. It’s a reasonable security precaution but it stimies the use of Google Tracking codes.

Over the years various solutions have been proposed, including showing an iFrame within your response page. These solutions work for a while but WorldPay always seem to shut them down after some time.

As of the time of writing Google eCommerce tracking is not supported via WorldPay and although they say that new payment pages will be available in Q1 2015 which may support such functionality, we are not holding our breaths! Solution: switch to SagePay!

Case Study: Creating PDFs From ASP.NET Automatically

We completed another interesting project using technologies that we don’t normally use – creating PDFs from ASP.NET.

Our client supplies materials around the world to research institutions. For decades, every year they produced a paper-based catalogue – an impressive heavyweight document – which they send to all their clients and anybody else who wanted one anywhere in the world.

This was a successful marketing strategy and great customer service, but extremely expensive and very time-consuming.

They approached us to find out if we could automate the production of their product catalogue and make it downloadable from their web site. We said “Of course!” Then we had find out how to do that.

PDFs from ASP.NET

Since their web site technology stack includes ASP.NET, C# code, and Microsoft SQL Server, it made sense to source a software library that would easily fit in. We looked at several PDF libraries for ASP.NET and found the  most popular to be iText – but when we received a license quotation from them we realised it would not be financially viable to use this software. In the end we plumped for PDFSharp and MigraDoc.

Getting the data

Once installed, these libraries allow programmers to create PDF documents, add pages, images, paragraphs, tables of data, tables of contents, headers, footers, page numbers – exactly what we wanted.

First we created software classed that would extract the relevant data from the database, using the specified currency – our clients sell in GBP, Euros, US dollars, Japanese Yen and Swiss Francs.

Then we created classes using PDFSharp that would inject the product data in the right format and right currency into the document.

Once that was done, we focussed on building a table of contents.

Tables of Contents

Seemingly simple, the table of contents turned out to be one of the most challenging parts of the project. The client wanted two nested levels of contents – the main material and within that, the form of the material (sheet, rod, wire etc). All these had to linked to the relevant pages in the document, but of course it’s impossible to know which pages those products might appear on. Fortunately PDFSharp provides a way of setting up a bookmark and taking care of the page numbers itself – a very handy feature which makes internal linking easy.

Finishing touches

Finally we added a full-page cover image with the company’s logo, a terms and conditions page and introduction pages. We added headers and footers to the product pages with the company’s logo as a watermark to add polish and panache to the finished product.

Automatically generating the catalogue

The last piece of the project was to get the catalogue to be generated daily in each of the five currencies. To do this we set up a .net page which generates the catalogues and saves to the server’s filesystem, making them available to be linked to for download. We set up a scheduled task to allow this to happen daily at 5am. Finally, we added links to the catalogues from all the relevant points of the web site.

Good outcomes

This automatic system now does away with the heavy, expensive and out-of-date catalogue. Now our client can point their customers to a brand new downloadable catalogue that is produced every day so has the most up-to-date prices. They will save considerable amounts by not having to send the paper-based catalogue around the world. And customers can now download the catalogue in their preferred currency at any time from anywhere in the world.

Visit the client site

Nominet Launches .UK Domain Names

Remember the date

.UK launches on 10 Jun 2014. Existing owners have until 10 Jun 2019 to register their equivalent names.

On 10 Jun 2014, Nominet (the UK domain names organisation) is launching .UK as a new domain extension. We have 15 years of history of .co.uk, org.uk, and more recently .me.uk so this is quite a shake-up.

Read more

Case Study: Geolocation and Automatic Currency Detection

Globe
Photo credit: Kevin M Gill

Our client has a thriving e-commerce site which we built a few years ago. They sell all over the world and accept payments in a number of different currencies. The challenge with this project was to ensure that customers outside the UK were presented with prices displayed in their home currency.

For this we implemented a geolocation lookup using the reliable ip2location service. This takes the user’s IP address and performs a lookup against ip2location’s database, returning the country the customer is in with extremely high levels of accuracy. The service is fast enough to be done on-the-fly without any noticeable slow-down in accessing the site.

Performance – speed is king

Geolocation

The process of identifying the geographical location of a person or device by means of digital information processed via the Internet

Performance in any web application is key, so instead of performing the lookup every time a visitor arrives at the site, we cache the lookups in the database. We first perform a check against the database to find out if we have already done a lookup on the IP address within the last few days. If so, we don’t need to call ip2location for the country, and we retrieve it from the database. This makes things even faster.

Testing

One of the challenges of web development is finding out what your site/pages look like in countries outside the UK. To do this we employed several techniques. We tested using many web proxy services, and also utilised a great service called GeoPeeker to get a view from the USA, Brazil, Singapore, Ireland and several other locations.

Success

Now the service has been launched, so customers around the world are presented with their “home” currency. This is great customer service and is a handy time-saver for customers who no longer have to change their currency from UK pounds to their home currency.

What is Responsive Web Design?

iPhone UKcentricHave you ever wondered what all the fuss is about “responsive” web design?

Responsive design aims to present a site that’s tailored to the device on which you are viewing it. For example, on the web, screens are generally wider than they are tall (landscape format). But on mobile, screens are usually taller than they are wide (portrait format). So a site that looks great on the web probably won’t look so good on mobile.

On the other hand, if you turn your mobile sideways, you’re back to landscape format again!

Responsive design aims to solve all these problems by delivering a different layout according to your device. The general aim is avoid the user having to scroll in more than

Mobile web traffic now accounts for about 28% of all web traffic 1 – so if your site is not mobile-friendly or responsive then you risk alienating an entire quarter of your audience. No business can afford that.direction (up and down scrolling is fine) and to avoid pinching and zooming.

The task of the web designer is to ensure that sites can detect the device (known as browser sniffing) and deliver a user-friendly format in response.What’s more, mobiles have much smaller screens, meaning web-size fonts are going to be difficult to read without pinching and zooming.

If your site is looking nasty on mobiles, then get in touch with UKcentric – we can redevelop your site in a responsive way to ensure it is fit for purpose no matter what devices your users prefer.

Mobile traffic now 28% of total report

Collection of smartphones

UKcentric’s ever-growing collection of test phones

UKcentric’s New Brand

UKcentric | Be Brilliant OnlineWe’re excited to reveal UKcentric’s new look! Several months in the planning, we’ve refocussed our site on what matters most to our customers.

We’ve a fresh new logo and colour scheme to take us into 2014. We also have several new ways to get in touch – Facebook, Twitter and Skype to name but three.

Read more

WordPress Hosting

WordPress logoWe’re delighted to announce we have added a great new service to our repertoire. WordPress is a fantastic blogging platform that is powering thousands of sites all around the world. Now you can have a WordPress-based web site on your domain for just a few pounds a month. Read more