Practical Ecommerce

Twenty Design Examples of Magento Commerce-based Stores

Magento Commerce is perhaps the most popular open-source ecommerce platform available today because of its rich feature set, excellent backend, and extremely flexible theme structure.

Magento’s theme structure is of particular interest to ecommerce web designers because it allows for a wide latitude in site design, which, in turn, can result in some very good looking online stores.

For this feature, I scoured the web for online shops that had taken advantage of the design freedom Magento can offer. These sites are listed below in no particular order.

Lodger—Fancy Footwear

Lodger Home Page

Lodger Home Page

Lodger’s handsome site is another example of how great imagery can help sell in the apparel category. It just makes sense that when online shoppers are browsing for clothing or shoes they want to see what those items really look like. Lodger does a great job of providing large, clear, and interesting product photography. For example, check out the “Shoe of the Month” and hover over the tab that says, “Product Views.”

Zumiez—Skate Apparel

Zumiez Home Page

Zumiez Home Page

Zumiez is a nationally recognized brick-and-mortar retailer that extends its in-the-mall brand to its Magento-powered website. The design is clean and legible with a touch of the grunge aesthetic. I especially like the typography and logo size.

Jones Soda—Beverages and Beverage-related Gear

Jones Soda Co.

Jones Soda Co.

If “hipness” could be bottled, they would call it Jones Pure Cane Soda and sell it at this online store. The trendy Jones Soda Company is using Magento to power its well-designed online store. And, you have to love the ultra-smooth slider on the home page.

HoMedics—Electronics for Spa and Beauty

HoMedics Home Page

HoMedics Home Page

HoMedics is a simple and attractive ecommerce site that makes good use of Flash, including sound, on its home page while relying on a very traditional ecommerce layout on subsequent pages. Magento’s layered and faceted navigation is used throughout the site design.

Mydeco—Home Decor

Mydeco

Mydeco

Mydeco has made excellent use of Magento’s product attribute features. As evidence, click on the shopping tab and select a room, say bathroom. Here you will find left-hand navigation that allows you to drill down to exactly what you were looking for by selecting a price range, color, retailer, designer, or more. Each of these is a customizable product attribute in the platform.

MYLA—Woman’s Swimwear, Sleepwear, and Lingerie

Myla Product Category Page

Myla Product Category Page

MYLA London makes great use of photography, including a large seasonal image on the home page, photo-heavy category pages, and high-quality product detail images that can be panned and zoomed.

Fred Perry—Beautiful Clothes

Fred Perry

Fred Perry

The Fred Perry website demonstrates some of Magento Commerce’s flexibility with great use of Adobe Flash and JavaScript throughout, and excellent use of Magento’s grid at the category page level.

Michalsky—High Fashion Apparel

Michalsky Site

Michalsky Site

In my opinion, Michalsky’s category pages are the most attractive section of the entire site. Notice how the site’s dark background makes the product photographs stand out.

NerdyShirts—T-shirts In Poor Taste

Nerdy Shirts Category Page

Nerdy Shirts Category Page

NerdyShirts’ website breaks the “Magento” mold. It is a site that takes advantage of Magento’s features without looking like it just used the demo store theme as a basis for its design. It is also a good example and what it means to develop a site design that communicates your store’s brand image.

Wild Poppies—Flowers, Gifts, and Gift Baskets

Wild Poppies Home Page

Wild Poppies Home Page

Wildpoppies offers a simple and clearly feminine design that makes good use of color and background.

Asphaltgold—Best Shoes Forward

Asphast Gold Home Page

Asphast Gold Home Page

Asphaltgold puts its products right up at the top of the home page on this minimalist site design. If you’re a fan of clean and simple design, this is the Magento site for you. The concept is austere and lovely; sparse and yet product-rich.

Cacties—Neckties for the Cowboy in Us All

Cacties Home Page

Cacties Home Page

Cacties sells “top-notch neckwear” inspired by the spirit of the American West. This Magento-powered site uses expanses of dark color to act as a visually-powerful backdrop for the its colorful products. The company’s brand comes out in both the site design and logo.

Dainese—Motorcycle Gear

Dainese Home Page

