web 2.0

Wednesday, June 16, 2010



Link to Noupe

Showcase Of Big Online Stores

Posted: 16 Jun 2010 02:42 AM PDT

Advertisement in Showcase Of Big Online Stores
 in Showcase Of Big Online Stores  in Showcase Of Big Online Stores  in Showcase Of Big Online Stores

By Tomas Laurinavicius

The main task of any store is to sell its products, so there is an important usability and user experience factor, making conversion rates and selling figures a primary consideration. However, marketing objectives often tend to conflict with design goals which way too often results in clumsy, overcrowded and busy e-commerce websites.

For this article, we researched current design patterns among the biggest and most popular online stores as well lesser known but professional outfits. The showcase below may not be very pretty, and we do not know how effective in terms of conversion rates they are, but because they exist, it is very likely to assume that they work one way or another.

Below, you’ll find 40+ online stores, with short observations on their design and usability. We hope this list helps you better understand the world of online shopping.

Content Sliders

Content sliders, also called slideshows or carousels, allow designers to squeeze more content into a block without cluttering space. They are also interactive.

Staples has a lot of white space and red accents. This store stands out for the unusual location of its navigation: the menu for its main products is in the left sidebar.

43-large-shopping-houses in Showcase Of Big Online Stores

DealExtreme uses mainly orange and blue in its design. All products appear with a short overview of the essential information.

41-large-shopping-houses in Showcase Of Big Online Stores

Target is an American retail company founded in Minneapolis, Minnesota, in 1902 as the Dayton Dry Goods Company. Target is the second-largest discount retailer in the US behind Walmart. Its design is very minimalist: a lot of white space and emphasis on big pictures.

21-large-shopping-houses in Showcase Of Big Online Stores

The Home Shopping Network is a 24-hour basic cable shopping network that is accessible on cable, satellite and some terrestrial channels in the US. The company also operates HSN.com, an e-commerce operation. Its design is simple and colorful. On the main page is a big slider with pictures and special offers. To help you find what you want, HSN offers horizontal drop-down navigation at the top.

19-large-shopping-houses in Showcase Of Big Online Stores

Very.co.uk has a dark background with its logo repeated. We also get a big slider with the latest offers.

12-large-shopping-houses in Showcase Of Big Online Stores

Puma Online Shop
Puma has some good design elements such as white space, large images and contrast. The modern drop-down navigation at the top makes it easy to find what you’re looking for.

10-large-shopping-houses in Showcase Of Big Online Stores

Real.de looks refreshing and catchy with its variations of blue. The easy modern navigation at the top and the slider on the home page beckon the user to take action.

09-large-shopping-houses in Showcase Of Big Online Stores

Play.com is an online retailer of DVDs, CDs, books, gadgets, video games, DRM-free MP3 downloads and other electronic products, as well as clothes and accessories. It has a very colorful and playful layout. Two colors dominate: blue in the logo and horizontal navigation (on hover), and orange also in the logo and in the product names and top navigation. The “Shopping Basket” is set off in light green.

05-large-shopping-houses in Showcase Of Big Online Stores


The philosophy less is more is also followed by online stores. Simplicity done well highlights products and make them more attractive. It also creates contrast between less important and more important products.

ShopNBC uses white space and gray gradients to make its design simple and easy to navigate.

42-large-shopping-houses in Showcase Of Big Online Stores

Liverpool uses an extremely slim layout and a playful pink and white combination. Liverpool demonstrates that less is more while remaining professional.

48-large-shopping-houses in Showcase Of Big Online Stores

Ozon.ru is light and simple. Browsing products is easy, but the small font sizes make it a little confusing.

47-large-shopping-houses in Showcase Of Big Online Stores

Ashford looks elegant and projects a high-end image. The simple silver, white and red keep the design tasteful.

40-large-shopping-houses in Showcase Of Big Online Stores

Overstock has a clean and simple layout, similar to that of Tesco. At the top is a big search field that lets users easily find the search options.

24-large-shopping-houses in Showcase Of Big Online Stores

Next has a dark layout with big pictures. For a fashion store, its layout is clean and elegant.

22-large-shopping-houses in Showcase Of Big Online Stores

Dean & Deluca
Dean & Deluca is different than the other online stores here, with its unusual fonts and subtle dark-green and white combination.

15-large-shopping-houses in Showcase Of Big Online Stores

NBA Store
This layout retains the NBA’s three essential colors: white, red and blue. One can find a lot of team logos. The store is easy to navigate, thanks to the drop-down navigation at the top and the useful menu on the left.

13-large-shopping-houses in Showcase Of Big Online Stores

Argos is the largest general goods retailer in the UK, with 750 stores. It is unique among major retailers in the UK because it promotes goods to customers primarily through its catalogue.

11-large-shopping-houses in Showcase Of Big Online Stores

Rounded Corners… Again

Good or bad: rounded corners are still popular and are used for an attractive and playful look. They are friendlier and less aggressive than sharp rectangles. Almost all stores use more than one color on rounded-corner elements.

eForCity has bright fresh colors—orange, light green and blue—which help customers easily find darker-colored products.

39-large-shopping-houses in Showcase Of Big Online Stores

Dial a Phone
Dial a Phone’s layout is colorful and confusing. A lot of offers are shown, and each of them is in a different color.

29-large-shopping-houses in Showcase Of Big Online Stores

eToys’ layout is playful and reminds one of childhood with its red and blue combination. Toys are shown without ads or special offers—just the essential information.

25-large-shopping-houses in Showcase Of Big Online Stores

