Votre site idéal ressemble à celui-ci ?
Faites appel à PG Concept pour la réalisation d'un site WordPress professionnel, attrayant, sécurisé et performant.
Le contexte
En août 2024, Kristen a fait appel à mes services pour la création de son site web vitrine présentant sa boutique de prêt-à-porter féminin et son activité de conseil en image à Vannes : Maison Totem.
Très satisfaite de mon travail, elle m’a recontacté récemment pour réaliser quelques évolutions sur son site.
Modifications de la charte graphique
Ayant affiné son identité visuelle, Kristen a souhaité que ces changements soient répercutés sur son site. Notamment, elle a opté pour des couleurs plus sobres. Exit donc le vert kaki et le orange, place au marron et au beige !
Le logo a quant à lui été simplifié par sa graphiste attitrée, adieu l’encadrement “végétal” superflu qui l’alourdissait. Il me restait donc à le peaufiner en le détourant grâce à l’ajout d’un canal alpha pour rendre le fond transparent. J’ai également optimisé cette image pour garantir le maintien des performances PageSpeed.
Enfin, en accord avec Kristen, j’ai opté pour des typographies plus sobres et se mariant à merveille.
WordPress et Divi présentent le gros avantage de proposer des couleurs et typographies globales. Ainsi, ces modifications n’ont nécessité que peu d’efforts, inutile en effet d’adapter individuellement chaque élément.
Remplacement de photos
Il y a un an, la boutique était encore en travaux et Kristen n’avait donc que peu de photos à intégrer aux pages du site. J’avais donc pris le parti de générer des images par IA (Adobe Firefly) en m’efforçant d’obtenir des résultats cohérents avec son identité visuelle. Mais depuis, la boutique a bien évolué, il était donc temps d’utiliser des images réelles, aussi bien pour les sections hero (bannières de haut de pages avec image de fond, texte et éventuellement appels à action) qu’en guise d’illustrations des services proposés.
De la même façon que le logo, j’ai optimisé le dimensionnement et la compression de ces nouvelles images et les ai intégrées de façon harmonieuse.
Ajout d’un flux Instagram
Kristen ayant compris la nécessité d’être active sur les réseaux sociaux pour renforcer sa visibilité en ligne, elle a entrepris de développer son audience sur Instagram. Cette plateforme est en effet idéale pour présenter des produits (en l’occurrence des vêtements pour femmes) de manière visuelle et améliorer l’engagement.
Partant de ce constat, je lui ai proposé d’intégrer ses publications les plus récentes en bas de chaque page du site. Le thème Divi est parfait pour cela, notamment grâce à sa bibliothèque permettant de rendre globaux des designs (layouts, sections, lignes et même modules) de façon simple et intuitive.
Restait à choisir l’extension idéale (Smash Ballon Social Photo Feed), à la configurer et à la personnaliser grâce à du CSS complémentaire afin de garantir une bonne cohérence graphique avec l’ensemble du site. Le responsive design n’a bien sûr pas été oublié, ainsi ce flux Instagram se présente sur 1 ligne et 6 colonnes sur ordinateur, 2 lignes et 3 colonnes sur tablette et 3 lignes et 2 colonnes sur mobile.
Remplacement de textes
L’offre de Kristen en matière de conseil en image ayant évolué, j’ai modifié la page “Le conseil en image” en conséquence. Encore une fois, l’extension PG Encarts, développée par mes soins, a fait merveille ! Non seulement elle a grandement simplifié l’intégration de la nouvelle offre sous forme de 3 rendez-vous, mais Kristen restera autonome pour tout futur ajustement des textes.
De la même façon, d’autres sections du site ont bénéficié de la simplicité d’utilisation de PG Encarts pour répercuter dynamiquement les modifications de contenu sans avoir à entrer dans le design des pages.
Désactivation du blog
Suite à la livraison initiale du site, Kristen a fait son possible pour rédiger des articles de blog régulièrement afin de renforcer l’engagement des visiteurs du site. Mais elle s’est finalement rendue à l’évidence : le temps lui manquait pour s’occuper du blog en plus de son compte Instagram et de sa page Facebook. Elle m’a donc demandé de le supprimer, ce qui est une décision pragmatique considérant qu’il est préférable de ne pas avoir de blog plutôt que d’en avoir un mais mal entretenu.
Plutôt que de supprimer définitivement le blog et les articles qu’il comportait, j’ai opté pour une méthode moins radicale : en supprimer toute référence, que ce soit dans le menu de navigation ou en pied de page, et mettre en place des redirections 302 (redirections temporaires) vers la page d’accueil. Ainsi, à supposer que les moteurs de recherche gardent trace de certains articles, les utilisateurs cliquant sur ces résultats de recherche ne tomberont pas sur une page d’erreur 404 malvenue. Non seulement cela préservera une expérience utilisateur optimale, mais cela permettra également d’éviter une dégradation des performances SEO.
Un aperçu du rendu final
Voici comment se présentent les principales pages du site (survolez-les pour les faire défiler) :
Accueil
Cette page est le point d’entrée du site et présente un résumé du contenu des autres pages.
Vêtements et accessoires
Cette page présente un shooting photo réalisé en boutique afin de présenter des idées de looks.
Le conseil en image
Cette page présente une définition du conseil en image et les prestations proposées par Kristen.
A propos
Cette page présente la philosophie et le parcours personnel et professionnel de Kristen.
Contact
Cette page affiche les coordonnées de la boutique et propose un formulaire de contact.
Conclusion
Suite à ces évolutions, le site de Maison Totem est désormais plus épuré et en cohérence avec l’identité visuelle et les offres de l’établissement. Kristen pourra quant à elle s’affranchir d’un blog qu’elle entretenait de façon irrégulière faute de temps et se focaliser sur ses publications Instagram.
0 commentaires