Quelques mots sur la société

Venn Capital 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.

État des lieux

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 »

Analyse de l’ancien site

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.

  • 65%

    Performance

  • 74%

    Accessibilité

  • 100%

    Meilleures pratiques

  • 92%

    Référencement (SE0)

Et son impact environnemental ?

En se basant sur une année pour 10 000 pages vues par mois (provenant de website carbon calculator).

  • 113.43kg

    CO2

    autant que l’eau bouillante pour 15 370 tasses de thé

  • 296kWh

    Énergie

    soit l’équivalent de 1894km en voiture électrique

Pourquoi améliorer ces critères ?

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 »

Pierrick Corbel
Venn Capital

Analyse du nouveau site

Grâce à Hugolify, tous les voyants sont au vert !

  • 100%

    Performance

  • 98%

    Accessibilité *

  • 100%

    Meilleures pratiques

  • 100%

    Référencement (SE0)

* 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…).

Et son impact environnemental

Même critère de test que pour l’ancien site

  • 10.21kg

    CO2

    autant que l’eau bouillante pour 1383 tasses de thé

  • 27kWh

    Énergie

    soit l’équivalent de 171km en voiture électrique

Comparaison des deux sites

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

Comparaison technique du front

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.

Onze fois moins énergivore

Empreinte carbone (sur 1 an, avec 10 000 pages vues par mois).

Trois fois plus rapide

Vitesse de chargement en seconde.

Comparaison des espaces d’administration

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é »

Dimitri Boismare
Venn Capital

Côté développement

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](/notre-solution-et-produits/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.

Accès au repository

« 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. »

Sébastien Moulène
Un Cinq