Refonte de logo ou refonte de site : dans quel ordre faut-il procéder (et pourquoi l’ordre compte)

Refaire un site à 100 % en gardant un logo qui n’a plus la bonne tête, puis commander un nouveau logo six mois plus tard : c’est la manière la plus courante de payer deux fois le même travail.

Le scénario revient sans cesse chez les dirigeants de TPE et de PME. Le site vieillit, le logo aussi, et le budget ne permet pas toujours de tout faire d’un coup. La question « par quoi commence-t-on ? » paraît anodine ; elle conditionne pourtant la cohérence de votre image, le coût réel du projet et la sécurité de votre référencement.

Chez DigitaLille, qui fonctionne en réseau d’indépendants spécialisés (graphistes, développeurs, rédacteurs), nous voyons ce qui se passe quand les chantiers s’enchaînent dans le mauvais sens : des maquettes à reprendre, des visuels à recolorer, des pages à republier. Et nous voyons aussi les cas où respecter l’ordre « logique » serait une erreur.

Voici donc une règle de décision claire : l’ordre par défaut, les deux exceptions qui le renversent, et la manière de passer le relais d’un chantier à l’autre sans rien perdre.

1. L’ordre par défaut : l’identité visuelle d’abord, le site ensuite

Le logo et la charte graphique sont des données d’entrée du site, pas ses conséquences. Un site web est un consommateur d’identité : il utilise vos couleurs, vos typographies, votre style de visuels et votre ton partout, du bouton d’appel à l’action jusqu’au pied de page. Changer ces éléments après coup, c’est modifier le moule après avoir coulé la pièce.

1.1 Ce que le site « absorbe » de votre logo

Un logo ne se limite pas à une image en haut à gauche. Sur un site, il dicte en cascade :

• La palette : couleur des boutons, des liens, des fonds de section, des survols. Un seul changement de teinte dominante repasse sur la quasi-totalité des feuilles de style.
• Les typographies : titres et corps de texte, qui influencent la longueur des lignes, la lisibilité mobile et même le rythme des pages.
• Le style visuel : photographies, icônes, illustrations, fonds. Un logo sobre et géométrique ne s’accommode pas des mêmes visuels qu’un logo manuscrit et chaleureux.
• Les éléments techniques : favicon, image de partage sur les réseaux (Open Graph), logo des emails transactionnels, en-têtes de devis ou de factures générées par le site.

1.2 Le vrai coût du « site d’abord »

Prenons un cas simple : un site vitrine de dix pages, livré avec l’ancien logo bleu marine. Trois mois plus tard, la nouvelle identité passe à un vert profond avec un accent cuivré. Il faut alors reprendre les maquettes, recolorer les composants, régénérer les images de partage, remplacer les illustrations qui ne s’accordent plus et vérifier les contrastes pour la lisibilité. Ce n’est pas la facture du logo qui s’alourdit : c’est celle du site qui se paie une seconde fois, sans valeur nouvelle pour le visiteur.

Le principe est le même que pour un chantier de rénovation : on ne pose pas les peintures avant d’avoir choisi la couleur des murs. Pour aller plus loin sur ce socle, notre article sur la manière de construire une identité de marque distinctive détaille les éléments à fixer avant toute mise en page.

1.3 L’effet d’économie sur le design du site

Il y a un avantage moins évident : quand l’identité est stable, le designer du site arrête de « deviner ». Il n’a plus à proposer trois pistes de couleurs ni à inventer un style graphique ; il applique un système. Les maquettes avancent plus vite, les allers-retours de validation diminuent et la discussion porte sur ce qui compte vraiment : le parcours du visiteur et la conversion.

2. Les deux situations où l’ordre s’inverse

Il existe deux cas où commencer par le site est la bonne décision. Les ignorer reviendrait à appliquer une règle de manière dogmatique.

2.1 Le site est un problème urgent

Un site qui plante, qui n’est plus mis à jour depuis des années, qui s’affiche mal sur mobile ou qui expose des failles de sécurité ne peut pas attendre la fin d’un chantier de branding. Les tentatives d’attaques automatisées par force brute sont une réalité de terrain courante, même pour un petit site. Dans ce cas, on sécurise et on stabilise d’abord (mises à jour, sauvegardes, hébergement, suivi via une offre de maintenance web), puis on lance l’identité dans un second temps.

