{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

If you run a digital agency, especially one that designs and builds websites, then what better way of showing off your talents than to build a wonderful website for your own company?

In the past couple of years many agencies have rebuilt and relaunched their websites using HTML5 and CSS3. The results can be eye-opening, highly engaging, and built to work on all kinds of devices.

It's not all good news though. Sometimes the use of HTML5 can be downright annoying: just because you can do something doesn't mean you should. Does it matter that some of these websites take half a minute to load? Personally I think fast loading times really matter, but I've heard arguments that people are prepared to wait for certain types of website. You can decide for yourself. 

At any rate, there is plenty to admire here, and perhaps there is an acceptable trade off between optimal usability and the overall user / brand experience. Certainly it's always interesting to watch web design evolve, and agencies are naturally inclined to push the boundaries.

The following examples show what can be achieved, and mercifully not all of them are addicted to loading icons. Tuck in and see what you think.

Etch

Makes good use of responsive design - try narrowing your browser window. 

Si Digital

Includes unobtrusive animation and some lovely fade-in effects for text.

Neotokio

This currently has a gorgeous, innovative 'out of office' skin on it, as well as some great touches on its website.

Clearleft

Avoids scrolling for the sake of it, and focuses on usability.

8 Bis

What's not to like about the way the label changes colour as you hover from image to image?

Carnation

This one is a scrollfest, with lots of excellent micro UX effects (try hovering over the red logo, or the social icons).

Red

A focus on strong typography and speed makes for a lovely user experience.  

KathArt Interactive

The tour is certainly novel, but it takes an age to load, and the navigation goes AWOL.

Leeroy

Some slick slide transitions, but I'm not convinced that the image-heavy team page works.

The Twelve

I like the attention to detail on those thumbnail hover states, and there is some smooth animation if you're prepared to wait for it.

Handsome

A site that seems to have been created with the swipe in mind. 

Teehan & Lax

I'm such a fan of this site, especially its wonderful 'story' page.

Buffalo

Another admirably clean HTML5 experience. Check out its Project Planner form.

Poke

A content-focused site, rather than the bells and whistles approach adopted by many agencies, though infinite scroll means that you end up chasing the footer down the page.

Seen any other notable HTML5 sites recently? By all means share them in the comments area below.

Chris Lake

Published 28 August, 2013 by Chris Lake

Chris Lake is CEO at EmpiricalProof, and former Director of Content at Econsultancy. Follow him on Twitter, Google+ or connect via Linkedin.

582 more posts from this author

Comments (6)

Comment
No-profile-pic
Save or Cancel
Avatar-blank-50x50

may phat dien 3 pha

I like the KathArt Interactive
Simple but special :)

about 3 years ago

Avatar-blank-50x50

Brett Opace

Some great designs here. Design agencies need to balance the need to 'show off' with a need to remain navigable and easy to use for potential customers. It LOOKS as if these designs stay on the right side of 'inspired but accessible'

about 3 years ago

Avatar-blank-50x50

peter

Responsive design will continue to grow and agencies and clients will need to adapt. As smartphones continue to dominate and become the primary mode of Internet searches, the user experience is lost if tour site isn't optimized.

about 3 years ago

Avatar-blank-50x50

Charles Arthur, Creative Agencies Manchester at Creative Spark

Some best design here. Design agencies have to be compelled to balance the requirement to 'show off' with a desire to remain passable and straightforward to use for potential customers. It's look as if these designs stay the correct aspect of 'inspired however accessible'

http://creativespark.co.uk/

almost 3 years ago

Avatar-blank-50x50

Luke Grimes, Web Developer at Tigatech

After all presentation is key but I think it' about getting the right balance.

over 2 years ago

Avatar-blank-50x50

Luke Grimes, Web Developer at Tigatech

Oh and my favourite has to be teehan!

http://tigatech.co.uk

over 2 years ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Daily Pulse newsletter. Each weekday, you ll receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.