Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Showcase of Fresh and Well-Designed Online Shops

Advertisement

E-Commerce websites are often thought of as typically being unattractive or poorly designed. In this post we will feature 35 appealing designs of online shops. Those featured in this post include examples from a variety of different industries and showcase several different styles of design.

Throughout this showcase the most noticeable trend of well-designed e-commerce sites is the use of high-quality photos. Many of the sites use large images on the homepage, and product and model photography is always important for creating interest from visitors.

You may also be interested in these other posts from Smashing Magazine:

Fresh Well-Designed Online Shops Link

Madsen Cycles5

Madsen Cycles6

Dripping In Fat7

Screenshot8

Custom T-Shirts9

Screenshot10

JAQK Cellars11

Screenshot12

Weta Shop13

Screenshot14

Uniqlo15

Screenshot16

Myla17

Screenshot18

Zoomii.com – The “Real” Online Bookstore19

Screenshot20

Pure and Little21

Screenshot22

Nixon

Screenshot

Amazon Window Shop23

Screenshot24

Behance Outfitter25

Screenshot26

Opera Ma-Ge27

Screenshot28

Struck Apparel29

Screenshot30

Hot Sauce Emporium31

Screenshot32

Ophelia Fancy33

Screenshot34

One Horse Shy35

Screenshot36

Onetribe37

Screenshot38

Volkswagen39

Screenshot40

Decoder41

Screenshot42

Uppercase

Screenshot

Rawlings43

Screenshot44

Siege

Screenshot

Crate and Barrel45

Screenshot46

Brilla Mare47

Screenshot48

Teapot.cl49

Screenshot50

Free People Clothing Boutique51

Screenshot52

Nicholas Deakins Clothing

Screenshot

More of Me53

More of Me54

DSW55

DSW56

Closed57

Closed58

Soma Intimates59

Soma Intimates60

Fred Perry61

Fred Perry62

MANKINDdog63

MANKINDdog64

Brio65

Brio66

Martin + Osa

Martin + Osa

James Perse67

James Perse68

ShopRush69

ShopRush70

Clever Craft71

Clever Craft72

Burberry73

Burberry74

The Company Store75

The Company Store76

Rapha77

Rapha78

The Sak79

The Sak80

HelmetDress81

HelmetDress82

Dune83

Dune84

House of Fraser85

House of Fraser86

Nau87

Nau88

The Specials

The Specials

Lucky Brand Jeans89

Lucky Brand Jeans90

Schwans91

Schwans92

Bergdorf Goodman93

Bergdorf Goodman94

Buckle95

Buckle96

Roots97

Roots98

Pixie Market

Pixie Market

