http://ecommercegallery.com/blog/ James Paden's eCommerce advice and analysis en-us Wed, 22 May 2013 03:59:43 -0700 Wed, 22 May 2013 03:59:43 -0700 james@ecommercegallery.com http://feedproxy.google.com/~r/ecommercegallery/blog/~3/bBXH5vpugdg/raising-the-bar-e-commerce-designs-that-stand-out-from-the-crowd Lets face it, 99.995% of e-commerce designs are ugly and boring! (Except the sites in this gallery... of course!) Templates are often purchased out of the box with little or no customization. Product pictures are uploaded, descriptions written, prices entered, and slapped into the store. Next step - successful e-commerce website.... right? WRONG! If you care about the products you are selling in your e-commerce store then you should care just as much about the message communicated by your store design. I've gathered a selection of e-commerce sites that stand out from the crowd. These sites represent the tone of their products and do an amazing job of getting the attention of their target user base. <!--more--> <h2><a href="http://www.madsencycles.com/bikes/">Madsen Cycles</a></h2> <a href="http://www.madsencycles.com/bikes/"><img class="alignnone size-full wp-image-518" src="http://ecommercegallery.com/wp-content/uploads/2010/03/madsen.jpg" alt="Madsen Cycles" width="650" height="422" /></a> Madsen Cycles has a clean and easy to use site that is a pleasure to navigate and browse. Sometimes simple is better - right? KISS - Keep It Simple Stupid! <h2><a href="http://supermarkethq.com/browse/everything">Supermarket HQ</a></h2> <a href="http://supermarkethq.com/browse/everything"><img class="alignnone size-full wp-image-521" src="http://ecommercegallery.com/wp-content/uploads/2010/03/supermarket.jpg" alt="Supermarket HQ" width="650" height="422" /></a> Supermarket HQ has an incredibly clean and easy to use site. The design is minimal which allows for the unique products to stand out. The homepage features a large amount of products with big and clear pictures. One nice detail of the site is show on hover over the products image: a lovely wood background shows up. Design is in the (minimal) details! <h2><a href="http://www.ligatureloopandstem.com/">Ligature Loop &amp; Stem</a></h2> <a href="http://www.ligatureloopandstem.com/"><img class="alignnone size-full wp-image-517" src="http://ecommercegallery.com/wp-content/uploads/2010/03/ligature.jpg" alt="Ligature Loop &amp; Stem" width="650" height="422" /></a> This site sells typographic products and the style and slickness of the site design shows it! The site also features a horizontal format which makes it standout from most e-commerce stores. <h2><a href="http://wireandtwine.com/store/products/portafilter.html">Wire &amp; Twine</a></h2> <a href="http://wireandtwine.com/store/products/portafilter.html"><img class="alignnone size-full wp-image-524" src="http://ecommercegallery.com/wp-content/uploads/2010/03/wire.jpg" alt="Wire &amp; Twine" width="650" height="422" /></a> The Wire and Twine store does a good job of grabbing the viewers attention by combining a clean design with real life textures and elements. Tape, wood background and cloth tags are just a few of the elements that make this a great eye catching design. <h2><a href="http://www.shirtfight.com/">Shirt Fight</a></h2> <a href="http://www.shirtfight.com/"><img class="alignnone size-full wp-image-520" src="http://ecommercegallery.com/wp-content/uploads/2010/03/shirtfight.jpg" alt="Shirt Fight" width="650" height="422" /></a> Spy vs Spy, Designer vs Designer - conflict is a familiar concept that is utilized in this design. Shirt Fight has a fun, rough and tumble design that fits the concept of their product and business structure. The quirkiness and distressed typography and texture make this site stand out. <h2><a href="http://teez.com.ua/">Teez</a></h2> <a href="http://teez.com.ua/"><img class="alignnone size-full wp-image-522" src="http://ecommercegallery.com/wp-content/uploads/2010/03/teez.jpg" alt="Teez" width="650" height="422" /></a> Teez features a big in your face layout from the get go. Navigating deeper into the site reveals a seemingly random layout of t-shirts, sprinkled with random tweets and funny videos. While this layout and design may not work for every company, I think this makes the Teez site standout and reflects the personality of their product and brand. <h2><a href="http://typetees.threadless.com/">Type Tees</a></h2> <a href="http://typetees.threadless.com/"><img class="alignnone size-full wp-image-523" src="http://ecommercegallery.com/wp-content/uploads/2010/03/threadless.jpg" alt="Threadless Type Tees" width="650" height="422" /></a> Good design is all about attention to detail. (Did I say that already?) Typetees by lovely folks over at Threadless have some fun hidden UX features that make browsing the store pleasurable. Hover over a t-shirt to see an unfolded view of the shirt design. <h2><a href="http://www.chopshopstore.com/home.php">Chop Shop</a></h2> <a href="http://www.chopshopstore.com/home.php"><img class="alignnone size-full wp-image-515" src="http://ecommercegallery.com/wp-content/uploads/2010/03/chop.jpg" alt="Chop Shop" width="650" height="422" /></a> The Chop Shop Store has fun eye catching animations in the header that grab the users attention. The animations also reflect the tone of the site and speak to the target audience - Designers! <h2><a href="http://shop.giraffe.net/">Giraffe</a></h2> <a href="http://shop.giraffe.net/"><img class="alignnone size-full wp-image-516" src="http://ecommercegallery.com/wp-content/uploads/2010/03/giraffe.jpg" alt="Giraffe" width="650" height="422" /></a> The design of the Giraffe shop is fun and quirky. The bouncing on the slider and drop-down on the homepage reflects the quirkyness of the design. The attention to detail makes this site fun to navigate. <h2><a href="http://narwhalcompany.com/">Narwhal Company</a></h2> <a href="http://narwhalcompany.com/"><img class="alignnone size-full wp-image-519" src="http://ecommercegallery.com/wp-content/uploads/2010/03/narwhal.jpg" alt="Narwhal Company" width="650" height="422" /></a> Narwhal Company has a nice slider on their homepage that cycles through their line of wallets slot machine style. Nice detail that grabs the users attention and shows the variety of their products. <h2>What do YOU think?</h2> We would love to hear your input on the design of the sites in this roundup. Let us know if we missed any well designed e-commerce sites that stand out from the crowd.<img src="http://feeds.feedburner.com/~r/ecommercegallery/blog/~4/bBXH5vpugdg" height="1" width="1"/> Tue, 23 Mar 2010 14:16:07 -0700 http://ecommercegallery.com/blog/raising-the-bar-e-commerce-designs-that-stand-out-from-the-crowd http://ecommercegallery.com/blog/raising-the-bar-e-commerce-designs-that-stand-out-from-the-crowd http://feedproxy.google.com/~r/ecommercegallery/blog/~3/2v9lGSH5GOw/new-site-design-blog Welcome to the new eCommerce Gallery!  I purchased this site from <a href="http://www.robspangler.com/">Rob Spangler</a> in August 2009.  This site is going to continue Rob's vision of highlighting great ecommerce designs, but I'm going to add an ecommerce blog as well.  The blog will include original research, tools and resources, website critiques, guest posts and more. If you're interested in my background, I've been working in web design, development and online marketing for over ten years.  The last 4-5 years I've focused primarily on e-commerce development and conversion optimization.  Today I work with businesses on all sizes (including top 500 Internet Retailers) on increasing their conversion rates.  You can find more info on my <a href="http://www.linkedin.com/in/jamespaden">LinkedIn</a> profile and by <a href="http://twitter.com/jamespaden">following me on Twitter</a>. I'm really looking forward to this new adventure!  If you have any feedback or questions, please leave a comment.<img src="http://feeds.feedburner.com/~r/ecommercegallery/blog/~4/2v9lGSH5GOw" height="1" width="1"/> Tue, 03 Nov 2009 17:37:48 -0800 http://ecommercegallery.com/blog/site-news/new-site-design-blog http://ecommercegallery.com/blog/site-news/new-site-design-blog