Smashing Magazine - we smash you with the information that will make your life easier. really.
Showcase of Fresh and Well-Designed Online Shops
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:
- 12 Tips for Designing an Excellent Checkout Process
- Shopping Carts Gallery: Examples and Good Practices
- Showcase of e-Commerce Fall Sales Designs
- 5 Universal Principles for Successful eCommerce Sites
[Offtopic: by the way, have you already visited Smashing Magazine's Facebook fan page? Join the community for a stream of useful resources, updates and giveaways!]
Fresh Well-Designed Online Shops
Zoomii.com – The “Real” Online Bookstore
Related Posts
You may also be interested in these other posts from Smashing Magazine:
Steven Snell has been designing websites for several years. He actively maintains a few blogs of his own, including DesignM.ag, which regularly provides articles and resources for web designers.
- 65 Comments
- 1
- 2
September 5th, 2009 1:13 pmI 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?
- 3
September 5th, 2009 2:01 pm“fresh and Well-designed” slow-loading, resource intensive, annoying
- 4
September 5th, 2009 2:11 pmNice collection of sites. Good photography plus attractive products can really make a design.
- 5
September 5th, 2009 2:33 pmMost of the sites lack basic usability.
Where do i click? Calls for action?
Flash is nice, but Google killed it, especially for e-commerce.
- 6
September 5th, 2009 2:41 pmSure these examples look good but ecommerce isn’t about inventing a new interface and confusing the crap out of your visitors
- 7
September 5th, 2009 3:21 pmDurrr 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.
- 8
September 5th, 2009 3:25 pmAwesome 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.
- 9
September 5th, 2009 4:24 pmThese 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.
- 10
September 5th, 2009 6:39 pmgreat post , thankx, smashing mag rocks!! =)
- 11
September 5th, 2009 6:49 pmnice list, but what’s the shopping cart software behind these?
can we get an article comparing shopping carts?
thank you! - 12
September 5th, 2009 8:01 pmThere 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.
- 13
September 5th, 2009 8:06 pmThe 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…
- 14
September 5th, 2009 8:27 pmKeep 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.
- 15
September 5th, 2009 9:38 pmYes – 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.
- 16
September 6th, 2009 1:45 amMost 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.
- 17
September 6th, 2009 2:12 amThis 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).
- 18
September 6th, 2009 2:50 amNearly 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.
- 19
September 6th, 2009 2:51 amI 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.
- 20

