Navigation

Toutes les catégories

Voir les derniers articles

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

L’usage du son en web design doit être mûrement réfléchi : cet élément peut immerger vos utilisateurs dans une expérience...

Publié par Charlotte Chollat

L’usage du son en web design doit être mûrement réfléchi : cet élément peut immerger vos utilisateurs dans une expérience originale et réussie, mais s’il est mal utilisé il peut tout simplement faire fuir vos internautes.

Pour intégrer correctement une bande sonore à votre site web, je vous conseille de suivre nos conseils. Vous pouvez aussi vous laisser inspirer par cette sélection de web design qui utilisent parfaitement le son.

Prenez vos écouteurs et laissez-vous transporter…

Magneti Marelli 100 years

Ce site web retrace l’histoire du magnétophone et l’expérience utilisateur proposée est en totale cohérence avec le sujet. Pour vous éviter de lire tout le texte, une voix-off se charge de faire la lecture. Vous n’avez plus qu’à écouter et à profiter des diverses illustrations.

La navigation est également très bien pensée puisque vous pouvez facilement naviguer entre les chapitres.

Magneti Marelli

The View from Above

Le son apporte ici une réelle valeur ajouté au site web. Réalisée par le New York Times, cette histoire vise à vous sensibiliser sur l’importance des oiseaux pour notre écosystème.

Au lieu d’un texte barbant expliquant le rôle de chaque oiseau, vous vous retrouvez en pleine nature : le bruit de chaque oiseau vous parvient et accompagne en douceur votre lecture. Vous noterez également les différents éléments interactifs qui contribuent au succès de ce site web.

The View from Above

Alacran Group

L’usage du son en web design peut tout simplement servir à créer une expérience ludique et originale. Ici le son se veut expérimental, c’est à vous de créer votre propre mélodie.

Arrêtez-vous un instant et profitez d’un web design relaxant.

Alacran group

STERLING

Ce web design se veut original car il reprend des éléments peu commun. Il y a tout d’abord le son où la musique se veut relaxante. On apprécie également les petits effets sonores lors du scroll.

Le scroll justement, parlons-en. La navigation verticale a laissé place à une navigation horizontale sur la timeline de la page À propos.

Sterling

Auberive

Les groupes de musique ont eu aussi le droit à leur propre site web. Ce groupe indie/rock d’origine lyonnaise vous propose de découvrir leurs derniers morceaux à travers des slides correspondant à un extrait musical.

Si vous êtes musicien, ne manquez pas nos conseils pour créer un logo sur le thème de la musique, ou trouvez votre inspiration dans notre sélection de logos musicaux.

Auberive

Crescosa

Cette agence a opté pour une introduction sonore qui nous plonge directement dans leur histoire.

Lors de la navigation, on apprécie les petits effets mais il faut dire que l’ambiance sonore qui se cache derrière peut être déconcertante. Ce web design a toutefois le mérite d’expérimenter et de proposer un concept original.

Crescosa

TIM : The History of Connection

Découvrez l’histoire des technologies de la télécommunication à travers une timeline interactive. Le site est très bien réussi : l’utilisateur est correctement guidé, le son est pertinent (notamment dans ce fameux tunnel) et les graphiques en 3D sont parfaits.

Bref, il s’agit d’une expérience immersive qui vaut le coup d’oeil.

History of connection

Getty Images : First Aperture

Ce site web vaut le détour, ne serait-ce que par son concept. En avril 2018, le groupe First Aperture a lancé un single dont la musique était entièrement issue de la bibliothèque sonore de Getty Images. Le clip quant à lui ne comporte que des images issues de cette plateforme.

À travers ce site web, vous pouvez explorer les différents sons et images qui ont été utilisés. Soyons honnête, le résultat est vraiment pas mal ! 🙂

Getty Images

Lire la suite de l'article
Afficher les commentaires (0)

Commentaires

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

Les meilleures typographies pour rendre vos chiffres lisibles

Quand vous créerez une affiche, un packaging, un flyer… il y aura toujours un moment où vous aurez besoin d’utiliser des chiffres. Il ne faut cependant...

Publié le par Melanie De Coster
Graphisme

Data visualisation : 10 sites web pour votre inspiration

Il n’est pas simple de représenter des données, surtout lorsque celles-ci sont nombreuses. L’infographie est un moyen bien connu pour faciliter la...

Publié le par Charlotte Chollat