Web Design : L’usage du son et de la musique sur votre site

Il y a quelques années, de nombreux sites web s’ouvraient sur un fond musical presque impossible à couper, pas toujours adapté, souvent dérangeant, etc. Ces pages étaient...

Publié par Camille

Il y a quelques années, de nombreux sites web s’ouvraient sur un fond musical presque impossible à couper, pas toujours adapté, souvent dérangeant, etc. Ces pages étaient refermées à peine ouvertes. Le son est donc venu à disparaître d’internet, du moins en grande partie.

Le succès de la vidéo sur nos écrans permet de jouer une autre partition, où le son pourrait enfin trouver sa place.

Découvrez comment harmoniser au mieux vos instruments pour une mélodie du web qui restera dans les esprits.

 

Pourquoi le son est-il aussi important ?

Tout le monde n’est pas un adorateur du bruit. Pourtant, certains sons rythment vos quotidiens d’utilisateurs de technologie. Celui de l’email envoyé, du document digéré par la corbeille, d’une application qui démarre, etc. Vous pouvez choisir de les couper ou de n’en conserver que quelques-uns. Il n’empêche qu’ils font sens pour vous.

Et c’est exactement la sensation que vous devez chercher au moment d’implanter un son sur un site web. Qu’il ait une signification précise et voulue. Vos sons, quels qu’ils soient, ne doivent pas juste être des bruits de fond.

À lire aussi : 7 ressources pour télécharger de la musique libre de droit

 

Dans quel cas intégrer un son dans le webdesign ?

Vous l’aurez compris : les seuls cas où une musique peut être utilisée sur un site, c’est lorsqu’il s’agit de celui d’un musicien ou pour un partenariat avec un artiste. Sinon, cet artifice est souvent de trop.

Par contre, souligner une action avec un bruit ajoute à la personnalisation du site, voire à votre branding.

Vous pouvez ainsi tout à fait imaginer un fabricant de chaussettes à tête de monstre qui ponctue chaque article placé dans le panier d’achats par un grognement. Ce serait logique et particulièrement distrayant pour les utilisateurs.

Le passage d’une page à l’autre, l’envoi d’un formulaire, etc. Tous les actes qui peuvent s’appuyer sur des boutons d’action interactifs gagnent à être soulignés de quelques notes. Du moins si cela correspond à votre image de marque.

Il est également possible de proposer une version de musique d’ambiance, pour certaines pages particulières, en laissant au préalable le choix à l’internaute comme sur le site de Ralph Lauren par exemple ; ou pour créer une atmosphère différente des autres, à la manière de Hashima Island (dont la bande-son évoque un jeu vidéo angoissant).

À lire aussi : Comment utiliser un logo sonore dans votre marque  ?

 

Offrez toujours un choix

Pour éviter qu’un visiteur parte en courant de votre site, vous ne devez pas lui farcir les oreilles de sons indésirables. D’autant que vous ignorez dans quelles conditions vos pages seront consultées :

  • Dans un bureau en open space
  • Dans les transports en commun
  • Devant un film
  • Etc.

Il existe de nombreuses circonstances pour lesquelles il serait assez mal vu de laisser entendre ce que l’on est en train de regarder.

Même les vidéos d’aujourd’hui, notamment celles diffusées sur les réseaux sociaux, se parent de sous-titres pour être visionnées sans le son. Ce qui implique que vous devez toujours afficher, dans un cadre bien visible, un bouton qui permet de couper tous les effets sonores.

Vous pouvez même prévenir, le temps du chargement, que vous vous apprêtez à faire du bruit. Non seulement vous générerez ainsi un effet d’attente, mais vous offrirez aussi aux internautes le temps nécessaire pour effectuer les actions requises pour ne pas déranger leurs voisins.

À lire aussi : Inspiration : 8 sites web qui intègrent parfaitement le son à leur design

 

Où trouver des sons pour votre webdesign ?

Voici quelques exemples de site web vous proposant un large choix de sons pour votre site web !

Defonic

Cette plateforme au design simple et épuré offre des sons d’ambiances pour votre site web. Un catalogue de sons gratuits et limité, mais libre de droits pour des projets professionnels (ou personnel).

Avantage : Vous pouvez même associer plusieurs sons en même temps pour créer une mélodie !

Souscrivez l’abonnement premium vous donnant accès à : des options sonores premium, un générateur de sons positifs et une collection thématique.

Freesfx

FreeSFX fournit des effets sonores gratuits que vous pouvez utiliser dans n’importe quelle production audiovisuelle multimédia, commerciale et non commerciale. Il rassemble près de 4500 fichiers sonores individuels ! En retour, vous devez créditer freesfx.co.uk si vous utilisez leurs effets sonores dans votre projet.

FreeSound

FreeSound est un site web à potentiel avec un design pas spécialement soigné mais qui contient et propose une collection intéressante de sons pour votre projet.

Envato Market

Envato Market propose une catégorie audio spécialement dédiée aux sons pour votre site web.

Son catalogue immense saura vous satisfaire : des musique et des pistes audio libres de droits à partir de 1$ et plus d’un million de pistes et sons de leur communauté de musiciens et ingénieurs du son. Vous avez l’embarras du choix !

À lire aussi : 6 playlists pour améliorer votre créativité en musique

 

En webdesign, le son est intéressant s’il est utile et réciproquement. C’est tout un art de le doser avec précaution. Mais cette tendance arrive sur le devant de la scène et vous pourriez gagner quelques galons supplémentaires en vous transformant dès maintenant en chef d’orchestre avisé. Appropriez-vous cette mélodie avant d’être obligé de la suivre.

Lire aussi : Les bonnes pratiques pour ajouter du son sur une vidéo

Déposez votre projet graphique sur Graphiste.com et recevez rapidement et gratuitement les nombreux devis de graphistes freelances professionnels !

L’article Web Design : L’usage du son et de la musique sur votre site est apparu en premier sur Graphiste.com.

Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

Le guide 2024 des tailles de visuels sur les réseaux sociaux

Au cours de votre activité, vous serez sûrement amenés à créer des visuels pour les réseaux sociaux de vos clients. Page de couverture, image du fil d’actualité, avatar ou encore...

Publié le par Laura
Graphisme

Sérigraphie : comment utiliser cette technique d’impression

Que ce soit pour réaliser des cartes de visite, des affiches publicitaires ou des flyers, une entreprise va avoir, à un moment ou à un autre, un imprimeur...

Publié le par Jerome Dajoux