- 21
September 6th, 2009 5:29 amGood Collection.
Thanks Smash.. - 22
September 6th, 2009 7:08 amHey, it would be cool to have a post about best software to make online stores.
Cheers! - 23
September 6th, 2009 8:42 amMany 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.
- 24
September 6th, 2009 9:27 amPretty 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.
- 25
September 6th, 2009 11:49 amI 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?
- 26
September 6th, 2009 1:03 pmI 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.
- 27
September 6th, 2009 1:14 pmThese 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
- 28
September 6th, 2009 6:34 pmnice list, but what’s the shopping cart software behind these?
Custom solutions, I know one of them runs on Kohana
- 29
September 6th, 2009 7:57 pmsellmates.co.nz is a bit different but pretty tidy. Agree that the balance between looking hot and achieving a great user experience can be tough, but crucial if you expect that the design is really going to drive growth.
- 30
September 7th, 2009 12:50 amVery 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!
- 31
September 7th, 2009 1:44 amGreat Collection.
- 32
September 7th, 2009 1:55 amAll 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?
- 33
September 7th, 2009 2:11 amThis 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’.
- 34
September 7th, 2009 7:56 amI 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.
- 35
September 7th, 2009 9:34 amA 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.
- 36
September 7th, 2009 12:21 pmIt is very nice collection. Thanks Smashingmagazine.
- 37
September 7th, 2009 9:33 pmHere is an example of a nice e-commerce online shop for women fashion.http://www.fashionchicks.net. It has nice layout easy to find the items.Its build using wordpress as CMS system. Members can easily post apparels they find online.
- 38
September 8th, 2009 2:40 amThis 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.
- 39
September 8th, 2009 5:09 amI 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 - 40
September 8th, 2009 5:41 amhow exactly is volkswagen an e-commerce site? Pretty sure I can’t buy a VW online…
- 41
September 8th, 2009 6:00 ammost of them are quite rocking,evethough some looks staid…
- 42
September 8th, 2009 6:06 amGreat inspiration source. Thanks for putting the work into it.
- 43
September 8th, 2009 7:32 amWow you ppl cry a lot
- 44
September 8th, 2009 8:54 amamazing collections
- 45
September 8th, 2009 1:43 pmGreat inspiration! I’m going to buy me silly in watches at nixnow!
- 46
September 8th, 2009 4:10 pm@ Rebecca
Validation is like nationalize health care, just because you spend massive amounts of time and effort on it doesn’t mean it will operate well for the users.
I would personally rather have a site that looks great and works cross-browser…no matter what the little check marks on W3C say about it :)
- 47
September 8th, 2009 7:34 pmAmazing list. love it!
- 48
September 9th, 2009 12:50 amDaniel:
You can have both.But it’ll tear you apart mentally.
- 49
September 9th, 2009 1:33 am@KurtMac – hey yo – I’m the guy who made that Ophelia Fancy site. I know what yo umean about the long list.To get round that you’ll see that when you hit the shop front – you can browse straight away by category and even drill down to tags by colour – e.g. http://opheliafancy.com/shop/tags/black... I suspect you were distracted by all the frilly knickers
- 50
September 9th, 2009 1:36 amas has been said: well designed does not only mean attractive design. notice the word “only”.
while you may attract people with good design in the sense of stylish (not going into “how do they find you in the first place – ads, google, etc.) you want to keep them there, buy something and even better – return. so you HAVE to look into cross browser performance, you HAVE to look into usability (very much so indeed) and yes, also SEO. so saying that there might be an article later on usability is in my falling short. in order to have a well designed and most of all successful ecommerce site you have to take all those things into account. my favorite guideline is krug’s first law of usability: don’t make me think. that does not exclude great style but great style alone does not make a well designed website. - 51
September 9th, 2009 4:30 amMaybe you should have added “homepage” on the title. They may be good e-commerce homepage but it tells nothing about the rest of the site.
- 52
September 9th, 2009 5:04 amWell these are some lovely e-commerce site…..but I don’t think designs actually matter for an e-commerce site. Customers visit such site to buy stuff, so don’t you think the main concern should be the navigation and not the color scheme and all. I mean it’s ok if you have a good looking online shopping site, but having a poor navigation will ruin everything. Isn’t it? Anyways, I liked the design of Burberry and Closed.
- 53
September 9th, 2009 9:10 amGreat list of sites, some really strong design in there – big fan of smashing ag by the way, this is my first comment!
- 54
- 55
September 9th, 2009 4:23 pmI wish to have a page like that someday thery’re very cool…
- 56
September 11th, 2009 1:58 amwant to now way and how… and I want to see the whole journey to product page…. and as people before have said what kind of money are they doing. Its retail baby!
- 57
September 12th, 2009 12:25 pmThe best site, IMHO, was the Crate & Barrel site. Easy to navigate, nice menus, the ability to change the product thumbnail size and a shopping cart bar along the bottom of the site that stays with you as you shop. Great use of color and LOVED the way the logo was used on the front page.
As everyone else has already commented, great photography is basically the whole site. If the product isn’t photographed properly then a groovy interface and fancy shopping cart is useless.
Overall, nice collection. As usual another useful group of inspiring sites and designs.
Cheers.
- 58
September 12th, 2009 3:40 pmExcellent collection. Really useful inspirational topic and a nice wide variety of examples. Well done SM. Would be also good to actually add what back end was used in each. Example Magento, Zen Cart, custom (if possible)
Thanks.
- 59
September 13th, 2009 4:33 pmAshely (Posting 52),
I don’t agree. Design and therefore the “brand experience” matters! You can take rather generic goods, like whole seller/ drop-shipper items and give them a whole new spin by . Your perception of the brand and your willingness to shop will be affected, wether you want to or not. Or would you shop in a real-world store that has no branding but rather a few boxes with labels saying “shoes”, “shirts” etc. and maybe a cash register that says “pay here”? Such simplicity can only be pulled off by brands like Apple, where the brand itself is about usability and simplification. In a changed market of serving very individual niches, a combination of great usability AND brand experience by design should be the goal. - 60
- 61
September 14th, 2009 10:13 amWhat ever one can say but i feel nothing like Interspire
One should consider its backend too that is what i feel.
- 62
September 15th, 2009 8:08 pmBehance and CLOSED are wonderful. I used both of them as inspiration on the site I’ve been working on. You can check some screens out here on Flickr.
- 63
September 29th, 2009 10:01 amGreat list! I’d like to add the recently revamped DubLi site ( http://www.dubli.com ). They didn’t have a search engine before, but now they do. And boy, it’s only when a search facility is lacking that you realise how integral to the internet experience a search is! The site’s also been streamlined down.
Of the sites featured in the article, I think the Burberry site wins my vote – though I wouldn’t be seen dead wearing their clothes!
- 64
October 17th, 2009 11:45 pmThat Pureandlittle website gets mentioned in every eCommerce related article on SM. That website is simplest at its best. Not that it is a bad site, but how is it better than lots of websites out there? Also having that website, and the other more flashy websites in the same article is being oxymoron at its peak!
- 65
December 23rd, 2009 11:36 pmCool list…I was a bit sad to not see a lot of (web design trends for 2009) features on these sites.
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- Common Practices To Increase Returning Visitors - http://bit.ly/5a4bRc
- @glennvh please contact our support team: orders@smashingmagazine.com with your purchase number, they'll tell you how long you need to wait!
- @jchristopher it's our pleasure, Jonathan.
- HTML5 vs. Flash - http://remysharp.com/2010/02/08/html5-vs-flash/
- Learn Something Every Day: a nice little blog updated every day - http://bit.ly/rmcES
- We’re Ready for CSS3, but are we Ready for CSS3? - http://bit.ly/cKN7Bz
- lovely-css: a grid-based CSS framework - http://bit.ly/ayA0wb
























































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