Étude de cas
Venn a été fondée en 2019 afin de développer des stratégies actions innovantes, uniques en Europe à la croisée des mondes entre gestion active et gestion passive.
La précédente version du site a été créée grâce au système de gestion de contenu Wordpress avec un thème acheté sur la marketplace. Ce logiciel écrit en PHP repose sur une base de données MySQL. Cela implique un hébergement sur serveur Apache et une maintenance quotidienne du système, de Wordpress, du thème et de ses plugins.
Aucun contenu ne sera gardé.
Sécurité
Sans mise à jour de ces solutions, le site Web s’expose grandement aux piratages.
Performance
Lenteur importante d’affichage du site Web dû au poids considérable des pages.
Chronophage
Maintenance quotidienne du système, de Wordpress, du thème et de ses plugins.
Espace admin
Non personnalisé et parasité par de nombreuses options inutiles.
« Google intègre les Core Web Vitals dans son algorithme et décide de mettre plus facilement en avant une page qui possède une expérience utilisateur conviviale »
Grâce à Google Lighthouse qui est un outil open source permettant de mesurer la qualité des pages Web. Voici, ci-dessous, le test de la page d’accueil sur mobile.
En se basant sur une année pour 10 000 pages vues par mois (provenant de website carbon calculator).
113.43kg
autant que l’eau bouillante pour 15 370 tasses de thé
296kWh
soit l’équivalent de 1894km en voiture électrique
Pour vos utilisateurs
Un site plus léger, c'est une meilleure expérience : les pages se chargent rapidement, même sur mobile et même si le réseau n’est pas très bon.
Pour votre activité
Un site Web plus rapide, c'est une meilleure performance business. Cela a aussi de nombreux autres impacts positifs.
Pour votre empreinte carbone
En ayant un site Web non énergivore vous réduirez considérablement votre impact environnemental.
« La lenteur de notre ancien site ne nous permettait pas d’assurer un message clair en ligne auprès de nos clients »
Grâce à Hugolify, tous les voyants sont au vert !
* Le 100% n’est pas atteint à cause de la couleur orange du texte qui n’est pas assez contrastée. Mais nous avons amélioré nettement d’autres aspects qui sont non quantifiables via une analyse automatique (comme la sémantique HTML, l’ajout d’attribut aria, le respect du RGAA…).
Même critère de test que pour l’ancien site
10.21kg
autant que l’eau bouillante pour 1383 tasses de thé
27kWh
soit l’équivalent de 171km en voiture électrique
Suite à la migration, une refonte graphique de la marque et du design du site a été opérée.
Et ceux grâce au travail soigné de Solène Le Nail, directrice artistique.
Ancien site
Nouveau site
Pour sensiblement les mêmes besoins mais un design plus élaboré, voici la comparaison chiffrée des deux sites grâce aux données de Google Lighthouse et Website carbon calculator.
Octets téléchargés (en Ko), à chaque visite de la page d’accueil sur mobile.
Nombre de fichiers et de requêtes, à chaque visite.
Empreinte carbone (sur 1 an, avec 10 000 pages vues par mois).
Vitesse de chargement en seconde.
D’un côté un admin compliqué et parasité par des fonctionnalités inutiles au site web.
De l’autre coté un admin dédié et simplifié pour Venn Capital.
Admin Wordpress de l’ancien site
Admin Hugolify dédié à Venn Capital
« Un Cinq en nous proposant sa solution Hugolify, nous a permis de simplifier la mise à jour du contenu de notre site Internet grâce à son espace admin dédié »
L’utilisation des modules Hugolify pré-codé permet de limiter le temps passé et les erreurs éventuelles. Ainsi que de profiter de la gestion des images (lazy loading, srcset…).
Modules Hugolify
7 modules Hugolify ont été utilisés pour concevoir l’architecture de site Web.
Blocs Hugolify
1 bloc créé pour le site Web et 8 blocs Hugolify utilisés.
HTML
Un cinquantaine de mini partials ont été overridés.
SASS
Un cinquantaine de micro fichiers SASS ont été overridés ou mergé.
Le code est en libre accès, vous pouvez le consulter sur Github.
« Un cas d’étude qui nous permet de constater qu’avec Hugolify on a un site trois fois plus rapide et jusqu’à onze fois moins énergivore qu’un Wordpress avec un thème standard. »
