L’entreprise utilisait un site WordPress qui commençait à vieillir. Il avait été créé il y a plus de 4 ans et elle voulait lui donner un coup de neuf pour améliorer le parcours utilisateur, la gestion du contenu et l’harmonie entre les pages. À chaque fois qu’il fallait modifier une page, c’était un vrai parcours du combattant.
Au même moment, elle venait de fusionner deux expertises : la formation et la comptabilité / création d’entreprise. Un nouvel ensemble de services qu’il fallait organiser et répartir sur plus de 30 pages vitrines et près de 300 articles de blog et ressources, à importer, restructurer, adapter et simplifier.
Veux-tu que je le reformule aussi en version style commercial fluide (comme pour un portfolio ou une étude de cas), ou tu préfères garder cette version factuelle ?
Cette première étape était primordiale, car il y avait environ 400 pages à réimporter, modifier et adapter. Comme il s’agissait d’une refonte totale, nous avons choisi d’utiliser Elementor, ce qui nécessitait de segmenter les pages par type afin de créer les bons gabarits et de ne rien oublier sur le nouveau site.
Cette phase s’est faite en collaboration avec une agence SEO, qui travaillait en parallèle sur le nouveau maillage interne à mettre en place.
Une fois la structure validée, nous avons attaqué les wireframes. Il fallait reprendre les pages existantes, améliorer la mise en forme du contenu — car beaucoup de pages étaient simplement remplies de texte sans mise en valeur —, créer les gabarits de pages types et repenser toute la structure ainsi que le parcours utilisateur.
Ici, nous n’avons pas créé de charte graphique à part entière. Nous avons simplement réutilisé les couleurs que le client souhaitait conserver, tout en lui proposant de nouvelles typographies et pistes de styles visuels.
Avant d’attaquer la maquette, il fallait définir une ambiance générale pour le site. C’est à ce stade qu’interviennent les propositions de design et les orientations artistiques. Nous avons alors prototypé la page d’accueil afin de valider une direction claire.
Une fois la piste graphique validée, nous avons attaqué le maquettage des pages avec la direction artistique choisie. Nous avons réalisé une maquette 100% sur mesure, à la fois pour desktop et pour mobile. Ici, il était crucial de penser à la version mobile, car le client avait plus de 70% de ses visiteurs qui consultaient le site depuis leur téléphone.
Ensuite, nous sommes passés à l’intégration des pages sur WordPress.
Notre outil de prédilection pour la gestion des pages WordPress, alliant flexibilité et design soigné.
Le CMS que nous utilisons pour développer des sites performants et évolutifs.
Utilisé pour la création et validation des designs, des maquettes aux interfaces interactives.
Vous avez un projet en tête (site web, landing page, accompagnement) ? Prenez rendez-vous avec nous pour voir comment nous pouvons vous accompagner !
