Une photo revient partout sur le web : deux personnes souriantes qui se serrent la main au-dessus d'un ordinateur portable, l'air ravi. La main appartient à un mannequin, l'ordinateur à personne, la situation ne s'est jamais produite. Cette photo se trouve probablement sur le site de trois de vos compétiteurs.
C'est le problème numéro un des images de site web. Il y en a des milliards disponibles en un clic, et presque tout le monde finit par choisir les mêmes.
On a déjà écrit ailleurs sur la préparation technique des images (dimensions, poids, texte alternatif). Le présent article parle d'autre chose : comment choisir des images qui disent vraiment quelque chose de votre organisation, et comment faire pour qu'elles ne se battent pas entre elles sur votre site.
Avant de chercher des images, sachez ce que vous voulez montrer
Sur un site web, une image fait partie du message. Pas du décor. Avant de chercher quoi mettre, il faut savoir ce qu'on veut dire.
Quelques questions à vous poser page par page :
- Si un visiteur ne lisait que les images, qu'est-ce qu'il comprendrait de votre organisation ?
- Vos photos montrent-elles votre vraie équipe, vos vrais bureaux, vos vrais clients ? Ou des gens anonymes dans des environnements anonymes ?
- Si on enlevait votre logo, est-ce qu'on reconnaîtrait quand même que c'est votre site ?
Ces questions ont l'air simples. Elles éliminent pourtant la majorité des choix par défaut.
Le piège des banques d'images
Les banques gratuites comme Unsplash et Pexels, les banques payantes comme Shutterstock et Adobe Stock, c'est pratique. C'est aussi une des raisons pour lesquelles beaucoup de sites se ressemblent.
Elles ne sont pas mauvaises en soi, mais vos compétiteurs y vont aussi. La même photo de tasse de café sur un bureau en bois peut se retrouver sur trois sites de comptables dans la même région.
Si vous utilisez des banques d'images, quelques réflexes aident :
- Évitez les photos « business générique » : poignées de main, équipes qui lèvent le pouce, réunions fictives avec post-it colorés
- Privilégiez les photos sans personnes, ou les photos d'objets, de lieux, de textures
- Cherchez dans plusieurs langues. Les mêmes photos sont moins surutilisées si vous sortez des mots-clés français les plus populaires
- Vérifiez qu'une photo n'est pas déjà sur le site d'un compétiteur. La recherche par image de Google fait ce travail en quelques secondes
Entre une photo générique parfaite et une photo réelle imparfaite, la photo réelle gagne presque toujours.
Vos propres photos valent souvent mieux
Une journée de photographe professionnel peut couvrir vos besoins visuels pour une année complète. L'investissement change la perception qu'on a de votre site dès la page d'accueil.
Si le budget n'y est pas, votre téléphone fait déjà mieux que la majorité des photos génériques. Quelques principes qui font la différence :
- Photographiez vos vraies installations, pas juste des détails décoratifs
- Montrez votre équipe en train de travailler, pas en train de poser
- Prenez 50 photos pour en garder 3. C'est le ratio normal
- Évitez les arrière-plans encombrés et les éclairages au plafond
- Photographiez à la lumière naturelle autant que possible, quitte à attendre une journée ensoleillée
Un atelier d'usinage, une cuisine de restaurant, un bureau municipal : tous ont des images plus intéressantes à offrir qu'une photo d'équipe générique en chemise blanche.
Il n'y a pas que les photos
Beaucoup de sites gagneraient à utiliser moins de photos et plus de pictogrammes, d'illustrations ou de petits graphiques.
Un pictogramme fonctionne souvent mieux qu'une photo pour représenter un service abstrait (conseil, accompagnement, stratégie), pour illustrer une étape dans un processus, ou pour rendre une section de services lisible d'un coup d'oeil.
Une illustration sur mesure, même simple, distingue immédiatement un site des autres. C'est un investissement ponctuel qui peut servir longtemps.
Peu importe le format choisi, ce qui compte c'est la cohérence. Des pictogrammes au trait fin jurent avec des illustrations très dessinées, et une icône très stylisée paraît déplacée à côté d'une photo réaliste.
Faire en sorte que vos images se parlent
Un site avec 50 belles images choisies individuellement peut quand même avoir l'air brouillon. Chaque image est belle, mais elles ne sont pas dans le même univers visuel.
Commencez par la palette de couleurs. Des images qui partagent les mêmes teintes dominantes s'harmonisent, même si les sujets diffèrent. Si votre identité visuelle est beige et vert sauge, les photos aux bleus saturés vont détonner. L'oeil perçoit la palette avant même d'identifier ce que montre l'image.
Le cadrage compte tout autant. Mélanger des plans très rapprochés avec des plans très larges donne une impression d'instabilité, comme si chaque photo avait été prise par quelqu'un de différent. Une logique de cadrage constante donne à l'ensemble une signature visuelle.
Même principe pour le traitement. Une correction de couleur uniforme harmonise des sujets qui n'ont rien à voir entre eux. Une photo froide et sombre glissée au milieu de photos chaudes et lumineuses va paraître étrangère. Un filtre léger appliqué partout de la même façon peut faire beaucoup.
Enfin, le choix des sujets fait souvent la différence. Un site qui alterne photos de produits, paysages, captures d'écran abstraites et portraits perd son visiteur à chaque défilement. Deux ou trois types de sujets, autour desquels tout le contenu s'organise, suffisent.
Trois tests avant de publier
Avant de mettre en ligne une nouvelle série d'images, trois petits tests valent la peine.
Plissez les yeux devant votre page. Si les images deviennent un chaos de formes et de couleurs sans logique, il y a un problème de cohérence.
Faites défiler lentement votre page de haut en bas. Est-ce que l'ensemble raconte quelque chose de votre organisation, ou est-ce que chaque image semble venir d'une autre source?
Imaginez que vous déposez vos images sur le site d'un compétiteur. Est-ce qu'elles s'y intégreraient sans qu'on remarque quoi que ce soit? Si oui, elles ne disent rien de particulier sur votre organisation.
L'image de partage social, un cas à part
Quand quelqu'un partage une page de votre site sur Facebook, LinkedIn ou par message texte, une image s'affiche en aperçu. Cette image décide souvent si la personne qui voit le partage va cliquer ou pas.
Beaucoup de sites laissent cette image par défaut, sans y penser. Elle mérite autant de soin que celles affichées directement sur votre site. Webartchitecte permet d'en définir une par défaut pour tout le site, et d'en personnaliser une pour chaque page importante. Les tutoriels Modifier l'image de partage social (og:image) par défaut du site et Personnaliser l'image de partage social (og:image) d'une page expliquent la marche à suivre.
En résumé
Le caractère d'un site tient moins au nombre d'images qu'à l'intention derrière chaque choix et à la cohérence de l'ensemble. Un téléphone, une palette de couleurs fixée et un oeil critique font déjà une grande partie du travail.
Ce qui fait la différence, c'est l'habitude de se poser la question avant d'ajouter une nouvelle image : est-ce que celle-ci ressemble vraiment à votre organisation, ou est-ce qu'elle pourrait être sur n'importe quel autre site ?