35 Best Responsive Ecommerce sites – Examples


Ecommerce Website Design
Years ago, the online world progressed from simple HTML Web 1.0 websites to Web 2.0 websites, which included enhancements like JavaScript and CSS. Today is the era of the “responsive website,” which means e-commerce sites should respond to a visitor’s environment and needs with only minor adjustments and without glitches.  Below is a list of 35 responsive ecommerce sites that are industry leading.

A “responsive” website is easy to identify; it has a few key features that make it stand out. These include the following:

A. It’s fast, vibrant, tidy, and easy to navigate

B. It adjusts its size to the visitor’s device, whether it is an iPhone, a Blackberry, or an iPad

C. It requires minimal scrolling and minimizing/maximizing, and does not require users to navigate through a lot of page

If you’ve come across a website with the features listed above, rest assured that it is a responsive website.

Below are some examples of the best responsive e-commerce websites we’ve come across on the Internet. However, before we proceed, let us explain why we emphasize e-commerce.

E-commerce has taken the Internet by storm. Most brick and mortar stores now have an online presence, and people are responding well to this convenience. We’ve emphasized this particular type of website because they tend to require the most amount of activity on the part the visitor. Hence, the sites must be highly responsive.

The Best Responsive eCommerce Sites

The following are the most responsive sites we encountered. The cart and mobile experience of these sites are usually exceptional.

1) KingArthurflour.com

This website averages an estimated 1,150,000 visitors per month. It sports a clean, vibrant design and is easy to navigate, even on mobile devices. The navigation column lists all sub-pages in a horizontal form so visitors need not scroll down, as they normally must.

KingArthurflour.com

KingArthurflour.com

2) Hickoryfarms.com

What sets this website apart is that it lets its visitors shop in the manner they desire. You can shop by category or price, which is a great responsive feature. The website is beautifully designed in CSS. The Cart experience is smooth, and website navigation is intuitive and efficient.

Hickoryfarms.com

Hickoryfarms.com

3) Explore.ee.co.uk

EE is a 2/3/4G network service provider. Normal things aside (browsing, cart, etc., which are quite responsive) this website features a distributor locator and a coverage checker in the top header. This is quite unusual, and makes it an ideal network provider website.

Explore.ee.co.uk

Explore.ee.co.uk

4) Karma Loop

What is most impressive about this website is that the cart and checkout run on every page, starting with the front page. Instead of having to go to the cart to checkout, you can press an instant button and do the deed. Fast, smooth, and easy navigation, in addition to good mobile responsiveness, make Karma Loop very responsive, in our opinion.

Karma Loop

Karma Loop

5) Tsubo

Tsubo deals in a range of footwear for both men and women. Sporting a clean and minimalistic design, the site provides a chat feature as an embedded option on every page, rather than on a specific page. You can use the chat feature even while viewing the website on mobile.

Tsubo

Tsubo

6) Garmin

Garmin’s website, which sells consumer, marine and aviation technology devices and maps, features a sharp, chic design. It is very responsive; navigation is quick and easy. The front page is catchy, and the “Maps” feature (which lets you explore the site’s map collection) is quite responsive, even when viewed on mobile devices.

Garmin

Garmin

7) Fredericks.com

Fredericks.com features scintillating CSS and Javascript usage to create a neat-looking, responsive website with colors that are easy on the eyes. A store locator, login in/out button and cart are available as buttons in the header. The home page comprises sale offers from almost all sections, which it advertises in the top navigation column.
Particularly impressive is the store locator, which can track down any store within a specified distance of the ZIP code you enter. The shopping and mobile experience is very smooth.

Fredriks.com

Fredriks.com

8) CpoOutlets.com

What is particularly impressive about this site is the responsive navigation column, which is clean and sharp, and sports a barrage of options with illustrative images next to each option. Navigation through the rest of the website is also impressively fast and smooth.

CpoOutlets.com

CpoOutlets.com

9) Magazines.com

Magazines.com is a perfect example of a well-organized magazine website (which is an inherently complex undertaking). The top navigation column lists all categories and highlights important categories. The front page shows a list of magazines that customers can add directly to the cart. Users can also view their subscriptions on the front page.

Magazines.com

Magazines.com

10) TheGrommet.com

This is one of the more responsive websites on the list. It offers almost any kind of product one can think of, and lets people post products for sale, as well. The page on which it posts products shows very sharp pictures of products and their sellers. Navigation is fast, and does not require much scrolling or resizing, even when viewed on mobile. Another cool responsive feature is the pop-out instructions or details that appear when users hover over certain buttons.

TheGrommet.com

TheGrommet.com

11) Godiva.com

Godiva.com sells assorted chocolates online. With a unique boutique locator in its header, and with the cart option and beautiful pictures of chocolates in high definition, it nevertheless offers smooth, fast, easy scrolling. This website is highly responsive.