Dainese Home Page

Dainese has appeared in several Practical eCommerce articles as a positive example of website design. This site combines Adobe Flash with the Magento platform for an impressive product detail page. Dainese.com is also available in several languages, another feature that the Magento Commerce platform makes easier.

Mia & Maggie—Dog Care Products

Mia & Maggie Home Page

Mia & Maggie Home Page

The Mia & Maggie website makes use of a beautiful color palette, featuring at least three shades of brown, a great looking blue, and a calming green. Its color palette transcends the feminine and masculine and appeals to both. It is equally pleasing whether you’re looking for items for your Rottweiler or Poodle. The site also makes nice use of the platform’s underlying features.

Hello! Lucky—Invitations, Gifts, and Stationery

Hello Lucky Home Page

Hello Lucky Home Page

The Hello! Lucky website makes excellent use of scrollwork and nostalgic imagery to convey the company’s expertise in printed materials. And, while I would say that using seven or more different font faces on your home page is normally a design faux pas, the folks at Hello! Lucky have done it with a sort of clever elegance that is very successful. Finally, to my mind, there is a clear connection between the products being sold and the visual design of the website being used to sell them. This is simple a very good ecommerce website design.

HYPE DC—Shoes

HYPE DC Home Page

HYPE DC Home Page

The HYPE DC home page features a strong background image showing (on the day I visited) gray, grungy boards. This might seem an odd choice for a site selling brand-name shoes, but it is surprisingly communicative. First, just using such a large background image breaks the standard ecommerce site design mold, communicating this is not your mother’s shoe store. Next, the image is both natural (wood) and urban, communicating the natural qualities of the shoes sold and the general living condition of the sites’ customers. The site also makes good use of layer opacity and transparency. It is a fine example of Magento’s flexibility.

Matthew Williamson—Fine Clothing

Matthew Williamson

Matthew Williamson

The Matthew Williamson website was designed to showcase the clothing’s beauty and sophistication. The main shopping page shows a model wearing one of the Matthew Williamson designs against a brightly colored background, while interior pages use a simple white background to accentuate the product offerings.

Uncorked—Wine

Uncorked Home Page

Uncorked Home Page

Uncorked sells a sophisticated product to a stylish and affluent clientele, so it is important that its web presence meets customer expectations, not just from a product standpoint, but also in terms of design. Certainly, wine is about the taste and about enjoying a rich experience that comes from drinking it. But, it is also about a way of living. Drinking fine wine says something about who the drinker is, and the Uncorked website design captures some of that esoteric experience, using images that convey a lifestyle as much as it promotes a beverage.

MiniRepublic—Hip Kids Clothes

MiniRepublic Home Page

MiniRepublic Home Page

MiniRepublic’s is a multilingual website, and a great example of what happens when good design and good technology meet. The site makes use of Magento’s many features along with Adobe Flash technology and vivid photography to create a compelling and comforting customer experience. Shoppers should feel both informed by the many images and options, and comforted by the underlying professionalism.

NkdMan—Skin Care Products for Guys

NkdMan Home Page

NkdMan Home Page

In popular culture the term “metrosexual” describes a man who uses facial creams, skin care products, and beauty secrets normally associated with women in order to stave off aging and “look good.” Regardless of how one feels about this trend, you must recognize that, while the NkdMan website clearly aims at male vanity, it does so with a very handsome ecommerce website design that features deep contrasts in color, masculine tones, and excellent product photography.

More Examples Abound

There are, of course, dozens—if not hundreds—of other examples of well-designed websites using the Magento Commerce solution. I actually visited more than a hundred of those sites when I developed this list. So I want to encourage you to add your own favorite Magento site design in the comment section at the end of this article.

Armando Roggio

Armando Roggio

Bio   •   RSS Feed


email-news-env

