Everything about having a background video seems to go against the basic rules of web usability.

It means the page might take longer to load, or the user might become distracted, and surely nobody thinks autoplay music is a good idea.

That may all be true, or it may not, I haven’t been able to find any stats to support either side of the argument.

What’s certainly true is that these moving images captivate the user and ensure the website stands out from the standard cookie-cutter formats we’re used to seeing.

I've rounded up 20 of these spectacular websites, many of which are also good examples of the trend towards using scrolling as a design feature.

If you have any thoughts on whether a background video is a good idea, let me know in the comments.

Small Luxury Hotels of the World

A niche website, and I’m not really sure what the lanterns have to do with luxury hotels. But it looks great.

JL Sawyer

This site is to promote A Bloom of Ruins by author JL Sawyer. The movement is very subtle but it works well with the overall aesthetic in my opinion.

GoPro

This is actually a YouTube video, and it took ages to load on my computer, but it’s still worth checking out.

Marmoset Music

Harvey Vice

Nike Air Jordan

Mood Furniture

Uniqlock

I'm not sure what this Uniqlo website does, but it's brilliant.

Lois Jeans

Airbnb

 

APTCB2

D.FY

 

Bellroy

Provence

Woodland Ad Agency

Adopt Cymru 

Negrar

Wayne McGregor Random Dance

This dance studio has a particularly frantic background video, but it creates a very powerful impression.

Futuretainment

Dadaab Stories

 

David Moth

Published 25 September, 2014 by David Moth

David Moth is Editor and Head of Social at Econsultancy. You can follow him on Twitter or connect via LinkedIn

1720 more posts from this author

You might be interested in

Comments (6)

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

Ted Karczewski

Hi, Great list! I'd like to add www.skyword.com to this list. It's helping push the creative boundaries for B2B companies, focusing on story not product.

Hope you consider updating the list with Skyword!

about 3 years ago

Ivan Burmistrov

Ivan Burmistrov, Usability Expert at interUX Usability Engineering Studio OÜ

I am usability expert with 20+ years of experience in the field and I would say the main problem with background is distracting a user from his goals and tasks.

"Standing out from the standard formats" is often a bad idea in principle. Then, websites with background videos are a real crowd nowadays.

about 3 years ago

Avatar-blank-50x50

Mael Roth

These are pretty cool! The Open Source Festival here in Düsseldorf, Germany does communicate the festival experience pretty well too: http://www.open-source-festival.de (what I call experience-based communication) :-)

about 3 years ago

Avatar-blank-50x50

Mair

I would add http://www.powerhouse-company.com/ to the list.

about 3 years ago

Avatar-blank-50x50

Jim Dean, Designer at York Inc.

I like the translucent background video on www.livecontrol.net

almost 3 years ago

Avatar-blank-50x50

Benjamin Wheeler, Packaging and filling machine tender at MVP Sports

All of them are really great, but the third is the best for me? do you have plans to add few more examples? Excully, you made all of them by yourself?
Look how i am working with video backgrounds - http://www.videobackgroundwebsite.com/, maybe you will find something interesting for yourself. Good luck and waiting for more examples

11 months 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 Digital Pulse newsletter. You will 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.