Juillet 2024 | Optimisation de site | Refonte
Studio Floriane
Floriane Brault, du Studio Floriane, est une graphiste éco-responsable indépendante et engagée, qui travaille pour les entrepreneurs.res partout en France. Cette créatrice d’identité de marque, spécialisé dans le domaine du design éco-responsable est une perle rare qu’il faut garder dans son carnet d’adresses. Pour tout vous dire, c’est elle qui au départ à réaliser l’intégralité de mon identité de marque.
Hébergement du siteO2Switch : un hébergeur local et français, qui utilise des énergies décarbonnés.
Score performance
(Google Lighthouse)
Score performance mobile
(Google Lighthouse)
Score SEO
(Google Lighthouse)
Score d’éco-conception
(Eco-index)
gCO2 émis en moyenne pour une visite par page
(Website carbon)
Niveau d’accessibilité
(RGAA)
Les données ci-contre ont été récoltées 1 mois après la mise en ligne du site.
Aperçu du projet
Ma rencontre avec Floriane, c’était une discussion tout a fait informelle. Nous savions qu’on s’intéressait toute les deux à l’éco-responsabilité et qu’on en avait fait notre spécialité. Chacune dans nos domaines d’expertises, qui sont pour le coup, complémentaires. Quand on discuté du Studio Floriane, l’enjeu principal pour elle, était de trouver une solution pour pouvoir assez rapidement avoir la gestion de l’intégralité de son site. Ce qui n’était absolument pas le cas avant.
WordPress était pour elle un monde obscur, un monde qu’elle avait déjà tenté d’exploré et très rapidement abandonné. Alors quand le challenge s’est présenté à moi de lui permettre de se réconcilier avec WordPress, d’avoir un site dont elle serait l’unique gestionnaire dans lequel elle pourrait TOUT modifier, personnaliser, changer et qui plus est d’obtenir un site éthique et éco-responsable aligné à nos valeurs communes. J’ai sauté sur l’occasion et voilà le résultat.
01
Accessibilité
Studio Floriane avait déjà sa propre identité de marque : logo, submarks, couleurs, typographies. Je suis donc parti de sa charte graphique et je les appliqué au standard web afin de proposer à Floriane un site visuellement aligné non-seulement à ses valeurs éthiques et éco-responsable, mais aussi à sa charte graphique. L’enjeu dans ces cas-là est de s’assurer du bon contraste entre chaque texte et la couleur de son arrière plan. Tout a été testé pour répondre aux normes d’accessibilité web afin que le lisibilité pour tous soit respectée.
02
Mise en page
Ce n’est pas parce qu’un site est éthique et éco-responsable qu’il doit être vide et fade. Je lui ai apporté du dynamisme en ajoutant des zones en « biais » (davantage visible sur le site en ligne que sur l’image), j’ai joué avec les submarks pour apporter un côté destructuré. Tout n’a pas besoin d’être linéaire, ce n’est qu’une question de dosage.
03
Traitement des images et référencement naturel
Les images ont toutes été optimisé pour le site : export de chaque image au bon format, adaptation du format des images au web (WebP) et export des images dans leur taille réelle d’affichage sur le site et enfin compression des ces dernières. De plus la balise alt de chaque image a été renseigné afin de facilité la lecture du site aux personnes non-voyantes, utilisant des lecteurs d’écrans. Un combo gagnant, puisque cette balise alt, une fois renseignée, favorise aussi le référencement naturel du site.
Astuce éco-responsable
Pour limiter encore plus l’impact de chaque image, il y a des astuces à connaître. En voici une. Là où tu penses qu’il y a 6 images importées sur le site, il y a en réalité 2 images l’une à côté de l’autre. En effet, il est moins lourd d’importer 2 images légères que 6 images légères car chaque image ajouté sur ton site génère aussi du poids au niveau de son stockage dans ta base de données par exemple. En plus, cela simplifie l’affichage sur mobile et entraîne une meilleure expérience pour l’utilisateur car au lieu d’afficher chaque image l’une en dessous de l’autre, l’utilisateur verra une grille de 6 images (3 colonnes x2 lignes).
“Je ne sais même pas par où commencer tant mon avis sur Coralie est positif ! Travailler avec elle a été une expérience au-delà de mes attentes, et je vais essayer de résumer ça en quelques lignes. J’ai fait appel à Coralie pour créer mon site internet, et en toute transparence, WordPress c’était un monde obscur pour moi. Et grâce à elle, c’est devenu presque un jeu d’enfant ! Elle a pris le temps de tout m’expliquer avec patience et clarté, rendant l’aventure agréable et enrichissante. Dès le début, elle a su capter l’essence de mon identité de marque et la traduire avec une précision incroyable dans chaque détail du site. Tout reflète parfaitement mes valeurs, ce qui est vraiment essentiel pour moi. Elle a même anticipé des besoins que je n’avais pas imaginés. Sans parlé de sa réactivité comme de sa patience, vraiment ça fait toute la différence. Aujourd’hui, j’ai un site internet éthique et éco-responsable qui me ressemble à 100%. Je ne pourrais pas être plus ravie du résultat. Merci encore, Coralie, pour cette collaboration tu as été une reine du début à la fin. Si aujourd’hui ou demain vous avez besoin d’un site internet éthique, éco-responsable, qui fonctionne avec simplicité, je vous recommande les yeux fermé Coralie !”