Sign up for our email newsletter

  1. Armando Roggio August 14, 2009 Reply

    Please post your favorite Magento sites here in the comments. I tried hard to find great examples, but I know there are a lot more out there. Thanks.

  2. jlivingston August 14, 2009 Reply

    I’m a little biased since I designed the site, but here’s a Magento site integrated with ExpressionEngine, a robust content management system.

    Advanced Home Actives is the maker of the Brazilian Peel Facial Resurfacing System, the first medical-strength glycolic peel for at-home use. 5x stronger, 100% safe and clinically proven for healthier, younger-looking skin.

    [http://advancedhomeactives.com](http://advancedhomeactives.com)

  3. callumbush August 14, 2009 Reply

    Thanks for the list! [http://www.PhoneDevil.com](http://www.phonedevil.com) is also well worth a look. It has Really impressive branding.

    PhoneDevil sell a range of iPhone 3G/3GS screen protectors (Privacy, Mirror and Clear editions), and also the Factory Unlocked iPhone 3G & 3GS

  4. BIONIQ August 14, 2009 Reply

    Great list! Here’s one that my company BIONIQ just recently launched, [http://www.dymonmine.com](http://www.dymonmine.com)

  5. Armando Roggio August 14, 2009 Reply

    @callumbush. Interesting how you managed your cross-selling (i.e., [you might also like…](http://phonedevil.com/index.php/factory-unlocked-apple-iphone-3gs.html)). Do you have any data on how this has effected (or not effected) sales?

    Also, I liked the logo and look. Do you mind if I ask who designed the site?

  6. Armando Roggio August 14, 2009 Reply

    @jlivingston. Do you mind if I ask what you are using for the blog? Also nice chart on the science page.

  7. Armando Roggio August 14, 2009 Reply

    @BIONIQ. Nice Job. A very nice implementation. Do the DymonMine folks enter the products, or did you develop a web app for sellers to use?

    Also, please let me know when you have the new [bioniq.ca/](http://bioniq.ca/) site up. I would like to take a look at your portfolio.

  8. Neurowave August 14, 2009 Reply

    I helped launch [www.genracer.com](http://www.genracer.com) recently.

    I’d love to get some outside opinions as it’s an industry that’s not always up-to-date with the latest in web technologies.

  9. timpea August 15, 2009 Reply

    Great list, I’m currently working on http://www.splatshop.co.uk, and constantly trying to find ways to improve it. Its a site that sells parts for motorcycle trials bikes.

  10. BIONIQ August 16, 2009 Reply

    @Armando Roggio. Thanks for the positive feedback. The guys at DymonMine, photograph, describe, up-load, and even showcase the items. We also built in a web based Point-of-Sale app to manage all inventory and transactions for multiple locations. The next phase of the project is to add the functionalty that will alow user to upload their items.

    I’ll let you know when are new site is up.

  11. Peter August 16, 2009 Reply

    I just wanted to show my appriciation for this great blog post. I started a Magento showcase blog very recently and this post was very inspiring. Thanks again.

  12. pod1 August 18, 2009 Reply

    Hey – we’ve just completed a few more:

    [http://www.annascholz.com/](http://www.annascholz.com/)

    [http://www.kirnazabete.com/](http://www.kirnazabete.com/)

    And our sister agency, Brilliant UK [http://www.choosebrilliant.com](http://www.choosebrilliant.com) have developed the following:

    [http://www.ilovejeans.com](http://www.ilovejeans.com)

    [http://www.alandra.co.uk/](http://www.alandra.co.uk/)

    [http://www.cityleaf.co.uk/](http://www.cityleaf.co.uk/)

  13. affi August 18, 2009 Reply
  14. jlivingston August 18, 2009 Reply

    @Armando – http://AdvancedHomeActives.com is using ExpressionEngine for the blog as well as the majority of pages. We felt this was a lot easier for our client to use and it offers a lot more functionality than Magento on the content side. EE handles all pages except product pages. While the home page is mostly Magento, we are also using EE to pull content in.

  15. Armando Roggio August 18, 2009 Reply

    @pod1,
    These are all very nice examples of Magento sites. Bravo. If you have new ecommerce site launching please drop me a note. We hope to do more of these showcases in the future, and it helps me to identify sites that we might include.

  16. Armando Roggio August 18, 2009 Reply

    @affi, Worth noting that [silverthemes.com](http://www.silverthemes.com) is a Magento theme store.

  17. Armando Roggio August 18, 2009 Reply

    @jlivingston. Thanks. I had not heard of [ExpressionEngine](http://expressionengine.com/) before you mentioned it. I will be sure to check it out.

    Have you designed other sites with a mixed platform? i.e., Magento and EE or Magento and something else?

  18. Brandon Eley August 18, 2009 Reply

    Good article and some great examples, but I think it would be much nicer if they all had screenshots.

  19. Armando Roggio August 18, 2009 Reply

    @Brandon Eley. Fully agree. Ours is a custom Ruby on Rails platform which is still evolving. FYI, got the book, reading it now.

  20. Armando Roggio August 18, 2009 Reply

    @Brandon Eley. Our platform evolved…

  21. funlab August 19, 2009 Reply

    After migrating from ZenCart in April this year we’ve been running our austria-based webshop on Magento for five months now.

    If you like to have a look: http://www.funlab.eu

  22. Zdaniel August 19, 2009 Reply

    Great post. I would love to suggest End Clothing (www.endclothing.co.uk) as a beautiful Magento website.

    Looking at the other sites on the list makes me want to buy things!

  23. Armando Roggio August 19, 2009 Reply

    @Zdaniel, hey [End Clothing](http://www.endclothing.co.uk) is a great find. Thank you for pointing it out. Are you a customer of the site or did you have a hand in its development?

  24. Armando Roggio August 19, 2009 Reply

    @Peter, I hope your showcase site takes off. I added a site and wrote a tweet about it. I hope that helps to get things going. I also wanted to link to your site here: [http://www.magentico.com/](http://www.magentico.com/).

  25. KN1 September 16, 2009 Reply

    Awesome article. I’m looking for a company to develop my new site using Magento. The design is already done, just need to implement it with Magento. Please email me your company info if interested. 3sixty5records@gmail.com.

    Thanks!

  26. Armando Roggio September 16, 2009 Reply

    @KN1, I would suggest that you try tweeting your request too.

    Also, depending on your budget, you might try [http://www.pod1.com/](http://www.pod1.com/). They do great work.

  27. Jean-Christophe April 28, 2010 Reply

    Great examples, really inspiring.

    We have a pharma website based on magento: http://www.pharmidea.fr/

  28. robit November 12, 2011 Reply

    nice bundle of insperation.

    this is our onlineshop http://www.magita.de

    thanks and cheers

  29. James Holloway March 8, 2012 Reply

    Some of these examples are great but, in my opinion, some are too complicated for ecommerce sites. They should be functional led rather than design led – hence make it easy for the user to find what they are looking for and purchase.

    Mine is simple but still looks good – Kidscarsuk.com.

    It is there to do a job and one job only, convert users into customers, and it does.

  30. Michael Lawrence January 9, 2013 Reply

    Hi Armando,

    Thanks for sharing these awesome looking Magento sites!

    How about adding this site to your list: http://www.wallpapered.com ?

    It is run by a friend of mine and its a London based wallpaper design community!

  31. Renato Monteiro May 25, 2013 Reply

    I love this one: http://www.grenadine.com.br

  32. Eleene July 3, 2013 Reply

    I would like to recommend Aphrodite Clothing Ltd as an example of a good looking Magento website http://www.aphrodite1994.com

    I am biased though as I had a hand in it’s development

  33. Rachel May 27, 2014 Reply

    Hi Armando! Great examples, it can be hard to find really designs in Magento.
    I’m a bit biased over here, cuz we designed our own site, but http://www.plasticplace.com is a really awesome trash bag website. Yup it’s a clean (pun intended) and very functional and has an awesome custom left side filter.

    Let me know what you think!

  34. Ajay Mohan September 1, 2014 Reply

    Our site is built on Magento too. Check out http://www.slideteam.net . It is integrated with PayPal and 2Checkout to build a SAAS model. It a unlimited download subscription based site. SlideTeam is the world’s largest supplier of innovative, creative and highly effective Powerpoint content. It was founded by a group of entrepreneurs who believed that there is a better, less time consuming way to develop complex PowerPoint presentations.

  35. Alex green October 19, 2014 Reply

    Hello! More than 20 thousand magento real online stores, the worst and the best here http://samples-e.com magento is the most popular ecommerce engine today :)