Godiva.com

Godiva.com

12) DiscountFilters.com

DiscountFilters.com markets various types of Air and Water filters. Right on the front-page banner is a quick search tool that lets users search for the filter of their choice, which earns the website extra responsiveness points. Navigation is quick and smooth, and the shopping cart experience is seamless.

DiscountFilters.com

DiscountFilters.com

13) Pfaelzer-brothers.com

What stands out about this website is its beautifully illustrated product pictures, and the responsive feature that lets visitors shop for various cuts of meat. The navigation is flawless, and the cart experience is quick and secure.

Pfaelzer-brothers.com

Pfaelzer-brothers.com

14) American Musical Supply

Featuring one of the most responsive mobile designs we’ve seen, AMS’s website sells music products online. It previews many of its products with a side-bar for easy navigation. On mobile view, these tabs are clubbed into buttons for a buttery smooth view. Very responsive.

American Musical Supply

American Musical Supply

15) Joann.com

This website sells fabrics online. Beautifully designed in CSS, navigation is easy and extremely fast. The front page comprises various pictures of products, which users can be add straight to their cart. Overall, it is a very responsive website.

16) Threadless.com

Online apparel store Threadless features an extremely intelligent web design. Similar to the Facebook notification button, it has a button in the header that shows updates relating to the website and money events. It provides a crisp mobile view and a great shopping experience, and offers a minimalistic yet responsive design.

Threadless.com

Threadless.com

17) Prankplace.com

The most responsive aspect of Prankplace.com is that it depicts each product category in multiple ways, none of which seems unnecessary. The top navigation column shows all categories, while the bottom portion shows them with illustrations. Overall, it makes the visitor’s viewing experience easy and smooth.

18) Cloggs.com

Cloggs.com, which sells women’s clothing and apparel, features a neat design on its desktop version. However, the mobile version takes the cake, with a magnifier and cart incorporated into a small section of the header. The cart experience is smooth and fast, as well.

Cloggs.com

Cloggs.com

19) Kershaw.kaiusaltd.com

Selling knives online, Kershaw.kaiusaltd.com sports a unique design in which the front-page banner does not scroll up. Rather, the lower portion of the website takes its place, which is quite cool to look at. Browsing is extremely quick, and the product illustrations are crisp and neat. Mobile viewing is great, too.

Kershaw.kaiusaltd.com

Kershaw.kaiusaltd.com

20) Firebox.com

Selling a wide range of “cool” things, Firebox sports two navigation bars to display all categories. The website design seems haphazardly stacked, yet it works in its favor in terms of responsiveness. It lets users change currency to that of their country, which is expected in other websites, as well.

Firebox.com

Firebox.com

21. Mulberry.com

Extremely swift yet high definition design is the asset of this website. It features a minimalistic and highly responsive scheme, so Mulberry takes the cake in terms of browsing quality. The mobile viewing experience is also great, as expected. Using the cart is fast and easy to do.

Mulberry.com

Mulberry.com

Medium Responsiveness

The following are sites of medium level responsiveness. The experience they provide is good, though not top flight.

22) Carters.com

Selling baby apparel, Carters.com also lets you visit Oshkosh.com via the header, but this loads very slowly (and thus loses points for responsiveness). The website otherwise is quite smooth and easy to navigate, and the mobile viewing is likewise decent.

Carters.com

Carters.com

23) Nixon.com

From the looks of it, it seems like a highly responsive website. The front page offers a chicklet design, with the option to enter the male or the female section at first instance. However, it loses out by missing a top navigation column for all its options (watches, headphones, accessories etc.).

Nixon.com

Nixon.com

24) Indochino

Offering men’s apparel, this website does a fine job as a minimal yet responsive website. However, some of the front-page banners are slow to load, even over a high-speed connection. Nevertheless, navigation in general is fast enough, and the cart experience is smooth and easy.

Indochino

25) InvitationBox.com

InvitationBox. Com deals in all sorts of invitations, including printed and handmade versions. It features a unique design—it lists all the categories and many featured products on the front page itself, some of which keep scrolling automatically. Despite a complicated structure and a large number of elements on the pages, it is quite responsive.

InvitationBox.com

InvitationBox.com

26) Paintballonline.com

While the mobile version of this website is quite responsive, the desktop version fails to stand out. It features a fairly complex structure, and the top navigation bar looks a little too cramped. Nevertheless, the shopping experience is smooth, and overall the website is responsive.

Paintballonline.com

Paintballonline.com

27) MilesKimball.com

Despite a slightly overcrowded design on the desktop version, this website still stands out as responsive. The top navigation column rolls down sub-categories beneath categories in a slow, smooth drop-down fashion, which might come across as annoying. However, it identifies the categories at both the top and bottom of the page, including all other important links. Thus, it is easy to surf the site. The mobile experience is average.

