Pourquoi le contenu d’un site doit être pensé avant le design

Dans la création d’un site internet, l’ordre logique paraît évident : on conçoit d’abord le design, puis on remplit avec le contenu. C’est le processus que beaucoup d’entreprises et de prestataires suivent naturellement. On produit les maquettes, on valide les visuels, et ensuite on se préoccupe de ce qu’on va écrire dedans. Cette approche est confortable pour le designer, mais elle est presque toujours contre-productive pour le résultat final.

La raison est simple : le design d’un site internet doit servir le contenu, pas l’inverse. Quand le design précède le contenu, c’est le contenu qui finit par être contraint par le design, coupé pour rentrer dans les cases prévues, dilué pour remplir des espaces trop grands, ou compressé dans des formats qui ne lui correspondent pas. Le résultat est un site visuellement cohérent mais éditoralement pauvre, ou un site dont le message est brouillé parce que la forme n’était pas faite pour ce fond.

Pourquoi le contenu doit précéder le design

Le contenu d’un site vitrine, c’est le message que l’entreprise veut transmettre. Ce message a une longueur naturelle, un rythme naturel, une hiérarchie naturelle. Il y a des points qui méritent d’être développés et des points qui doivent rester courts. Il y a des informations qui doivent être visibles immédiatement et des informations qui peuvent attendre plus bas sur la page. Ces décisions ne peuvent pas être prises correctement si on ne sait pas encore ce qu’on va dire.

Quand le contenu est défini avant le design, le designer peut créer une mise en page qui valorise réellement ce contenu. Il sait quelle est la phrase principale à mettre en avant, combien de services doivent être présentés et avec quel niveau de détail, quels arguments visuels doivent accompagner quels textes. Cette connaissance du contenu guide des décisions de design beaucoup plus précises que celles qu’on peut prendre avec des lorem ipsum et des contenus fictifs.

Pour une création de site internet à Dijon ou n’importe où ailleurs, ce principe s’applique à toutes les entreprises, quelle que soit leur taille. Une PME qui prend le temps de définir précisément ce qu’elle veut dire sur chaque page avant de briefer son prestataire obtiendra un résultat significativement meilleur qu’une PME qui laisse le prestataire imaginer les contenus pour finaliser les maquettes.

Les conséquences concrètes d’un contenu pensé après

Quand le contenu arrive après le design, plusieurs problèmes récurrents apparaissent. Le premier est le lorem ipsum syndrome : le design a été validé avec des textes fictifs, et quand le vrai contenu arrive, il ne rentre pas dans les espaces prévus. Les titres sont trop longs pour les zones réservées, les descriptions de services débordent des blocs prévus, les textes sont trop courts et laissent des espaces vides qui déséquilibrent la composition.

Le deuxième problème est le design générique. Sans contenu réel pour l’alimenter, le designer est obligé de faire des choix visuels génériques qui pourraient s’appliquer à n’importe quelle entreprise du même secteur. Il n’a pas accès à la singularité de l’entreprise, à ses partis pris, à ce qui la distingue de ses concurrents. Le résultat est un site techniquement correct mais sans identité propre.

Le troisième problème est la mise en page qui contraint le message. Si le design prévoit trois colonnes de services égales, l’entreprise va présenter trois services même si elle en a cinq qui méritent d’être mis en avant. Si le design prévoit un titre court sur la page d’accueil, l’entreprise va écrire un titre court même si son message principal demande plus de nuances. Le contenu se plie à la forme au lieu que la forme serve le contenu.

Comment définir le contenu avant le design

Définir le contenu en amont ne signifie pas écrire tous les textes définitifs du site avant que la première maquette soit ouverte. Cela signifie définir la structure du contenu de chaque page : quelles informations y figurent, dans quel ordre, avec quel niveau de détail, et quelle action on veut que le visiteur prenne après avoir lu cette page.

Ce travail se fait en deux étapes. La première est l’architecture de contenu : décider quelles pages existent sur le site, dans quel ordre elles apparaissent dans la navigation, et quel est l’objectif de chaque page (informer, convaincre, réassurer, inciter à agir). Cette architecture est l’équivalent du plan d’un document avant de l’écrire : elle donne la structure dans laquelle le contenu s’insère.

La deuxième étape est le wireframe éditorial : pour chaque page, une liste des blocs de contenu avec leur type (titre, texte court, texte long, liste, témoignage, image, appel à l’action) et leur contenu approximatif. Ce n’est pas le texte définitif, mais c’est assez précis pour que le designer sache avec quoi il travaille. Cette étape prend du temps, mais elle évite tous les allers-retours coûteux qui surviennent quand le contenu réel ne correspond pas aux espaces prévus dans le design.

Le contenu comme révélateur du positionnement

Travailler le contenu avant le design a un avantage supplémentaire souvent sous-estimé : cela oblige l’entreprise à clarifier son positionnement avant de se préoccuper de son apparence visuelle. Écrire ce que fait l’entreprise, pour qui, et pourquoi c’est différent de ses concurrents est un exercice qui révèle souvent des flous dans le positionnement que l’entreprise n’avait pas identifiés.

Ces flous se règlent bien plus facilement au stade de la définition du contenu qu’au stade du design ou, pire, après la mise en ligne. Une page d’accueil dont le titre est vague parce que l’entreprise n’a pas encore tranché sur son positionnement produira un site vague, quelle que soit la qualité du design qui l’entoure. Clarifier le message en amont, c’est s’assurer que le site communique quelque chose de précis et de différenciant, plutôt que quelque chose de joli mais de générique.

Pour les entreprises locales qui investissent dans un site vitrine, cette discipline de travailler le fond avant la forme est souvent ce qui fait la différence entre un site qui génère des contacts et un site qui existe sans vraiment servir la communication de l’entreprise.

Chez Elion Director, nous accompagnons depuis plusieurs années les entreprises et les marques dans la création de sites internet pensés pour rassurer, clarifier leur positionnement et soutenir leur communication.

Vous voulez clarifier votre image, produire une vidéo ou structurer votre communication ?

Parlons-en