Sommaire
L’objectif de cette refonte et optimisation WordPress était de passer à un design plus éco-responsable, moderniser notre image (et mettre en valeur notre nouvelle charte graphique), rendre le site plus fluide sur mobile et mettre en lumière l’équipe qui se cache derrière nos réalisations et nos articles de blog.
Voici comment on s’y est pris, côté technique et design !
Une page d’accueil éco-conçue et optimisée pour le SEO
Pour la page d’accueil, on a voulu faire un geste côté éco-conception. L’idée principale était d’éliminer tout ce qui était trop lourd. On a donc tiré un trait sur la photo HD en arrière-plan pour la remplacer par un fond de couleur uni, bien plus léger à charger et plus sobre. On a également fait le ménage en passant de 10 blocs différents sur l’entièreté de la page d’accueil à seulement 7.
Et pour garder une page dynamique en pensant au référencement naturel (SEO), on a intégré le paragraphe d’accueil sous forme d’accordéon. Ça nous permet d’ajouter nos mots-clés stratégiques sans que le texte ne prenne trop de place visuellement.
Au passage, on a appliqué cette même logique d’éco-conception à notre ancienne bannière de bas de page. On a retiré la photo pour un fond uni, ce qui rend ce bloc beaucoup plus léger, plus lisible et mieux intégré.
On a aussi fait quelques ajustements côté charte graphique et tone of voice :
- Les textes qui étaient en noir sont tous passés au nouveau bleu ACSEO ;
- On a harmonisé la typographie en utilisant désormais la police Montserrat sur l’ensemble de nos pages ;
- Les boutons d’action (CTA) sont devenus plus directs, comme « Contactez-nous ».
Notre designeuse nous a également imaginé de superbes illustrations sur mesure, qu’on utilise notamment pour habiller la page d’accueil et notre page Expertises.
Côté performances, avec toutes ces optimisations, on a fait un bond en avant puisque notre note sur PageSpeed Insights est passée de 50 à 80.
Une expérience mobile plus fluide et agréable
Dans cette partie, on a donc concentré nos efforts sur la version mobile. Les images, les textes et les tailles de blocs ont été ajustés pour s’adapter à toutes les tailles d’écran (smartphones, tablettes, ordinateurs).
On en a aussi profité pour corriger plusieurs éléments :
- Le fil d’Ariane a été remis au propre pour une navigation plus fluide (et pour aider Google à mieux comprendre nos pages) ;
- La newsletter a été retravaillée avec un pop-up mieux placé, un accès direct dans le bas de page (footer) et une nouvelle page dédiée.
De nouvelles pages auteur pour notre blog
Pour donner un visage à nos articles de blog et valoriser l’expertise de l’équipe, on a créé des pages auteur dédiées.
Désormais, chaque membre de l’équipe qui rédige un article a sa propre page avec : son nom, son poste, son lien LinkedIn sa présentation, ainsi que la liste de ses articles et des projets clients sur lesquels il ou elle a travaillé. On retrouve aussi un petit encart auteur à la fin de chaque article.
Des blocs modulables pour créer du contenu facilement
Pour nous simplifier la vie au quotidien, on a développé une quinzaine de nouveaux blocs de contenu modulables. Grâce à eux, on peut créer de nouvelles pages, alimenter notre blog et mettre en valeur nos réalisations.
Tout le travail visuel a été réalisé en interne par notre designeuse sur l’outil Figma.
ACSEO, expert en refonte WordPress et éco-conception
Au-delà de notre propre vitrine, on met cette expertise WordPress et cette démarche d’éco-conception au service de nos clients. Notre équipe accompagne différents acteurs dans la création et la modernisation de leurs plateformes web. On a notamment réalisé la refonte éco-responsable de Nursea (réseau de micro-crèches durables) et accompagné HighCo Data sur la refonte intégrale de son site institutionnel sous WordPress.
Vous avez un projet de refonte WordPress, un besoin d’éco-conception ou vous cherchez un partenaire technique pour faire évoluer votre site ? Contactez notre équipe !