QVC is a multi-national corporation that specializes in television home shopping. Its name stands for quality, value and convenience, the three pillars of the company’s vision. QVC uses big font size at the top for its navigation and a breadcrumb, helping users find what they want.

20-large-shopping-houses in Showcase Of Big Online Stores

Lidl is similar to ALDI (mentioned below) with its red, green and yellow combination. Lidl differs with its rounded corners and darker background.

17-large-shopping-houses in Showcase Of Big Online Stores

Pixmania is a pan-European e-tailer of digital photography and consumer electronic goods. Pixmania has a colorful layout and broad category list, to the point of looking a bit confusing.

07-large-shopping-houses in Showcase Of Big Online Stores

Walmart is a US-based chain of large discount department stores. It is the world’s largest publicly incorporated company by revenue, according to Fortune Global 500’s 2008 report. Walmart’s online layout is slim compared to that of the other big online stores, which is good if the user is on a lower-resolution browser. Walmart also has breadcrumbs at the top, helping users remember where they are.

02-large-shopping-houses in Showcase Of Big Online Stores


E-commerce portals are the most common design trend among e-commerce websites today. Shops are using a two or more columns layout, colorful illustrations, sliders and big navigation menus to make shopping online more easier.

ALDI has subtle gradients and a simple layout. Clients can easily find what they’re looking for using the simple navigation at the top.

04-large-shopping-houses in Showcase Of Big Online Stores

REWE stands out with its beautiful background and catchy product illustrations. The call-to-action buttons make this store really impressive.

06-large-shopping-houses in Showcase Of Big Online Stores

Pigu.lt is the biggest online store in Lithuania. The layout is in a Web 2.0 style, with a lot of white space. The left sidebar is a little confusing, and the information is bit too much.

14-large-shopping-houses in Showcase Of Big Online Stores

ASOS is the UK’s largest online-only fashion and beauty store. Aimed at 16 to 34 year olds, it offers over 19,500 own-label and branded fashion goods. The design is minimalist and clean.

16-large-shopping-houses in Showcase Of Big Online Stores

Zappos is an online shoe and clothing store. It stands out with its “alphabetical brand index” navigation at the top and big footer.

18-large-shopping-houses in Showcase Of Big Online Stores

Tesco stands out from other stores with its unusual navigation. The design is clean and easy to navigate. The images in the navigation help users find what they want fast.

23-large-shopping-houses in Showcase Of Big Online Stores

Macy’s design is minimalist. The small font size is risky because it takes longer to notice the links.

26-large-shopping-houses in Showcase Of Big Online Stores

Comet’s design is fresh because of the dominant yellow. The layout is wide, allowing the company to display more information about its products.

27-large-shopping-houses in Showcase Of Big Online Stores

Arcandor AG (formerly KarstadtQuelle AG) is a holding company located in Essen, Germany that oversees companies involved in mail order and Internet shopping, department stores and tourism services. Arcandor has a big slider on its home page to display special offers. The header has a city landscape, making this store stand out from the crowd.

28-large-shopping-houses in Showcase Of Big Online Stores

Best Buy
Best Buy’s layout is slim and colorful. Everything looks good, except the sometimes annoying advertisement at the top.

30-large-shopping-houses in Showcase Of Big Online Stores

Carphone Warehouse
This layout is clean and has a lot of white space. The breadcrumb at the top lets users know where they are.

31-large-shopping-houses in Showcase Of Big Online Stores

Zazzle has a dark header that highlights the navigation and creates contrast. Essential information is contained in the dark header, and products are shown against a light background to make them pop.

32-large-shopping-houses in Showcase Of Big Online Stores

Buy.com’s layout is simple and clean. Effective use of white space and good product pictures make for a simple and professional look.

33-large-shopping-houses in Showcase Of Big Online Stores

This layout looks a bit confusing with its small details and busy colors. Its strengths are the modern sliders and lightboxes.

34-large-shopping-houses in Showcase Of Big Online Stores

Sears looks fresh and clean. Web 2.0 colors, a wide layout and white space makes this store easy to navigate.

35-large-shopping-houses in Showcase Of Big Online Stores

Shoes.com effectively uses slab fonts and fresh colors like pink, light blue, orange and green. The simple and minimalist navigation at the top is functional and easy to use.

36-large-shopping-houses in Showcase Of Big Online Stores

Compared to Shoes.com, the color scheme for Onlineshoes.com is similar, but with a dominant orange. The store stands out for its unusual left alignment.

37-large-shopping-houses in Showcase Of Big Online Stores

Red and blue dominate this design. Currys uses Web 2.0-style navigation at the top and various sliders.

38-large-shopping-houses in Showcase Of Big Online Stores

Office Depot
Office Depot is similar to Staples in its use of white and red, but different in its placement of the navigation and search field.

44-large-shopping-houses in Showcase Of Big Online Stores

NikeStore is a leading online store. Subtle colors, contrast, beautiful typography and Flash elements make you feel that you’re in right place.

45-large-shopping-houses in Showcase Of Big Online Stores

Newegg uses blue and light orange as its main colors. The wide layout keeps the page from looking overloaded, letting users find products easily.

46-large-shopping-houses in Showcase Of Big Online Stores

Further Resources

Here are some other articles and resources related to e-commerce:


About the author

Tomas Laurinavicius is a design blogger from Lithuania. He’s interested in web/graphic design, Photoshop, WordPress and social media. He runs a design blog called WebDesignFan. You can follow him on Twitter.


Post a Comment