Website Design Inspiration – 31 Video Background Websites
After quite a long break I decided to create a web design inspiration again. We are currently working on our own video header in the agency and so I collected many ideas and examples. During the last 3 weeks I found some really good ideas and concepts I’d like to share with you.
I found quite a big difference in the use of a video background. Agencies typically show their own office and references. Lifestyle and other modern companies work more with storytelling and emotions. I made up categories for the different concepts and ideas.
- Creating Emotions – 6x Web Design Inspiration
- 5x Reference & Portfolio Video Background
- 5x It’s all about Storytelling
- 4x Reference & Portfolio Video Background
- 3x Great Combinations in Video Backgrounds
- 8x HTML Templates & WordPress Themes
Creating Emotions – 6x Web Design Inspiration
Emotions are important in every aspect of life. I think the majority of websites is to cold and lacks positive emotions. Videos are a perfect tool to create a good feeling. The videos typically don’t show the product. They show a nice places, happy people, good weather and every else you can associate with good feelings.
Get Going Today – Drexel University
In my option the best emotional web design inspiration. Get going today is a campaign for the Drexel University. The have several cool videos and short stories from students. I personally like the ocean video with a clean web design.
House on the Krasina – In the Heart of Moscow
House on the Krasina is a building with apartments in the middle of Moscow. They have 4 really cool emotional video background pages. Awesome marketing concept for a building complex.
AYR Denim – Video Header for Pants
You certainly could not see it on the first look that this website is for pants. The video really gives no hint about the product, but creates a positive feeling and interest. I don’t like the big logo and newsletter sign-up in the middle of the screen.
Spry – Digital Interactive Agency
You can find a lot interactive agencies with a video header. Normally they show their office and sometimes references. The spry video is more abstract and I think they want to show their own view of the world.
Ony Agency – Video Background with Short Videos
Ony is another agency with a video background in the header. They show their own references, but I think it’s more about creating emotions. The video gives a good impression what they do and shows mostly happy people.
Big Spaceship – Abstract Video Background
Big Spaceship has also a video background with a slow motion effect. You can see two different colors splash into each other.
5x Show your Company – Video Background
It looks like this is the first idea for many people. Agencies use this concept a lot and try to impress with a cool office. I think concept is already a bit overused and tells not really much.
WAAAC – Own Agency and People in the Focus
WAAAC is an agency with some cool rooms and creative people. You don’t see any work of them or clients. You get a blurry image and fuzzy impression from them.
Positive Advertising – Showing their own Agency
Positive Advertising is full-service (don’t believe this – EVER) agency which is obviously very proud and self-focused. I think this kind of video is not really good or useful for visitors.
L’attrape rêve – French Atelier Video Background
The website for this french art store and atelier has a black and white video background. They placed the navigation on the bottom, which is the best place in my opinion. It shows that there is more content on your page and visitors are more eager to scroll down.
Melanie F. – Shoemaking as an Art
Melanie F. is a shoemaker for kids shoes. You can see her working with materials and manufacturing the shoes. Modern and flat web design with a really cool video header. I also like the shop concept.
BKWLD – Agency shows their Processes
BKWLD is a digital agency with some great references. They also use a clean web design with big video headers on several pages. They show themselves doing some work or talking.
5x It’s all about Storytelling
On of the biggest trends in 2014 in web design is storytelling. You use a funny, creative or moving story to tell more about your product. Videos are just great for storytelling. The video in the header of the website should not take longer than 30 seconds.
Geox – One Man for 7 Days nonstop Rain
GEOX creates waterproof and breathable shoes. They made a campaign for their shoes called “One man for 7 days in nonstop rain”. Great idea and also really cool videos. The actor Tom tells a pretty authentic story about the GEOX shoes.
Story & Heart – Video Licensing Platform and Filmmaking Community
Story & Heart is a community of filmmakers and for video licensing. They have some really cool high-quality videos on the homepage.
Monsorro – Shoes & Accessories Brand
Monsorro is a russian shoe and accessories label with a video header. They tell a story about the creation from scratch to the final shoe.
Google Glass Experiment – Real-Life Digital Game
Eleks shows a Google Glass experiment for sports. They show several sports and you get a really good impression how you may use Google Glass doing sports.
Harbr – Digital Creative Agency with a Story
My personal favorit of storytelling videos in this collection. Harbr is a creative agency and they also have a good video. They play alot with cliches, but you still get a good feeling.
4x Reference & Portfolio Video Background
Another really popular concept for a video header is the portfolio video. You show your best references and most important services in a short video. The visitor gets a good impression about your work.
Powerhouse Company – High-Quality Impressions
Powerhouse company is an architecture, interior and design firm. They show 5 different references in the video. They work a lot with emotional pictures and slow camera movement. MUST SEE!
Exponent – Portfolio Video Background Header
Exponent is a public relations agency with a video background on their homepage. They show some impressions, but mainly their own work.
Poolhouse – Reference Video Background Header
Poolhouse is a digital agency doing campaigns for candidates. They have a lot of experience and knowhow in filmmaking. I big disappointed about the big square in the video and the rather slim video.
Whiteroom – Portfolio Video Background Header
Whiteroom is a british agency doing online and offline work. They show many references and especially the booth makes a really good impression. They also work with a fast paced video.
3x Great Combinations in Video Backgrounds
Some videos are really hard to press into one group alone. So I decided to give them an own category. This videos combine more than just one concept and might be even more powerful.
Brindisa Tapas Kitchens – Restaurant Full-Screen Video Website
Wow. I really would like to visit the place with friends and eat something. They show the kitchen, the people working there, dinners, cocktails and other impression. Perfect website for a restaurant.
Risk Everything – Raise Money and Build Dreams
The guys from risk everything also try to combine several concepts. They use a bit storytelling, emotions and references in their video background.
Andreo – Interactive Design Studio
Yet another interactive design studio with a video background on the homepage. The show an emotional showreel with really cool scenes.
8x HTML Templates & WordPress Themes
If you like the concept as much as I do you might consider to do your own video. There are plenty of good HTML Templates and WordPress themes that support this concept very well. So you can focus on creating an awesome video.
Salient – Premium WordPress Theme
Salient is one of the most popular and fancy WordPress theme on the market and has already over 10.000 sales. This fully responsive WordPress theme has so many different page types and features you should take a look by yourself.
Alamak – Responsive One-Page WordPress Theme
Video background headers are very often used on one-page websites. You start with a great video, tell a bit more about yourself and your work and give the visitor the chance to contact you. Alamak is just the right responsive WordPress theme with many options. You can also choose between different layout without video header.
Jarvis – Creative One-Page WordPress Theme
Jarvis is another creative and popular one-page WordPress theme. You get a flexible theme with parallax sections, video header and so many other options. They prepared 11 different styles to see the power of Jarvis.
Visia – Responsive One-Page WordPress Theme
Visia is a modern and clean WordPress theme with a one-page layout and video header. The theme comes with many other layouts and features so you can create your own unique website.
Brooklyn – Creative One-Page WordPress Theme
Brooklyn is a creative and stylish WordPress theme. The one-page layout is perfect for small business, agencies and freelancers. There is also a cool showcase of websites using this theme.
Magnum – Premium HTML5 Template
Magnum is a premium HTML5 template with a full-screen video header. I really like to see the video without a big logo-overlay. You can choose between 11 different intro and background setups.
Wisten – Parallax HTML5 One-Page Template
Wisten is also a premium HTML5 template with a one-page layout. The template has many cool parallax sections and other awesome features.