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
<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.
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.
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 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.
Specializing in merchandising and branding for the entertainment industry, Merchworld offers a slick ecommerce experience with very bold and clear cart and checkout functionality.
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.
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.
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.
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 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.
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.
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.
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.
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 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 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 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.
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.
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 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 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 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.
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 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 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 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.
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 offer specialized WordPress themes for blogging, business and ecommerce sites. The site is a simple design with easy to follow navigation.
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 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 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 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 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.