Attention toutefois : « urgence » ne veut pas dire « refonte complète ». On corrige le danger, on ne reconstruit pas tout un site à l’ancienne identité pour le refaire dans la foulée.

2.2 Le logo ne bouge qu’à la marge

Si l’enjeu est un simple toilettage (traits affinés, couleur légèrement ajustée, typographie modernisée mais reconnaissable), le risque de double travail est faible. On peut alors lancer la refonte du site en parallèle, à condition que le graphiste livre très tôt la nouvelle version cible. Dans ce cas précis, la contrainte n’est plus l’ordre mais la coordination : tout le monde doit travailler sur la même version du logo, dès le premier jour.

2.3 Le cas à écarter : « on verra le logo plus tard »

Repousser indéfiniment le logo en le jugeant secondaire est la pire option. Un site neuf collé à une identité déconnectée envoie un signal flou : des couleurs qui ne correspondent à rien, un logo dont la définition est trop faible pour le web, des visuels qui ne racontent pas la même histoire. Le visiteur ne sait pas toujours l’expliquer, mais il perçoit le manque de cohérence, et la confiance baisse.

3. Pourquoi les deux chantiers n’ont pas le même risque SEO

Changer de logo a en général peu d’effet sur votre référencement, à condition de soigner quelques détails (nom du fichier, balise alt, données structurées, fiche Google Business Profile) ; refaire un site, en revanche, peut le bouleverser nettement plus. C’est la raison pour laquelle on traite les deux chantiers avec des précautions très différentes.

3.1 Le logo : un risque quasi nul pour Google

Remplacer un fichier image par un autre, même plus travaillé, ne déplace ni vos URL, ni vos textes, ni vos liens entrants ; il faut simplement veiller au poids du fichier, à la performance de chargement et à la balise alt, sans que cela ne change en soi votre référencement de façon notable. Les seuls points d’attention sont mineurs : conserver un nom de fichier et un texte alternatif cohérents, vérifier que le logo reste lisible sur les différentes tailles d’affichage, et mettre à jour les endroits où il apparaît ailleurs que sur votre site. Parmi eux, votre Google Business Profile : le logo de la fiche doit suivre la nouvelle identité, sans quoi vos clients voient deux visages différents de votre entreprise.

3.2 Le site : un chantier à protéger

Une refonte touche à l’architecture, aux adresses des pages, aux titres, aux contenus, à la vitesse d’affichage. Une URL oubliée sans redirection, un contenu qui disparaît, un gabarit plus lourd que l’ancien : ces erreurs coûtent du trafic et des positions. Cette phase demande un inventaire des pages existantes, un plan de redirections et un suivi après mise en ligne. Notre guide sur la refonte d’un site sans perdre son historique de référencement décrit cette méthode.

3.3 Ce que cela implique pour l’ordre

Plus un chantier est risqué, plus il doit être réalisé sur des bases stables. Le logo, peu risqué, se traite en premier pour figer les fondations. Le site, plus délicat, se déroule ensuite une seule fois, avec les bonnes entrées, plutôt que d’être repris au gré d’un changement d’identité qui, lui, n’a rien à voir avec le SEO.

4. Livrer le logo pour qu’il soit réellement exploitable sur le web

Un logo n’est prêt pour la refonte du site que s’il est livré dans les bons formats. C’est le point où beaucoup de projets perdent du temps : le graphiste remet un fichier pensé pour l’imprimé, le développeur doit le reconstruire.

4.1 La checklist avant de lancer les maquettes

• Un fichier vectoriel (SVG) : il reste net à toutes les tailles et est généralement léger, même si son poids dépend de la complexité du tracé et qu’il doit être optimisé, ce qui aide à garder un site rapide (voir à ce sujet Performance web et Core Web Vitals).
• Des variantes claire et sombre : version pour fond blanc, version pour fond foncé, version monochrome pour les usages contraints.
• Une version compacte : initiale ou symbole seul, pour le favicon, les avatars de réseaux sociaux et l’en-tête mobile.
• Des règles d’usage : zone de protection autour du logo, taille minimale d’affichage, couleurs exactes, associations interdites.
• Une charte typographique avec des polices utilisables sur le web : une police magnifique mais sous licence inadaptée ou trop lourde à charger deviendra un problème pour le site.