You may also be interested in these other posts from Smashing Magazine:

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2009/05/28/12-tips-for-designing-an-excellent-checkout-process/
  2. 2 https://www.smashingmagazine.com/2008/02/07/shopping-carts-gallery-examples-and-good-practices/
  3. 3 https://www.smashingmagazine.com/2008/09/30/showcase-of-web-designs-for-ecommerce-fall-sales/
  4. 4 https://www.smashingmagazine.com/2009/03/23/designing-for-the-user-experience-in-ecommerce/
  5. 5 http://shop.madsencycles.com/
  6. 6 http://shop.madsencycles.com/
  7. 7 https://www.drippinginfat.com/
  8. 8 https://www.drippinginfat.com/
  9. 9 http://www.custom-tshirts.eu/
  10. 10 http://www.custom-tshirts.eu/
  11. 11 http://jaqkcellars.com/
  12. 12 http://jaqkcellars.com/
  13. 13 http://www.wetanz.com/shop/
  14. 14 http://www.wetanz.com/shop/
  15. 15 http://www.uniqlo.co.uk/
  16. 16 http://www.uniqlo.co.uk/
  17. 17 http://www.myla.com/
  18. 18 http://www.myla.com/
  19. 19 http://zoomii.com/#at=2.5,34740.5,54825.5
  20. 20 http://zoomii.com/#at=2.5,34740.5,54825.5
  21. 21 http://www.pureandlittle.com/
  22. 22 http://www.pureandlittle.com/
  23. 23 http://windowshop.com/
  24. 24 http://windowshop.com/
  25. 25 http://www.creativesoutfitter.com
  26. 26 http://www.creativesoutfitter.com
  27. 27 http://www.operamage.com/
  28. 28 http://www.operamage.com/
  29. 29 http://struck.bigcartel.com/
  30. 30 http://struck.bigcartel.com/
  31. 31 http://www.hotsauceemporium.co.uk/
  32. 32 http://www.hotsauceemporium.co.uk/
  33. 33 http://opheliafancy.com/
  34. 34 http://opheliafancy.com/
  35. 35 http://www.onehorseshy.com/
  36. 36 http://www.onehorseshy.com/
  37. 37 http://www.onetribe.com/
  38. 38 http://www.onetribe.com/
  39. 39 http://www.volkswagen.co.uk/#/new/
  40. 40 http://www.volkswagen.co.uk/#/new/
  41. 41 http://www.thedecoderring.com/shop/posters/?id=32681&p=1
  42. 42 http://www.thedecoderring.com/shop/posters/?id=32681&p=1
  43. 43 http://www.rawlings.com/
  44. 44 http://www.rawlings.com/
  45. 45 http://www.crateandbarrel.com/
  46. 46 http://www.crateandbarrel.com/
  47. 47 http://www.b-m-a.jp/
  48. 48 http://www.b-m-a.jp/
  49. 49 http://www.teapot.cl/
  50. 50 http://www.teapot.cl/
  51. 51 http://www.freepeople.com/index.cfm/fuseaction/category.content/categoryID/3af89045-70d2-4425-960c-b42f6309778a/trunkCategoryID/3af89045-70d2-4425-960c-b42f6309778a/
  52. 52 http://www.freepeople.com/index.cfm/fuseaction/category.content/categoryID/3af89045-70d2-4425-960c-b42f6309778a/trunkCategoryID/3af89045-70d2-4425-960c-b42f6309778a/
  53. 53 http://moreofmematernity.com/
  54. 54 http://moreofmematernity.com/
  55. 55 http://www.dsw.com/
  56. 56 http://www.dsw.com/
  57. 57 https://shop.closed.com/
  58. 58 https://shop.closed.com/
  59. 59 http://www.soma.com/store/home.jsp
  60. 60 http://www.soma.com/store/home.jsp
  61. 61 http://www.fredperry.com/home/
  62. 62 http://www.fredperry.com/home/
  63. 63 http://mankinddog.com/
  64. 64 http://mankinddog.com/
  65. 65 http://brio.knex.com/
  66. 66 http://brio.knex.com/
  67. 67 http://www.jamesperse.com/index.jsp
  68. 68 http://www.jamesperse.com/
  69. 69 http://www.shoprush.co.uk/
  70. 70 http://www.shoprush.co.uk/
  71. 71 http://www.clever-craft.com/
  72. 72 http://www.clever-craft.com/
  73. 73 http://www.burberryusaonline.com/
  74. 74 http://www.burberryusaonline.com/
  75. 75 http://www.thecompanystore.com/
  76. 76 http://www.thecompanystore.com/
  77. 77 http://www.rapha.cc/
  78. 78 http://www.rapha.cc/
  79. 79 http://www.thesak.com/
  80. 80 http://www.thesak.com/
  81. 81 http://www.helmetdress.com/
  82. 82 http://www.helmetdress.com/
  83. 83 http://www.dune.co.uk/
  84. 84 http://www.dune.co.uk/
  85. 85 http://www.houseoffraser.co.uk/
  86. 86 http://www.houseoffraser.co.uk/
  87. 87 http://www.nau.com/
  88. 88 http://www.nau.com/
  89. 89 http://www.luckybrand.com/
  90. 90 http://www.luckybrand.com/
  91. 91 http://www.schwans.com/
  92. 92 http://www.schwans.com/
  93. 93 http://www.bergdorfgoodman.com/
  94. 94 http://www.bergdorfgoodman.com/
  95. 95 http://www.buckle.com/
  96. 96 http://www.buckle.com/
  97. 97 http://usa.roots.com/
  98. 98 http://usa.roots.com/
  99. 99 https://www.smashingmagazine.com/2009/05/28/12-tips-for-designing-an-excellent-checkout-process/
  100. 100 https://www.smashingmagazine.com/2008/02/07/shopping-carts-gallery-examples-and-good-practices/
  101. 101 https://www.smashingmagazine.com/2008/09/30/showcase-of-web-designs-for-ecommerce-fall-sales/
  102. 102 https://www.smashingmagazine.com/2009/03/23/designing-for-the-user-experience-in-ecommerce/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Steven Snell is a Web designer and blogger. In addition to maintaining his own blog and writing for a number of other top design blogs, he also manages an online shop that offers premium graphic design resources.

