• 0k
  • 0
Web design \ 26 Octobre 2015

Comment créer un arrière-plan vidéo captivant 

La vidéo connaît un succès phénoménal dans l’écosystème 2.0 : YouTube, troisième empire du Web, ne cesse de se développer ; Facebook s’acharne à se tailler une part plus importante du gâteau audiovisuel ; sans compter les nouveaux services comme Periscope et Meerkat qui se mangent le nez dans la course au Live Streaming. Il n’est donc pas surprenant que la vidéo plein écran soit devenue une tendance du web design particulièrement appréciée. Mais ce n’est pas qu’une question d’esthétique. D’un point de vue pratique, la vidéo présente un avantage considérable : montrer ses produits/talents en action est un moyen infaillible de captiver ses visiteurs.

Chez Wix, nous avons pour objectif de vous permettre de créer des sites toujours plus modernes – sans coder une ligne, bien entendu. À cet effet, nous avons simplifié au maximum l’intégration de vidéos en arrière-plan dans notre nouvel Éditeur. Le petit plus Wix : à l’instar des images, nous mettons à votre disposition de nombreux clips gratuits et libres de droits à utiliser sur votre site – ça, c’est pour bibi.

Bien, passons aux choses sérieuses. Pour importer votre vidéo, 3 clics suffisent :

#1 – “Arrière-plan” : la première icône sur la barre de gauche.

#2 – “Vidéo” : importez la vôtre ou choisissez une des nôtres.

#3 – “Appliquer” : sur tout votre site, ou seulement certaines pages. Vous décidez.

Arrière-plan vidéo Wix

Les conseils de nos designers

Personnalisez : une fois votre vidéo importée, vous pouvez facilement la personnaliser selon vos besoins. Superposez une texture, modifiez la couleur, jouez avec la vitesse de lecture et donnez à votre arrière-plan le look idéal ! Votre fond d’écran devient une œuvre d’art.

Utilisez des bandes : vous ne voulez pas abattre votre meilleure carte de design d’entrée de jeu ? Pas de problème ! Vous pouvez introduire votre vidéo à un emplacement spécifique de votre mise en page – par exemple, dans votre paragraphe « service » situé en dessous de la ligne de flottaison. Pour ce faire, il vous suffit d’utiliser une bande vidéo. Le site Wix qui suit fait un usage remarquable des bandes :

ingrid

Allez-y subtilement : le risque de l’arrière-plan vidéo : détourner l’attention des visiteurs du cœur de votre contenu. Assurez-vous que votre clip mette en valeur les éléments stratégiques de votre design – et qu’il n’étouffe pas votre message. Comme disait un arachnophile en collants : “Un grand pouvoir implique de grandes responsabilités.”

Travaillez le contraste : c’est assez évident, mais une piqûre de rappel est toujours bonne à prendre : vous devez créer un contraste fort entre votre vidéo et le texte qui l’ornemente. Attention à choisir des couleurs complémentaires appartenant à une même palette ! Sur du clair, optez pour du foncé et inversement.

Coupez le son : le silence est d’or. Surtout sur le Web. Vous ne voulez pas imposer à vos visiteurs des sons intrusifs. Pensez à ceux qui consultent votre site dans des lieus publics ou qui écoutent leur propre musique. Souhaitez-vous vraiment leur forcer l’oreille ?

Envisagez la parallaxe : renforcez l’effet de profondeur de votre site avec un effet parallaxe. Jamais entendu parler ? Cet article est pour vous !

Pensez aux mobiles : Attention danger ! Les arrière-plans vidéo n’apparaissent pas sur les appareils mobiles. Utilisez l’éditeur mobile pour remplacer votre clip par une jolie image. Les mobinautes sauront apprécier le geste.

Essayez nos Templates avec un arrière-plan vidéo !

Folk Singer >>

Yoga Studio >>

Envie d’essayer ? Créez votre propre site gratuitement !


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.