Façons d'aborder une refonte de site Web

Publié: 2020-12-17

Il n'est pas rare de voir une refonte se produire pour un site Web donné tous les 3 à 5 ans environ. On peut envisager une refonte de différentes manières, mais en bref, c'est «un nouveau look» dans lequel on peut changer:

  1. Visuels uniquement - le contenu, les pages et tout le reste restent les mêmes, mais le site semble plus moderne maintenant.
  2. Contenu et éléments visuels - ce serait les premiers + changements de contenu comme les pages de destination, la réorganisation des articles, de nouveaux types de données, etc.

Le premier est beaucoup plus simple pour un concepteur, car il ne devrait pas y avoir autant de contenu à préparer. Ce qui nous amène à la première phase de la refonte d'un site Web, une fois celle-ci bien sûr décidée:

Créer un nouveau contenu ou utiliser l'ancien

Un concepteur a besoin de savoir avec quel contenu il travaillera. Par exemple - quel serait le titre de la page d'accueil, y aurait-il des sous-titres, des paragraphes après, peut-être une liste, une vidéo, une image? Toutes ces informations sont nécessaires au concepteur pour présenter quoi que ce soit.

Et c'est la première décision, le contenu du site existant restera-t-il tel quel ou nouveau sera-t-il écrit. Si cela reste le même, alors tout ce que le client doit décider (ou l'équipe marketing d'ailleurs) serait la direction générale.

Si le contenu doit être retravaillé, le concepteur devra attendre que le nouveau texte soit prêt et finalisé. Une façon de le présenter est via des wireframes où il ne s'agit que de boîtes avec du texte, que le concepteur commande ou ce serait un simple PDF avec du contenu par section.

Bien sûr, une fois que tout le site Web est prêt, l'équipe éditoriale et marketing aurait la liberté de travailler avec le contenu et de faire des modifications. Bien qu'avoir une copie du contenu du premier jour permettra également au concepteur de prendre les bonnes décisions pour les éléments visuels qui accompagneraient le contenu. Que ce soit la longueur, le nombre de titres, les listes, les fonctionnalités, les médias et plus encore.

Décidez du style visuel

Le suivant serait "À quoi devrait-il ressembler?" Cela semble être une question à laquelle le concepteur répondrait, mais ce n'est pas vraiment le cas. En fait, c'est une question que le concepteur pose le plus souvent au client.

La direction visuelle peut être dictée par le changement de marque de l'entreprise, ce qui pourrait consister à moderniser le site Web et à l'adapter à un groupe démographique spécifique ou simplement à un nouveau look mis à jour pour le site dans son ensemble. Parfois, la reconstruction du site Web, les concepts du concepteur, tout pourrait mettre en mouvement une nouvelle image de marque de l'entreprise, et non l'inverse. Et nous ne parlons pas toujours de grandes entreprises ici, les petites marques pourraient également être inspirées pour retravailler leur emballage, leur présence sociale, et plus encore, grâce au travail du concepteur Web sur leur nouveau site Web.

C'est aussi la phase où les designers appellent souvent leurs produits «un concept». Ce qui est une autre façon de dire qu'il s'agit de trouver la langue, l'apparence et / ou la sensation correcte. Au cours d'une telle phase, les conceptions tournent généralement autour de la page d'accueil ou de la vue principale du site / de l'application.

En fonction de la commission / portée, de nombreux concepts peuvent être créés. Avec de tels concepts, les développeurs, les clients, les équipes marketing et les concepteurs peuvent discuter de la voie à suivre, des types d'éléments qui fonctionnent bien ensemble, et y aurait-il des changements de contenu ou des problèmes techniques?

L'étape du concept est peut-être aussi l'une des plus difficiles, car c'est à ce moment-là que la plupart des décisions sont prises.

Voici des exemples de questions auxquelles un concepteur pourrait devoir répondre:

  • Est-ce que l'image serait lourde, les graphismes sont-ils propres / minimaux?
  • S'il utilise des graphiques, quel style seraient-ils?
  • Quelle (s) police (s) à utiliser
  • L'ancien schéma de couleurs devrait-il être modernisé ou un nouveau devrait-il remplacer l'ancien?
  • Dans quelle mesure le site doit-il être interactif?

Selon la direction, il y a quelques éléments à considérer dans les concepts:

  • L'ambiance originale du site doit-elle rester la même? Cela pourrait être les jeux de couleurs, les graphiques, les règles de typographie et plus encore.
  • Devrait-on introduire une sensation complètement nouvelle à la place? Cela signifierait que toute la contrainte qu'un concepteur aurait est le contenu.

Lorsqu'un concept est choisi (ce qui peut se produire après de nombreuses révisions), l'étape suivante peut commencer:

Construire les compositions de conception