Advertisement
  1. 1

    Good collection – It really helps when products in your shop are attractive as well.

    0
  2. 2

    I must be a pervert.. When I glanced at the article I saw “Fresh” and the picture of the middle-aged woman and thought a feminine hygiene post?

    0
  3. 3

    “fresh and Well-designed” slow-loading, resource intensive, annoying

    1
  4. 4

    Martin Sanders

    September 5, 2009 2:11 pm

    Nice collection of sites. Good photography plus attractive products can really make a design.

    0
  5. 5

    Most of the sites lack basic usability.

    Where do i click? Calls for action?

    Flash is nice, but Google killed it, especially for e-commerce.

    0
  6. 6

    Sure these examples look good but ecommerce isn’t about inventing a new interface and confusing the crap out of your visitors

    0
  7. 7

    Durrr I hate the flash b’cuz of the googlez and da usabilities r 2 confuzing… my Sitez are Good b’cuz they’re like templates and htmlz like and all the others on the interwebs.

    lame. lame. and lame. Some of these like the VW one are VERY nice.

    -2
  8. 8

    Awesome selection and quite a bit of eye candy + as a bonus a few features I am looking forward to including in my carts soon. Most of the sites above are very feminine and that’s nice, considering that most of the recent “well designed” comparisons I saw, were absolutely hideous blog type design rehashes made by Nielsen loving developers.

    If I may – I’d like to add two more site to the collection – Little Catwalk and Composition. Hardly a “google economy” optimized stuff, but well worth watching with.

    -1
  9. 9

    Virtuosi Media

    September 5, 2009 4:24 pm

    These sites look pretty, but why are they well-designed? To me, ‘well-designed’ means far more than just the looks of the site and encompasses the functionality and overall purpose of the site. Are they incredibly usable? Do they have a high-conversion percentage? If so, why? And if not, why not? If you’re interested in more on the topic, check out our series on A Checklist For Business Websites.

    0
  10. 10

    great post , thankx, smashing mag rocks!! =)

    -1
  11. 11

    nice list, but what’s the shopping cart software behind these?
    can we get an article comparing shopping carts?
    thank you!

    0
  12. 12

    There is no particular reason why I chose to click on Ophelia Fancy, but once I so innocently did, I found the online store, and the whole site in general, to be quite poorly designed. Any site that immediately lists their whole catalog of on 15 consecutive long scrolling pages fails the user friendliness test by default. After all, UI design and HTML validity is the first thing on my mind when I visit a lingerie store website.

    -1
  13. 13

    The word ‘Fresh’ irks me to no end. It’s the 21st century, not the 1990’s. We had a customer said her site wasn’t fresh enough, then showed us another web site that was super dull and boring, and said she liked that. The one we made was much nicer, better colors, but not so bright it was annoying…

    0
  14. 14

    Keep it simple. Keep it organized. And above all if I’m drunk I still should be able to navigate the cart and buy a product.

    0
  15. 15

    Yes – once again well designed here is well designed as a picture, static work of art. Not necessarily well designed as a shop, or when tasks or suitability is concerned. Some of those examples had good approach on products and their presentation as well – that goes beyond having big picture of it in aesthetically drawn front page.

    -1
  16. 16

    Most of the designs in this article are great web designs, that’s a given, and some of them are even good e-commerce designs. But I agree that usability triumphs cool graphics. Flash sucks for SEO, which is uber-importante for e-commerce. You also have to take into consideration that most users have certain expectations of what the Add To Cart button will look like, what the shopping cart icon will look like etc. True genius is finding a way to mix it up and do something truly unique while still staying within user expectations. This is why we developers are charging $15,000 – $30,000 for full custom e-commerce sites these days. It is difficult to reach that balance.

    -2
  17. 17

    This is off subject, but after reading all the posts i started thinking: Does beautiful and unique design really matter when it comes to e-commerce.

    I have an e-commerce website, and it took me two months to pick the right color scheme. Do customers really care if i use black or blue header? Maybe I was just designing it for myself.

    Do customers look for being entertained, or they simply want to buy a pair of black socks? Could striking visual design actually distract customers? I would love to see a study on that (there must be some out there).

    -2
  18. 18

    Nearly every site featured in this post would fail for accessibility and usability. Still using images and javascript rollovers for navigation, how 5 years ago. I thought the target case changed all of that.

    0
  19. 19

    I would say these are all nice but not really “mainstream” … More like boutique shops. Have a look at this one. the filtering on the right hand side is fantastic. It is built usign the Shoptimized service that is going public in next month or so.

    -2
  20. 20

    Republic.co.uk has a pretty nice/user friendly layout

    -1
  21. 21

    Good Collection.
    Thanks Smash..

    -2
  22. 22

    Hey, it would be cool to have a post about best software to make online stores.
    Cheers!

    0
  23. 23

    Many perfect examples where “design” is confused with “style” with terrible results.

    These sites have great style, but in nearly all the cases I tried out that style actually impeded my goal as a customer. Impeding the customer’s goals is not what our clients are paying us for.

    It so disappointing to see yet another design article that clearly doesn’t understand design.

    -1
  24. 24

    Pretty cool, but what about an article comparing the best shopping carts out there?

    Also, I’m not really that impressed by all these designs, in my opinion they’re not all that great.

    -1
  25. 25

    I think the funy part about this article is that a handful of those “good designs” are modified templates people can buy. Very recognizable with little changes. Reaching for material?

    0
  26. 26

    I agree with the other comments that some of these sites lack usability, etc. however the post is showing well designed online shops. I’m sure there is another post waiting to be written about the best SEO’d or most usable online shops but I don’t think this was the goal here. An online shop is meant to grab the users attention and play on their impulses and emotions to try and entice them to buy which on a basic level these do via their design, in an aesthetic sense, which can be comparable with window and instore displays of real shops.

    0
  27. 27

    These are some great, beautiful sites. I especially liked Siege, Madsen Cycles, and James Pearse. Really sharp. One ecommerce site that I have been admiring lately and has excellent photographs is endclothing.co.uk

    -1
  28. 28

    nice list, but what’s the shopping cart software behind these?

    Custom solutions, I know one of them runs on Kohana

    0
  29. 29

    Very nice collection! I’ve found this mass customization online-shop last week via twitter: woonio. I think the nike online shop is also very nice!

    0
  30. 30

    Great Collection.

    0
  31. 31

    All of the examples are nice but its mostly clothing or a few other specific items, each time having the design very specific with the products… I’d like to see fresh and well-designed eshop for other kinds of items, or more general types of e-shops, like, for example, computer hardware?

    1
  32. 32

    Velocity Kendal

    September 7, 2009 2:11 am

    This is a really disappointing post and fails to really understand what good ecommerce design is about.

    As mentioned by other commenters there is so much more to ecommerce site design and design in general than a pleasing aesthetic. What ever success you may have in creating an appealing skin will quickly wane if people trying to USE the site/artefact are not engaged and even worse; obstructed. Let’s not forget that ecommerce is about selling, which requires true innovation to stand out in a crowded marketplace, just a pretty face won’t cut it. This is predominantly a list of unremarkable, middle of the road vendors and not really worthy of an article attempting to document the success stories. I’m motivated to quote the time-honoured mantra ‘form follows function’.

    -1
  33. 33

    I do not agree with some comments saying ecommerce is all about ergonomy, without flash and being seo friendly. It depends ! For a high-end brand or a luxury company, an ecommerce website does not need to be seo friendly or without flash. They have to feed the client with emotion, in order to keep their image, it is crucial for them to make know the client for what he is paying.

    1
  34. 34

    A well designed site should at the very least pass CSS & HTML validation. A little disappointed that SM chose some of these sites to showcase, more than half of them don’t validate.

    0
  35. 35

    It is very nice collection. Thanks Smashingmagazine.

    0
  36. 36

    This is more of an exercise in “what are we looking for that make these look so nice” than a showcase of real usable shopping systems with content I’d actually buy. Shame you can’t have both because the usable ones with good content usually lack any form for design direction (KKKraigslist).

    Over $1,000 for a goddamned bike? You got to be fukking kidding me.

    -2
  37. 37

    I like Smashing Mag – I really do. It’s a great resource for many things – tips ‘n’ tricks.

    But, I can’t seem to get over the lack of empirical evidence they provide in many of their posts. Are these shops well designed? I don’t think so. The few that I visited didn’t seem to adhere to usability best practices – accessibility to my shopping cart, bloated pages, slow loading.

    Smashing – look at the comments! Your readers are easily able to identify what makes our respective professions valuable. Post like this only serve to reinforce the mistaken idea that we are merely window dressers and that good design is one dimensional.

    Respectfully,
    Bill Doern

    -1
  38. 38

    how exactly is volkswagen an e-commerce site? Pretty sure I can’t buy a VW online…

    0
  39. 39

    most of them are quite rocking,evethough some looks staid…

    -1
  40. 40

    Nils Rasmusson

    September 8, 2009 6:06 am

    Great inspiration source. Thanks for putting the work into it.

    0

↑ Back to top