4.2 Penser le logo « mobile d’abord »

Un logo élégant dans une plaquette A4 peut devenir illisible dans l’en-tête d’un smartphone. Faites-le tester dans cette condition dès la phase de création : à la largeur d’un écran étroit, dans un onglet de navigateur, sur une miniature de partage. Un logo qui ne survit pas à cette réduction condamne le site à un en-tête bricolé.

5. Les visuels : le maillon que l’on oublie entre les deux chantiers

Entre le logo et le site se glisse un troisième chantier : celui des images. Photographies d’équipe, de réalisations, de locaux ou de produits doivent s’accorder avec la nouvelle identité, sinon le site paraît composite.

5.1 Les photos suivent l’identité, pas l’inverse

Une palette chaude et un ton accessible appellent des photos lumineuses et humaines ; une identité très épurée et premium appelle des cadrages plus maîtrisés. Fixer l’identité d’abord permet de briefer correctement le photographe. À l’inverse, produire un shooting avant de connaître la charte peut produire des images qui jurent avec les couleurs finales. Pour savoir quand franchir le pas, notre article sur la photographie et la vidéo professionnelles pour les entreprises locales propose des critères concrets, et nos prestations de photos et vidéos professionnelles peuvent s’intégrer au planning.

5.2 Un séquencement réaliste

1. Identité : logo, couleurs, typographies, règles d’usage.
2. Direction visuelle : style de photos, d’icônes, éventuellement d’illustrations.
3. Production des visuels : shooting, retouches, banques d’images validées.
4. Maquettes et développement du site : application du système.
5. Déclinaison : réseaux sociaux, fiche Google, signatures email, documents commerciaux.

L’ordre de ces cinq temps est la traduction opérationnelle de la règle de départ : chaque étape fournit à la suivante ce dont elle a besoin.

6. Gérer le budget quand tout ne peut pas se faire d’un coup

Quand le budget est contraint, on étale les chantiers dans le bon sens plutôt que de les bâcler en même temps. Beaucoup de dirigeants craignent que l’ordre « identité puis site » retarde la mise en ligne. C’est vrai si l’on fait tout en séquence stricte, mais il existe des moyens de paralléliser sans risque.

6.1 Ce qui peut avancer en même temps

• L’arborescence et les contenus du site : plan des pages, rédaction des textes, inventaire des pages existantes et plan de redirections ne dépendent pas du logo.
• Le cahier des charges fonctionnel : formulaires, réservation, paiement, outils de suivi.
• La configuration technique : hébergement, environnement de test, mesure d’audience.

Autrement dit, tout ce qui est « structure » peut démarrer avant la fin de l’identité ; tout ce qui est « apparence » attend. Pour structurer ce travail en amont, les étapes d’une refonte réussie servent de trame.

6.2 Si vous ne pouvez financer qu’un seul chantier cette année

Posez la question de manière commerciale : lequel des deux freine le plus vos ventes ? Si les prospects vous trouvent mais doutent en voyant une image datée ou incohérente, le logo et la charte débloquent la confiance. Si le logo est correct mais que le site ne convertit pas, repartir de ce qui compte vraiment pour qu’un site convertisse est prioritaire. Dans le doute, un audit rapide de votre présence en ligne vous évite de décider à l’instinct.

6.3 Un point de vue assumé

Je déconseille les « refontes totales » menées dans la précipitation pour tout faire en un seul mois. Un projet brouillon coûte plus cher qu’un projet bien séquencé en deux temps. Mieux vaut un logo soigné livré proprement, puis un site construit sur des bases solides quelques semaines plus tard, qu’un ensemble approximatif où chaque élément a été ajusté à la dernière minute.

7. Annoncer le changement : le dernier chantier

