— Publié le 15 février 2025 —

Pour rebondir (oui je sais, tardivement…) sur l’article de Marine Créer une page Logos Clients harmonieuse, voici quelques conseils pour mettre en place une grille de logos sur votre page web.
Ça n’a l’air de rien de prime abord, ce n’est pas forcément la rubrique à laquelle on va apporter beaucoup de soin, et pourtant… Un patchwork de logos mal fichu peut mettre par terre votre page web, au demeurant si jolie.

Comment procéder…

Premier point, il faut s’assurer que les logos aient tous le même « impact » visuel,
c’est-à-dire qu’il n’y en ait pas un qui saute aux yeux et attire toute l’attention sur lui,
au détriment des autres. C’est sans doute l’étape la plus délicate, car les logos sont
la plupart du temps très disparates.
Ci-après une liste de logo qui n’a pas été vraiment retouchée. Vous constaterez que certains logos sont beaucoup plus visibles que leurs voisins.

Première étape, les rassembler sur un même plan de travail — qui ne sera pas forcément Photoshop®, un autre logiciel peut parfaitement faire le job, à partir du moment où vous pourrez ajuster la taille des logos.

Lorsque tous vos logos sont côte-à-côte, mon conseil est de les ajuster visuellement, pour harmoniser leur « force » visuelle. Résultat de cet ajustement ci-après…

Maintenant, étape 2, il va falloir en faire des images qui, une fois intégrées dans le back-office, ne donnent pas l ‘impression de danser dans tous les sens.

Le meilleur alignement reste le centrage vertical. Optiquement, c’est le plus confortable pour l’œil.

Prenez la mesure du logo le plus haut et celle du plus large. Vous obtenez les dimensions d’une zone dans laquelle vous inclurez tous vos logos lorsqu’il faudra en faire des images distinctes.

Les images des logos feront donc toutes 197px x 82 px.
Les logos seront centrés verticalement et horizontalement à l’intérieur de leur image.

Pour aller plus loin…

Dans un souci d’esthétisme, vous pouvez opter pour une présentation des logos en niveaux de gris, c’est-à-dire qu’ils seront tous passés en noir et blanc. C’est à mon sens plus discret et plus harmonieux, dans la mesure où les couleurs des logos ne viennent pas chahuter avec les couleurs de votre page.

Et si une grille de logos ne vous convient pas, opter pour un carrousel, encore plus discret…

Conclusion

Surtout ne négligez pas cette rubrique sur votre site web. La plupart du temps, ce sont vos références, vos clients, et ils méritent d’être aussi esthétiquement présentés que le reste de votre page.
Si vous avez des questions, des remarques ou envie de partager votre propre expérience sur ce point de design, n’hésitez pas à nous laisser un commentaire !