L’expérience utilisateur d’un site vitrine concerne une tâche simple à décrire : comprendre une offre, vérifier qu’elle convient et trouver comment contacter la bonne personne. Une page peut être soignée sans permettre de terminer cette tâche. À l’inverse, améliorer le parcours ne demande pas forcément de remplacer toute l’identité visuelle.
Ce guide aide à organiser les informations et les étapes d’un site de services. Il ne promet ni un nombre de demandes, ni un score technique, ni une conformité générale. La méthode part de votre activité, des éléments que vous pouvez réellement montrer et des questions auxquelles votre site doit répondre.
Partir de la question que le visiteur cherche à résoudre
Décrivez une situation précise plutôt qu’un visiteur abstrait : une entreprise cherche un prestataire pour reprendre son site, une personne veut savoir si une intervention couvre son besoin, un client existant recherche une coordonnée. Ces situations ne demandent pas les mêmes informations ni la même action finale.
Pour chaque situation retenue, notez ce qu’il faut comprendre, ce qu’il faut vérifier et comment poursuivre. Une offre sur devis doit expliquer ce qui permet de cadrer la mission ; elle n’a pas à afficher un prix inventé. Une zone d’intervention, un prérequis ou une limite de prestation utile doit rester accessible avant la demande.
Le travail de création ou reprise d’un site vitrine peut réunir contenu, design et réalisation technique. Le périmètre retenu reste à définir : améliorer une page ou une étape ne signifie pas nécessairement refaire tout le site.
Relier l’offre à des preuves que vous pouvez montrer
Une présentation de service répond au besoin, explique le travail proposé et indique ce qui reste à décider. Les réalisations permettent ensuite d’examiner une mission concrète. Elles doivent préciser votre intervention, surtout si vous n’avez travaillé que sur une partie du site.
Privilégiez des informations vérifiables : pages réalisées, organisation du catalogue, contenu repris ou parcours testé. Une capture ne prouve pas un chiffre de ventes. Un avant/après visuel ne doit pas devenir une promesse de performance commerciale. Les avis et les documents diffusés nécessitent les autorisations correspondantes.
La rubrique Réalisations doit aider à choisir un exemple pertinent, puis à comprendre ce qui a été fait. Un projet personnel et une mission pour un client ne sont pas des preuves interchangeables. Si vous manquez d’un élément, ne remplacez pas la preuve par une illustration présentée comme réelle.
Rendre la navigation prévisible sans changer votre charte
Conservez les repères utiles : mêmes noms pour les mêmes destinations, une position cohérente des éléments et une façon compréhensible de revenir aux informations principales. Un lien nommé « Réalisations » doit mener aux réalisations, pas à un formulaire inattendu. Le chemin peut varier selon la tâche ; un nombre de clics fixé à l’avance ne suffit pas à juger sa qualité.
Vérifiez le clavier, l’ouverture des sous-menus, leur fermeture et le repérage de l’élément actif. Le menu mobile ne doit pas recouvrir durablement le contenu ou laisser une personne bloquée après un choix. La documentation W3C sur la conception accessible recommande des repères de navigation cohérents, des interactions identifiables et des aides visibles.
Un parcours plus clair peut conserver votre bleu, vos images, votre typographie et votre header. La charte n’est pas une raison pour ignorer une difficulté observée, mais un changement de couleur n’est pas une correction universelle. Toute proposition visuelle doit être délimitée et vérifiée avant généralisation.
Construire des pages que l’on peut parcourir et comprendre
Les titres doivent annoncer ce que la section apporte. Séparez la présentation de l’offre, les modalités, les exemples et la suite possible. Évitez les intitulés qui répètent une promesse sans expliquer la mission. Sur une page longue, des liens utiles ou un sommaire peuvent aider, à condition de mener aux bonnes sections.
La documentation W3C sur la structure des pages explique l’intérêt de régions identifiables et de titres organisés pour se repérer. Ce sont des éléments à mettre en œuvre et à tester, pas une preuve que toutes les pages respectent déjà toutes les exigences d’accessibilité.
Sur un petit écran, vérifiez que les informations décisives restent présentes. Réorganiser le contenu ne doit pas faire disparaître une condition importante. Un tableau, une galerie ou un accordéon doit rester utilisable ; une vue simulée dans le navigateur ne remplace pas les vérifications sur les appareils retenus.
Vérifier le passage de l’intérêt à une demande reçue
Le texte d’une action doit annoncer la prochaine étape : consulter une prestation, voir un projet ou envoyer une demande. Ne confondez pas un lien qui ouvre Contact et un bouton qui envoie le formulaire. Les champs nécessaires dépendent du traitement prévu ; aucun nombre universel de champs ne garantit davantage de demandes.
Contrôlez les libellés, les aides, les erreurs, la conservation d’une saisie et la confirmation. Une animation après un clic ne prouve pas une demande reçue. La validation côté interface, l’enregistrement et la notification sont des étapes distinctes. Les promesses de réponse doivent correspondre à une organisation réelle.
Exemple illustratif : une personne consulte une prestation, ouvre un projet comparable puis décrit son besoin dans Contact. La vérification suit ces étapes jusqu’au résultat attendu. Ce scénario fictif n’est ni une mission client ni un résultat mesuré sur ce site.
Améliorer une étape puis reprendre le même parcours
Gardez une trace du point de départ : page, appareil, action, difficulté et résultat attendu. Après une correction, rejouez le même scénario et vérifiez les autres usages du composant concerné. Une amélioration sur ordinateur peut laisser un problème de menu ou de saisie sur téléphone.
Commencez par les obstacles qui empêchent la tâche, puis par les informations manquantes et les incohérences répétées. Les préférences esthétiques restent à discuter séparément. Si vous voulez connaître la compréhension de personnes extérieures, prévoyez des sessions avec des participants pertinents ; une revue technique n’observe pas leurs hésitations.
Une démarche d’amélioration de conversion dans la durée demande un périmètre et un suivi distincts. Une demande, un devis et une vente ne sont pas le même résultat. Pour cadrer une intervention, présentez votre site et la tâche qui pose problème, avec les informations déjà disponibles.
