• 318k
  • 81
Web design \ 3 Juillet 2017

7 techniques de web design pour susciter de l’émotion chez vos visiteurs

Lorsque l’on parle de web design, il est souvent question de technique : UX, navigation, normes du Web. Il y a un langage et des règles à respecter. Vous les avez d’ailleurs toutes appliquées à votre site internet, vous avez passé des nuits à vous creuser les méninges et pourtant, ça ne prend pas. Et si vous laissiez un peu de côté le cerveau pour vous adresser au cœur ?

Pour que la magie prenne, il faut 3 éléments indissociables : répondre aux besoins des utilisateurs, avoir une esthétique impeccable et créer ce petit quelque chose en plus qui lie et sublime le tout. C’est ce que l’on appelle l’émotion. S’il est vrai qu’on se parle à travers un ordinateur, il ne faut pas oublier que le web design est un travail fait par des humains à destination des humains. On ne déroge pas à la règle, nous allons vous parler en tant qu’humain et vous donner nos meilleurs conseils pour pimenter votre site et susciter les petits papillons dans le ventre de tous vos visiteurs.

Donnez de la personnalité à votre site

Le ton que vous adoptez joue énormément dans l’expérience que vont avoir vos utilisateurs. Un exemple vaut mieux qu’un long discours. Prenons la marque Innocent et leur section « À propos » remplacé par « Nous ». On y découvre l’histoire ces 3 entrepreneurs très sympathiques – dans la vraie vie comme à l’écran. Leur texte de présentation nous fait sourire, voire rire et l’on a tout de suite l’impression de mieux connaître la marque de jus de fruits et ses créateurs. Plus qu’une liste de dates et de faits, ce sont des anecdotes qu’ils nous proposent. Résultat : on a très envie de toutes les lire et de découvrir leur parcours. Soyez honnête, sur combien de ce site avez-vous vraiment été intéressé par l’histoire d’une entreprise ? Ici le pari est gagné.

Pour conquérir le cœur de vos visiteurs, insufflez votre personnalité à votre site. Avec des textes bateaux et des phrases toutes faites, ils ne vous liront probablement pas. Démarquez-vous en les faisant rire. Exprimez-vous et dites qui vous êtes, votre site est fait pour cela. Cerise sur le gâteau : en intéressant vos visiteurs, vous augmentez le temps qu’ils passent sur votre site et vous boostez votre SEO.

Page Nous Innocent

Engagez vos utilisateurs

En magasin, les clients peuvent interagir avec le produit : le prendre en main ou même parfois l’essayer. Sur un site internet, ce n’est pas possible. Vous n’avez pas le toucher, mais vous avez d’autres sens sur lesquels vous pouvez jouer : la vue ou encore le son.

Donnez vie à votre site pour garder l’attention de vos visiteurs. Avec Wix vous avez la possibilité d’ajouter des animations. Créez un effet lorsque la souris survol un bouton ou bien faites apparaître vos éléments de façon interactive. L’Éditeur vous offre une multitude de possibilités : fondu, balayage, rotation, etc. Attention cependant à l’excès, cela peut vite tourner au désastre esthétique. Pour faire la différence, il suffit souvent de pas grand-chose.

Template Wix - effet de survol

Créez l’effet de surprise

La surprise laisse souvent une impression durable – surtout lorsqu’elle est bonne. Pour que vos visiteurs se souviennent de vous, c’est simple, il faut les impressionner dès la première rencontre, autrement dit, dès votre page d’accueil. Pour cela, rien de mieux que d’ajouter une vidéo en arrière-plan. Non seulement une vidéo est parlante, elle peut décrire en quelques images votre activité et votre personnalité d’entreprise, mais c’est aussi un élément visuel qui vaut son pesant d’or pour votre interface. C’est joli et c’est captivant. Il vous suffit de regarder l’exemple qui suit pour comprendre de quoi l’on parle.

Un autre élément simple à ajouter à votre site et qui créera l’effet « waouh » à coup sûr est le Parallaxe Scrolling : en faisant défiler le fond d’écran et le premier plan à des vitesses différentes, vos visiteurs auront une impression de 3D. Voici une expérience qu’ils ne seront pas près d’oublier !

Vidéo d'arrière-plan

Le processus d’identification

Par nature, l’Homme (avec un grand H) cherche à s’identifier. Nous sommes toujours plus impliqués lorsque l’on se reconnaît dans une personne ou dans une situation. Voilà pourquoi la présence de visages sur un site internet nous met en confiance. En voyant des hommes et des femmes, on rompt le côté impersonnel de l’écran. Cela nous permet de percevoir l’humain derrière les lignes de code et les images pixélisées.

Rajoutez à votre page « Notre histoire » quelques photos de votre équipe. Présentez la personne en charge de la communication ou celle qui gère le service client. Mettre des visages sur des noms aide énormément à faire en sorte que l’on se rappelle de vous. Pensez également à la vidéo : montrez vos locaux et ce qui se passe en coulisses. Si les gens apprécient vos produits ou services, ils aimeront forcément les personnes qui se cachent derrière !

Présentation de l'équipe sur un site

Une image vaut mille mots

Si vous avez bien suivi cet article, vous avez compris que l’émotion vient avec les sens. La vue en est un qui peut beaucoup jouer en votre faveur. Une image parlante et (surtout) de bonne qualité peut très bien à elle seule remporter la partie. Nous allons vous donner un exemple très simple : si l’on vous dit « saucisson », avez-vous envie d’aller vous couper une petite tranche ? Maintenant, regardez la photo ci-dessous. Quelle que soit l’heure de la journée, vous vous imaginez autour d’un apéro, en terrasse avec un petit verre de vin, en train de déguster votre saucisson du terroir acheté sur cette épicerie en ligne. Le pouvoir des images est immense et il fonctionne merveilleusement bien sur écran.

L’Éditeur de Wix vous propose une sélection d’images gratuites et de très bonne qualité. Si parmi les centaines de visuels proposés vous ne trouvez pas votre bonheur, vous pouvez toujours consulter notre article sur les ressources en ligne d’images gratuites.

Image saucisson

Choisissez vos couleurs avec la plus grande précaution

On ne pouvait certainement pas parler d’émotion et de web design sans aborder le thème des couleurs. Hors-mis leur aspect purement esthétique, les couleurs véhiculent des messages. Chacune est associée à une émotion particulière.

Couleurs et émotions

Réfléchissez-y à deux fois avant de créer l’identité visuelle de votre marque. Votre logo n’aura pas la même signification s’il est rouge ou s’il est vert. De même, appliquez tout cela à votre site : du bouton « acheter » à la couleur de votre pied de page. Pour créer un site beau et efficace à la fois, consulter notre article pour apprendre comment assembler harmonieusement vos couleurs.

Faites les choses avec passion

Si émotion rime avec passion, ce n’est peut-être pas pour rien. Lorsque l’on met du cœur à l’ouvrage, c’est toujours payant. Prenez du plaisir et faites les choses avec sincérité. C’est bien connu, vous pouvez percevoir le sourire de quelqu’un à sa voix, de la même façon, vous pouvez sentir la conviction d’une personne à travers un écran. Alors voilà notre dernier conseil (et sûrement celui le plus précieux) : amusez-vous !

Prêt à nous faire ressentir le grand frisson ? Commencez par créer votre site internet gratuitement avec Wix !

Publié par Equipe Wix

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.