MilesKimball.com

MilesKimball.com

28) TylerTools.com

Dealing in mostly hardware tools, this website has a clean interface designed in CSS and Java, with clear, illustrative product pictures. A useless “Bookmarks” add-on in the header could have been utilized better. The mobile and shopping experience is okay, yet nothing to write home about.

TylerTools.com

TylerTools.com

29) UniqueSquared.com

UniqueSquared.com sells music products online. Its website is intelligently designed for desktops. Smooth navigation, clean interface, and high definition (yet quick-loading) pictures are a few of the highs. However, the mobile website stands in stark contrast; its non-contracting pictures indicate that it isn’t built for mobile responsiveness.

UniqueSquared.com

UniqueSquared.com

30) Bonobos.com

The great thing about this website is that it’s minimalistic on the front page, yet it leaves out no details in the subpages. It is extremely easy to navigate, and it features a store locator and appointment fixing option on the front page, which make it a responsive website.

Bonobos.com

Bonobos.com

31) WetSeal.com

The browsing experience on WetSeal is responsive. Although the intentionally catchy color scheme isn’t pleasant, the responsive drop-down menus and placement of the cart, the delivery checker, and sale offers appearing on the front page make it easy to navigate. However, the shopping experience is not very smooth, as the “Add To Bag” button stops functioning while the page loads.

WetSeal.com

WetSeal.com

32) Everythingfurniture.com

This website sports a minimalistic yet responsive design, and features various types of furniture for sale. The structure is good, earning it responsiveness points. Browsing and shopping are nothing to complain about. Overall for what the website wishes to display, it is fairly responsive.

Everythingfurniture.com

Everythingfurniture.com

Average to Low Responsiveness

The sites listed below are less responsive. Their design and experience are usually average or below average.

33) EckoUnltd.com

Although the website design is not great, in terms of responsiveness it just about does its job. A social media button integrated into the front banner gives it a crowded look and hampers easy navigation. Cart and mobile experience are nothing to complain about; however, we expect mobile users might have a little trouble using this site.

EckoUnltd.com

EckoUnltd.com

34) Aswechange.com

A women’s clothing retailer, this website has a complicated structure that makes navigation glitchy, even over a high-speed connection. The front-page rotating banner moves slowly. However, the rest of the website operates smoothly enough. The bright, illustrative product pictures work in its favor.

Aswechange.com

Aswechange.com

35. Skymall.com

Skymall.com is a large online shopping website, so it naturally has a complicated structure. However, all options are available right on the front page. However, its color scheme isn’t appealing, and the scrolling navigation menus have a lag time of 1 to 2 seconds. On the other hand, the mobile experience is decent.

Skymall.com

Skymall.com

Conclusion

The above catalogue of assorted responsive web designs should demonstrate that, when it comes to responsiveness, especially for e-commerce websites, fast and glitch-free browsing, easy mobile viewing and features that increase website usability are much more important than a great looking design. If your website looks great on a desktop but fails to function properly on mobile devices, you’ll lose out on a chunk of your potential market. A large section of desktop surfers now use mobile devices substantially more since the introduction of 3G/4G Internet.

Some websites feature fantastic applications for ease of access and improved usability. These include store locators using map devices, illustrative 360-degree product views, easy checkout buttons, and more, which add great amount of responsiveness to the website design.

Additionally, minimalistic designs seem to be more responsive, due to their ease of access (and fewer components on a page). However, if you have a website on which you must display numerous components, it helps to space them out evenly or use suitable color schemes. These, along with quick loading of elements, make your site much more responsive for visitors.

Another factor in responsive web design is the “visitor friendliness quotient.” For instance, certain websites clearly display the option to log in, subscribe, or bookmark the page. Depending on the type of website, these can really help you retain organic traffic through responsiveness.

Of course, it is a challenge to make the shopping process easy, fast, and secure on mobile devices. However, most of the websites mentioned above seemed to get past this task with ease, and that shows why mobile functionality is one of the essential features of any responsive e-commerce website.

(Note: If you’d like to find out how to monetize your abandoning traffic using onsite retargeting, download our free ebook.)

Download The Zen Art of Onsite Retargeting

10 comments

  1. Blake says:

    Really liked this post, thank you. You’re right, these days when we tend to use our smartphones for shopping, and have really high standards for a smooth shopping experience, making their site responsive should be a priority for all ecommerce site owners.

  2. Christiana Broman says:

    You are absolutely right!
    There is nothing more irritating than scrolling all the time for tiny information and being navigated to hundreds of pages!

  3. Great article, thank you for sharing. Responsive Design e-commerce is critical to online success and sales. We have been developing websites for clients for over 10 years at Illumination Consulting. Responsive Design is the only method used by us these days for any type of website, but especially for e-commerce websites.

  4. <