Refonte de site : par où commencer, vraiment

« On aimerait refaire le site. » C'est sans doute la phrase que j'entends le plus souvent en rendez-vous. Et presque toujours, elle est suivie d'un mot sur les couleurs, la police, ou une capture d'un site concurrent « qu'on trouve joli ». Je comprends l'élan : le visuel, c'est ce qui se voit. Mais commencer une refonte par là, c'est un peu comme redécorer une maison avant de savoir combien de personnes vont y vivre.

Après quinze ans à accompagner des refontes — les réussies comme celles qu'on m'a demandé de rattraper —, j'ai fini par en tirer une conviction simple : ce qui décide de la réussite d'une refonte se joue avant la première maquette. Pas dans le choix d'un violet plutôt qu'un bleu, mais dans une poignée de questions qu'on prend rarement le temps de se poser. Voici, dans l'ordre, par où commencer vraiment.

Commencer par le pourquoi, pas par le comment

Avant de parler de « comment ça va être », il faut savoir « à quoi ça sert ». Un site n'est pas une œuvre : c'est un outil, et un outil a un but. Voulez-vous vendre ? Rassurer et donner confiance ? Faire prendre rendez-vous ? Recevoir des candidatures, des devis, des inscriptions ? Toutes ces réponses mènent à des sites différents, jusque dans les moindres détails.

Ma règle, que je répète à chaque projet : un objectif principal par page. Pas zéro — sinon la page flotte. Pas cinq — sinon le visiteur, sollicité de partout, ne fait rien du tout. Une page d'accueil qui veut à la fois vendre, recruter, raconter votre histoire et lister vos partenaires ne fait bien aucune de ces choses. Choisissez ce qui compte le plus, et faites-lui de la place.

Écouter avant de dessiner

La deuxième erreur classique, c'est de tout jeter. On se lasse de son site, alors on efface tout et on recommence de zéro. Le problème, c'est qu'on jette souvent, sans le savoir, ce qui marchait très bien.

Avant de toucher quoi que ce soit, regardez ce que vous dit déjà votre site actuel. Quelles pages sont les plus visitées ? Sur lesquelles les gens restent-ils, et lesquelles font-ils fuir ? Vos statistiques (même un outil gratuit suffit) racontent une histoire précieuse. Et surtout : écoutez vos clients. Quelles questions reviennent sans cesse par mail ou au téléphone ? Ce sont autant d'indices sur ce que votre site n'explique pas assez bien. Une refonte, ce n'est pas repartir d'une page blanche — c'est repartir d'un site qui vous a déjà appris des choses.

Une refonte réussie garde ce qui marchait et corrige ce qui gênait — pas l'inverse.

L'arborescence avant l'esthétique

Une fois le pourquoi clair, vient l'ossature : l'arborescence. C'est la carte de votre site — quelles pages existent, comment elles s'articulent, ce que contient le menu. C'est peu spectaculaire, et pourtant c'est ce qui fait qu'un visiteur trouve, ou ne trouve pas, ce qu'il cherche. Un joli site où l'on se perd reste un site où l'on se perd.

Mon outil favori à ce stade, ce sont les maquettes grises — les wireframes. Des rectangles, des lignes, des blocs de gris, sans une seule couleur ni une seule vraie image. Ça paraît austère, mais c'est justement la force de l'exercice : sans esthétique pour séduire l'œil, on ne juge plus que la structure. Le titre est-il au bon endroit ? Le bouton important saute-t-il aux yeux ? L'information arrive-t-elle dans le bon ordre ? Tant qu'une maquette grise ne fonctionne pas, aucune couleur ne la sauvera.

Le design en dernier

Vous l'aurez compris : le design, le vrai, celui qui fait qu'un site est beau — les couleurs, la typographie, les images, les animations — arrive en dernier. Non pas parce qu'il est secondaire, mais parce qu'il ne peut donner sa pleine mesure que sur une base solide.

Quand la structure est claire et le contenu prêt, alors habiller le site devient un plaisir — et un travail rapide. On pose une palette qui porte votre ton, on choisit deux polices lisibles, on soigne les espaces. Le design vient couronner un raisonnement, il ne le remplace pas. Si le sujet vous intéresse, je détaille cette étape dans ce que quinze ans m'ont appris sur la première impression, et je parle de la cohérence des couleurs et des styles dans construire une identité visuelle qui tient.

Les étapes, dans l'ordre

Pour résumer, voici le chemin que je suis sur chaque refonte. Rien de rigide : c'est une boussole, pas un carcan. Mais suivre cet ordre vous évitera l'immense majorité des refontes qui coûtent cher et déçoivent.

1. Définir les objectifs — à qui le site parle et ce qu'il doit faire faire.
2. Auditer l'existant — statistiques, retours clients, ce qui marche déjà.
3. Poser l'arborescence — la carte des pages et la navigation.
4. Rassembler le contenu réel — textes, photos, témoignages, avant tout dessin.
5. Faire les maquettes grises — valider la structure sans la couleur.
6. Habiller : le design — couleurs, typographie, images, seulement maintenant.
7. Tester — sur mobile, avec de vraies personnes, et ajuster.

Cette manière de faire a l'air plus lente. En réalité, elle est bien plus rapide, parce qu'elle évite de refaire trois fois une page qu'on n'avait pas comprise. Une refonte, ce n'est pas se demander « à quoi je veux que ça ressemble ». C'est se demander « qu'est-ce que je veux que ça fasse ». Répondez d'abord à cette question-là, honnêtement, et le reste se met en place presque tout seul. Vous n'avez pas besoin d'un budget énorme ni d'un studio : vous avez besoin d'un peu de méthode, d'un peu d'écoute, et de la patience de commencer par le début.