30 Ecommerce Sites Using HTML5
Searching online it’s easy to find great examples of websites using HTML5, but less easy to discover such sites by category. Commercial sites using the fifth revision to its full potential have been showing up all over the world, so we decided to research and collate some of the better examples and present them for inspiration here.
For the casual reader who isn’t familiar with latest developments, HTML5 is the latest revision of the HTML standard. It offers faster page loading, better interactivity and new ways to display content.
HTML5 introduces many new syntactical features including <video>, <audio>, <canvas>, <section>, <article>, and <header> elements. The canvas element can be used for rendering visuals without having to use a plug-in whilst the video element removes the necessity to use plugins such as Adobe Quick Time and Flash.
Ecommerce sites using HTML5
As browsers increase their readiness to handle HTML5, more and more designers and developers are applying it to their commercial projects. It offers exciting potential for ecommerce with much more intuitive sites appearing, making use of the extended video and visual rendering capabilities.
For example, on the giant marketplace link Amazon, you have to be very careful with technologies to sell things on amazon. It’s vital that the user experience needs to be top notch. There is no margin for error, because once the customer goes away, he never looks back.
All of the ecommerce sites featured below are powered by HTML5 and use the technology to varying degrees of complexity or simplicity. What stands out about all of these sites is the quality of the design work. The effects enabled by HTML5 simply support the quality of the design.
Inspiration for designers working on commercial projects!
G-Force
G-Force is a Dutch sports fashion store with a website which utilizes both Flash and HTML5. The site uses bold photography and a vertical cascading navigation scheme which enables users to view brands and make contact with the store.
Merchworld
Specializing in merchandising and branding for the entertainment industry, Merchworld offers a slick ecommerce experience with very bold and clear cart and checkout functionality.
Mendo
A good example of HTML5’s capabilities when applied to a commercial site, Mendo offers a fun and engaging user experience with nice page transitions and intuitive navigation. The site uses fantastic, high resolution photography to great effect.
Wantist
The Wantist is a simple idea, brilliantly executed, allowing users to quickly discover gift ideas based on essence and personality type. The site offers price comparison and links through to the ecommerce sites where your transaction can be completed. The Wantist makes good use of HTML5’s capabilities including animated effects on products images.
Hyundai Veloster
The Hynudai Veloster site features some really nice details including the ability to view the car in question from multiple angles with the click of an arrow button and no Flash involved! It’s an intriguing site to explore which sells the benefits of this car well.
Car Insurance
A cost comparison site for, well, rather obviously, car insurance. A spacious and inviting looking design, this site makes rather limited use of HTML5’s capabilities but is never-the-less an effective ecommerce experience.
Car Buzz
Car Buzz aims to make it easier for car buyers to choose the vehicle that’s right for them. The site is a nice example of HTML5’s capabilities with slick, fast and intuitive functionality.
Trecento Pizza
The website for Portuguese pizza delivery company, Trecento, is a simple affair with the red, green and yellow colour scheme that is familiar to many fast food outlets.
Nature’s Table
An appealing looking food site for the U.S based family café chain. The site features strong branding, nicely balanced elements and good quality photography. Their Paninis and Melts are making me feel hungry as I write this.
Quincaillerie Sucree
A borderline psychedelic experience, Quincaillerie Sucree offers fantastic looking cakes and treats. The site features some nice effects on its images and an easy-to-use transaction process for ordering online.
Segen Themes
Designer Marko Prljic’s online store offers WordPress themes from $6. The site makes use of simple animated effects and highlights to a good standard.
Yowza
Yowza offers mobile coupons enabling users to save money when shopping online. The site offers an informative user experience coupled with some nice design features including a logo testimonial gallery and unobtrusive animation effects.
Hemingways
Hemingways Expeditions offer scheduled and fully customized safaris and cultural tours in East Africa. Their site is well designed, informative and features some very nice photography of the destinations on offer.
Zeus
Zeus is a very slick looking online designer sandals store, which highlights the capabilities of HTML5 well. The site’s beautiful photography is rendered well and makes a great impact on varying screen sizes.
Moods of Norway
This quirky looking online fashion store offers a fun, dynamic and engaging user experience. The ecommerce functionality is of a high standard with plenty of product imagery, standout purchase icons and a transaction process which is easy to follow.
Behind the Masc
Another site which uses high quality photography to stunning effect, Behind the Mac is an arty, high-brow ecommerce experience. Simple black and white contrasts never fail to create the classy look, and it’s done very well here.
Lomme Bags
Lomme Bags offers another high brow experience similar to Behind the Mac in its delivery. The Danish based accessory brand promotes “simplicity, timeless and functional luxury” in their products, which is also reflected in this website.
Kontenta
Kontenta are a new online designer furniture retailer stocking major brands such as Kartell alongside custom made items. The site is a simple and clean design with strong use of product imagery.
Sheely
Sheely have been producing surfboards for over 40 years, and their website features a large selection of their designs. Ordering online is an old fashioned affair with links to PDF documents where users can specify their requirements and return by email.
Nike Better World
The Nike Better World site is a strong example of what can be achieved with HTML5. It offers an engaging and imaginative user experience that takes you on a riveting journey. The transitions and fades between sections are really well done.
Gift Rocket
Gift Rocket is a clever service enabling users to buy friends gifts which they can redeem instantly at retail outlets including bars, restaurants and clubs. The website is a nice design featuring strong branding and icons.
Goodies for Gifts
Goodies for Gifts brings together edible treats from across the U.S and links through to vendor sites where users can make a purchase. The site is a bright, colourful, candy-like design with plenty of eatable looking photographs.
CSM Bakery Products
CSM Bakery supply sweet products such as cakes, iced buns and cookies to stores across the U.S and internationally. Their site is bold, attractive and informative; using multiple primary colours to reflect the nature of their products.
901.com
The site for 901 Tequila is another slick affair which uses animations, transitions and scrolling to great effect. Their Mixing Room feature is a nice touch, enabling you to create your perfect drink according to taste. Mine’s a Bloody Rita!
YoArts
YoArts offer specialized WordPress themes for blogging, business and ecommerce sites. The site is a simple design with easy to follow navigation.
iQuote
iQuote, by Longevity Alliance, helps people find the right insurance solutions for their Medicare, long term care and life insurance needs. The site is designed well, informative and easy to use.
Home Sale Online
Home Sale Online sell themselves as “the new way to market your property in Scotland”; offering a fixed fee service from £295. The site features nice search functionality and has a well-proportioned feel and look.
Car Blurbs
Car Blurbs is a service which writes the sales blurb for car dealerships and showrooms. Monthly fees start at just over $50. The site itself is a simple ecommerce affair with a strong use of metallic blue that you expect to see from many vehicle related sites.
Looking 4 Parking
Looking 4 Parking offers really fast quotes for short and long term car parks, by simply entering a few details in their front page form. The site’s cartoonish appearance masks a site that is actually very business like and useful.
My Next Wine
My Next Wine is designed to help shoppers choose better wine. Their attractive looking site is a simple affair with minimal display of HTML5’s capabilities. A nice design, in any case, and worth checking out.
I really love Gift Rocket ! Great selection of e-commerce websites and online stores.
Amazing selection. Hyundai Veloster is my favorite. Thank you.
I think pinterest is also using HTML5 and is one of the fastest growing sites on HTML5. They deserve a mention.
Awesome look and feel…better designs convert well
Thanks, very interesting and practice sistem !
Juan R
Merchworld and Zeus are the best thing on this page. If you can recommend more templates that look like these ones, well that will really be an awesome thing.
You could also check http://www.creattor.com. I don’t know if you will find templates that look exactly like the above ones, but certainly you will find some high-quality stuff.
Kyle, you the MAN! Thank you very much for creattor. I didn’t thought I will still found a free assets website. It is to awesome that someone still have the patience for something like that. Cheers man!
You’re design looks great Robert. I’m sure you’ll going to love minimalist website templates design too; like, a splash of color on a black-and-white design, for example, is sure to get the user’s attention.
Awesome article to showcase the modern HTML5 based ecommerce sites. Thanks for the effort. One small feedback. Is it possible to have linked tutorial on how to develop such websites? Just some simple development steps would be very helpful.
The Medno is my favorite site, the high quality photos are just telling me that I have to come back to the site.
I think HTML5 is very important for better E commerce website . The proper combination of web contents make a website very attractive and gorgeous. Thanks for sharing a Article
Thanks for sharing, useful stuff about html. Couldn’t believe at first that these sites are on html.
goodies for gifts on html? wow , a big disclosure. useful and informative stuff :)
could not believe at first that these sites are on HTML. Thanks for sharing.
thanks so much for sharing! some beautiful creative designs. very inspiring. I think ecommerce web design is so important to the individual company, just as a physical shops design and layout would be, it represents the company and it’s products. I love the ‘901’ site and ‘Goodies for gifts’, thanks, Matt.
Just some simple development steps would be very helpful.
Fantastic designs – reminds me to update our look! Then again, “ugly” is what we’re known for! :)
A good ecommerce websites means that will show the product detail,product images as clearly and full specification with out fail.Then only it would convince the people to buy the products. Thanks for sharing.
Love these ecommerce examples! Please do more