Si dans les étapes de prise de décision d'origine, il a été décidé que la structure du contenu / site resterait la même, alors le travail du concepteur est un peu plus facile. Tout ce qu'ils ont à faire est de transformer l'ancien design en un nouveau concept. Cela signifie qu'il / elle peut généralement aller page par page et retravailler chaque composant pour suivre le nouveau look and feel. C'est ici que vous verrez des changements plus petits tels que des retouches de composants - espacements, typographie, couleurs ou des changements plus importants tels que des changements de disposition - position des éléments, ordre, etc.

Les éléments importants de la refonte d'un site sont les vues uniques. Tant qu'une page a une mise en page et des composants différents, une conception doit être préparée pour l'équipe de développement. Du point de vue du design, il est également assez facile de présenter une légère variation car cela ne nécessiterait qu'un copier-coller d'un plan de travail avec une modification mineure de la commande / du contenu, c'est donc une étape qui ne vaut pas la peine d'être ignorée.

Lorsque les conceptions sont terminées, elles doivent être vérifiées à nouveau par les concepteurs et le client ainsi que par toute autre personne impliquée - marketing, ventes, développeurs. Il s'agit de la dernière étape idéale de tout changement majeur, car les conceptions sont relativement faciles à retravailler / modifier par rapport à la phase de développement.

La phase de développement

C'est généralement là que les concepteurs ont terminé leur travail et confient le projet à l'équipe de développement. À partir de là, les concepteurs répondent le plus souvent aux questions, fournissent des ressources et conçoivent parfois des états de composants spécifiques qui manquent dans les conceptions.

Idéalement, les modifications de conception ne devraient pas être apportées pendant la phase de développement avant le lancement du nouveau site, car cela entraîne souvent un retard de livraison ou un stress inutile pour toutes les parties concernées.

Pendant le développement, il existe généralement deux façons de l'aborder:

  1. Une nouvelle construction
  2. Une refonte du site existant

Dans le contexte de WordPress, une nouvelle version s'articule souvent autour de la configuration d'un nouveau projet, de l'importation de la base de données de l'ancien site, de la création d'un tout nouveau thème avec une base de code propre et de la mise en œuvre de la conception à partir de zéro. De plus, dans ce cas, il n'y aurait pas de code hérité en dehors des éventuels plugins et de l'intégration du thème.

S'il y a un délai très serré, il existe deux façons de se lancer à temps avec un nouveau thème:

  1. Ne partez pas vivre avec tout. C'est l'approche la plus raisonnable. Dressez la liste des pages prioritaires et développez-les uniquement. Allez vivre avec eux, puis déployez toutes les autres fonctionnalités et / ou pages dans les semaines suivant le lancement.
  2. Allez avec une version approximative. Cela signifie que toutes les pages doivent être implémentées, mais pas nécessairement modifiables. Il peut même être nécessaire de cacher un élément ou deux, ou de corriger des bogues en raison du peu de temps pour faire des tests ou simplement parce que vous n'avez pas eu le temps de les corriger.
  3. Simplifiez les éléments de l'interface utilisateur sur la conception qui prendraient la plupart du temps des développeurs. Par exemple, cela peut être des menus de navigation compliqués (bureau et mobile), des cartes / bascules / recherches, des curseurs ou des mises en page complexes.

Selon les priorités - le délai ou la qualité - le client doit choisir sur lequel des deux l'agence ou les indépendants devraient travailler en premier.

Cependant si la retouche doit se faire progressivement sur quelques semaines, alors l'agence ou le pigiste devra souvent retravailler le thème existant. Ici, les développeurs créent le plus souvent une nouvelle feuille de style pour le nouveau site qui peut être migrée une fois que tout est terminé et commencer à reconstruire les modèles existants à partir de l'en-tête / pied de page.

En remplaçant page par page et en déployant des mises à jour, le site ne serait pas cohérent avec l'ancien et le nouveau look sur les pages. Bien qu'il ne s'agisse pas d'un site Web, Windows 10 en est un exemple:

Phase de mise en ligne

C'est la phase tant attendue de la mise en ligne. En général, la plupart des contrôles qualité et des critiques du site correspondent aux mêmes étapes que la mise en ligne d'un tout nouveau site Web - beaucoup de tests, en cliquant partout, en s'assurant que chaque élément de menu fonctionne, que les pages fonctionnent bien, que le contenu est bon et que toutes les intégrations sont fonctionnelles.

La principale différence entre une refonte et un nouveau site est le contenu existant, en particulier lorsqu'il y a eu des changements dans la structure du site. Les anciennes URL fonctionneraient-elles? Y aurait-il du contenu perdu? Toutes les anciennes données ont-elles été migrées récemment? Il y a une longue liste de «jours de lancement» à parcourir, pour laquelle il est plus sûr d'utiliser les services d'une bonne agence de développement Web.

Sommaire

La refonte d'un site Web est un long processus qui implique de nombreuses personnes. Il y a aussi beaucoup de questions difficiles à répondre et des obstacles techniques à surmonter. Heureusement, la plupart du temps. Ce changement s'avère très positif pour une marque.