5 Excellent HTML5 Websites to Learn From

Designing with Wix | August 1st 2012

Many of our clients are looking for tips when designing their Wix websites and we have many resources to help them: the Wix Learning Center, Wix Forums and, of course, the official Wix Blog. But one of the most helpful resources we have to offer are great Wix websites that were created by Wix clients. These websites are the best examples we have of effective principals of web design.

We collected five amazing HTML5 websites, each offers a valuable lesson on different aspects of web design and user experience. Browse through them, take notes if you like, and continue with creating your own stunning website.

Wonder Milk Dairy

The Wonder Milk Dairy website is a great case of a powerful branding strategy. The company chose a visual language that compliments the brand, and stuck to it on all points.  From the illustrated background, through the playful fonts to the website colors – everything focuses on presenting the product as fun, young and yummi. The logo plays a huge role in that as well. It’s a very smart move for a company with such a product to create a logo that can be easily transformed and used in many contexts. Well played!

Wonder Milk Dairy

Wonder Milk Dairy

Christopher Robinson Design

This website captures the essence of minimalist web design. Many people think that using black and white is the secret to minimalist design, but that’s hardly the case. A minimalist web design touches all design elements: layout, fonts, headers, footers, typeface and empty space. Christopher Robinson’s website is a great example of good minimalist design. Notice how the design choices he makes highlight his works and create a unique, dream-like atmosphere.

Christopher Robinson Design

Christopher Robinson Design

EMagazine, Malaysia

This beautiful website has a unique layout that challenges the customary single or double-column web design. This Pinterest-like layout is a terrific way to display lots of information on the same page without compromising users’ experience of the site. It works great for magazines, blogs, shops and photography sites, but may not be right for any kind of website. But the lesson to be learned here is to think outside the box when designing your website. When you’re looking for inspiration, don’t only check out sites that look exactly like what you had in mind.

 EMagazine, Malaysia

EMagazine, Malaysia

Jim Butterell

Jim Butterell’s entire website is amazing, but one thing that we especially like about it is the Portfolio page. Jim really takes the visitors inside each project with an introduction text, a cover photo and a full gallery that gives us different angles on each and every work. A portfolio website’s goal is to create a space where the art works or projects can really shine. Jim’s website achieves this goal beautifully with his portfolio page.

Jim Butterell Portfolio

Jim Butterell’s Portfolio

[HiDef] Properties

A serious challenge for any business websites is maintaining a professional style without looking too, uhm… boring. [HI DEF]‘s website is a great reference for a business-oriented website with a beautiful professional design that still manages to excite and impress website visitors.  Key elements that contribute to this effect are the intuitive navigation process, the high-resolution photos, the use of simple fonts and the division into paragraphs with clear headlines. This website is detailed but not straining. It provides visitors with a great overview of [HI DEF] as a company, and simultaneously uses striking visuals that really leave a mark.

HiDef Properties

HiDef Properties