Une refonte d’identité n’est pas terminée quand les fichiers sont livrés, mais quand tous vos points de contact ont suivi. C’est une étape souvent négligée, qui laisse subsister pendant des mois des incohérences visibles.

7.1 La liste des points de contact à mettre à jour

• Site web, favicon et images de partage.
• Fiche Google Business Profile, annuaires et pages de réseaux sociaux.
• Signatures d’emails, devis, factures et documents commerciaux.
• Enseigne, véhicule, tenues et supports imprimés, selon un calendrier réaliste.
• Partenaires et sites tiers qui affichent votre logo : une demande de mise à jour par email suffit souvent.

7.2 Faire du changement un événement

Un nouveau logo est une occasion légitime de reprendre contact : un message sur vos réseaux, un mot à vos clients, une explication brève de ce que le changement signifie. Racontée avec simplicité, l’histoire d’une évolution rassure vos habitués et attire l’attention des autres. Si vous gérez peu de temps pour animer vos réseaux, notre service de community management peut relayer l’annonce.

Pour la partie identité elle-même, notre service de création graphique couvre logo, charte et supports, et peut être coordonné avec le chantier web.

Questions fréquentes

Mon logo actuel est-il forcément à changer si mon site est refait ?

Non. Une refonte de site ne justifie pas à elle seule un nouveau logo. Si votre logo est lisible, distinctif et fonctionne en petit comme en grand, le garder est une décision parfaitement saine. Le bon réflexe est de le tester sur un fond clair, un fond sombre et à la taille d’une icône d’onglet : s’il passe ces trois épreuves, il n’y a pas d’urgence à le remplacer.

Peut-on faire changer le logo par un graphiste et le site par un autre prestataire ?

Oui, c’est même courant, à condition d’imposer un passage de relais propre : le graphiste livre une charte et des fichiers exploitables, le développeur les reçoit avant de commencer les maquettes. Les problèmes naissent quand les deux interviennent en parallèle sans coordination, car chacun fait des choix de couleurs ou de typographies que l’autre doit ensuite rattraper.

Que faire de mes anciens supports imprimés une fois le logo changé ?

Inutile de tout jeter d’un coup. Écoulez les stocks de cartes de visite et de plaquettes raisonnables, mais ne réimprimez plus rien avec l’ancien logo. Pour les supports qui restent visibles durablement (enseigne, véhicule, tenue de travail), prévoyez un renouvellement échelonné selon leur usure et leur visibilité auprès de vos clients.

Un nouveau logo risque-t-il de dérouter mes clients fidèles ?

Seulement si la rupture est brutale et sans explication. Une évolution qui conserve un élément reconnaissable (couleur dominante, forme, initiale) se perçoit comme un rajeunissement. Annoncer le changement à vos clients, en quelques lignes sur vos réseaux et votre newsletter, transforme souvent l’événement en occasion de contact plutôt qu’en source de confusion.

Faut-il déposer le nouveau logo avant de le publier ?

C’est une bonne pratique de vérifier avant publication qu’aucune marque ou logo existant dans votre secteur ne ressemble trop au vôtre, puis de vous renseigner sur la protection auprès de l’organisme compétent en propriété intellectuelle. Les règles et coûts relèvent de cet organisme : consultez-le directement pour connaître la procédure adaptée à votre situation.

Conclusion

La règle tient en une phrase : on fixe l’identité avant de construire le site, parce que le site consomme l’identité et que la reprendre après coup coûte plus cher que de la figer au départ. Les exceptions sont limitées : un site en danger qu’on stabilise sans tout reconstruire, ou un logo à peine retouché dont la version cible est livrée dès le premier jour. Entre les deux, quelques gestes évitent l’essentiel des pertes : logo livré en formats web, visuels briefés sur la nouvelle charte, contenus et structure du site préparés en parallèle, points de contact mis à jour dans la foulée.

Si vous hésitez sur le bon séquencement pour votre situation, DigitaLille peut examiner votre site, votre logo et votre budget, puis vous proposer un ordre de chantiers réaliste, avec des interlocuteurs spécialisés pour chaque étape. Vous pouvez demander un devis en décrivant simplement votre projet.