16 superbes sites Web avec des arrière-plans vidéo
Concevoir un site Web ne signifie pas que vous devez créer une expérience statique - ce n'est pas une impression. Avec la montée de HTML5 il est devenu plus facile d'ajouter des choses comme animation pour créer une expérience utilisateur plus riche. Ces fioritures visuelles peuvent souvent contribuer à créer une expérience plus intéressante, immersive et remarquable si elles sont effectuées correctement. Il en va de même pour vidéo , que HTML5 rend beaucoup plus facile à implémenter d'une manière accessible.
Certains sites tirent le meilleur parti des grandes vidéos de la taille d'un navigateur en les utilisant comme arrière-plan de leur page Web, ce qui leur permet de changer l'expérience visuelle de manière nouvelle et créative. Certains sites utilisent de grandes vidéos d'arrière-plan pour modifier subtilement l'ambiance et l'atmosphère, tandis que d'autres présentent leur produit en action ou l'utilisent pour raconter une histoire qui n'aurait pas été aussi facile ou peut-être aussi amusante qu'avec une page statique régulière.
Pour vous aider à vous inspirer, nous avons rassemblé quelques-uns des exemples les plus créatifs, originaux et intéressants de sites qui utilisent pleinement les arrière-plans vidéo. Nous espérons que vous trouverez notre vitrine utile pour votre prochain projet de conception Web.
01. mediaBOOM
mediaBOOM est une agence de publicité interactive qui a adopté une approche unique pour créer son image de marque. Une vidéo de fond filmée avec un style rétro Americana raconte l'histoire de leur agence se déroulant dans un monde fictif qui ressemble à Manhattan dans les années 1950.
02. Festival MyProvence
Le site du festival MyProvence utilise une vidéo de fond pour montrer les moments forts des artistes explorant la région. La musique et les scènes de la vidéo fonctionnent parfaitement ensemble pour créer une ambiance exaltante pour le site.
03. Spotify
L'application de diffusion de musique Spotify utilise une vidéo d'arrière-plan pour ajouter de l'émotion à sa page de destination. Le message principal derrière le site est que Spotify est disponible pour fournir de la musique à chaque instant. La vidéo de fond, une série de clips qui démontrent l'attachement émotionnel de différentes manières, se combine bien avec la musique qui l'accompagne pour générer une atmosphère sentimentale autour de la marque.
04. Vie de Pi
Le site Web promotionnel du film primé aux Oscars d'Ang Lee, Life of Pi, utilise pleinement l'arrière-plan de la taille d'un navigateur en montrant des extraits magnifiquement tournés. Chaque scène, avec la musique, aide à transformer un design minimaliste en quelque chose de plus intéressant et inspirant.
05. Télé
Telly est une startup qui trouve et partage les vidéos virales les plus populaires. Sa page «À propos» utilise une vidéo d'arrière-plan délavée et répétitive, ce qui contribue à créer une belle ambiance.
06. Fernando Maclen
Fernando Maclen est un designer talentueux qui utilise un arrière-plan vidéo flou pour montrer sa façon de travailler. Le résultat est à la fois intéressant et mémorable, tout en conservant un design simple et épuré.
07. Au vent
Windward est une application iPhone conçue pour les marins en affichant des données sur les marées, la vitesse du vent et les températures. La vidéo de fond, qui montre une mer raisonnablement agitée, n'est pas trop distrayante et fait un bon travail pour créer l'ambiance.
08. Matière
Matter est un cabinet de conseil en conception stratégique qui utilise une série de vidéos sélectionnées au hasard, chacune montrant une personne différente, comme arrière-plan de son site. Cela aide vraiment à faire ressortir le site; comme c'est tellement inattendu, l'expérience devient remarquable et mémorable.
09. Eagleclean
La société de nettoyage londonienne Eagleclean intègre une très brève vidéo dans son site pour aider à ajouter de l'humour. La page de destination apparaît initialement avec une très petite tache, qui est rapidement nettoyée par une main gantée.
dix. Château de Dromoland
Le château de Dromoland est un hôtel et une propriété de campagne prestigieux en Irlande. La page d'accueil utilise une vidéo de fond à grande échelle pour montrer les terrains spectaculaires, le golf et la faune à proximité.
Onze. Y.CO Yachts
Même si vous n'êtes pas l'un des rares sur le marché d'un yacht de luxe, vous trouverez toujours le site Web du yacht Y.CO intéressant. Il utilise une vidéo de grande taille pour montrer des images d'une famille profitant de vacances sur l'un de leurs yachts en tant que backgrounfd. Le film est ambitieux sans être trop faux ou «commercial».
12. Flipboard
Flipboard est une application iPhone et iPad qui fusionne les flux RSS, les comptes Twitter et Facebook en un seul magazine numérique, vous permettant de parcourir facilement des articles intéressants. Parce que son interface utilisateur est si importante, l'arrière-plan de la page d'accueil du site Web est consacré à une vidéo de l'application en cours d'utilisation. Dans ce cas, vous montrer, plutôt que vous dire, comment fonctionne l'application est un coup de génie.
13. Nike Jordan M6
Le site Web Nike Jordan M6 utilise une vidéo d'arrière-plan pour raconter comment le nouveau conception de baskets a été créé. Plutôt que de faire passer un message ouvertement basé sur les ventes, Nike parle simplement des raisons de chaque choix de design. Pour tous ceux qui envisagent d'acheter le Jordan M6, cela devient un aperçu fascinant de la naissance du produit.
14. Arcade Fire
Le groupe de rock indépendant Arcade Fire a souvent été connu pour sa bizarrerie, et ils ne déçoivent pas dans cette bande-annonce promotionnelle expérimentale pour leur album Neon Bible. Pendant la lecture de la piste titre, la vidéo d'arrière-plan est synchronisée, mais elle est également interactive - essayez de cliquer sur les mains pendant la lecture de la vidéo.
quinze. La cassette
The Cassette est un magasin de chaussures en ligne français qui utilise la vidéo d'arrière-plan de manière créative. L'arrière-plan de la page d'accueil est dédié à la modélisation de l'un de leurs best-sellers afin que vous puissiez voir à quoi il ressemble sous tous les angles.
16. Le bois
The Wood est un restaurant situé en bordure de la forêt de Sonian à Bruxelles, en Belgique. Les vidéos subtiles sur la page d'accueil et sur tout le site créent l'ambiance et correspondent parfaitement au décor rustique du lieu.
Mots : Alex Black
Alex Black écrit pour PrintExpress.co.uk . Dans ses temps libres, il aime apprendre à concevoir et coder des applications Web et étudie le graphisme et l'impression. conception.
Ceci est une version mise à jour d'un article paru précédemment sur Creative Bloq.
