Étude de cas
La maison Biver a établi ses quartiers non loin des rives du Lac Léman, dans le petit village suisse de Givrins entre Genève et la vallée de Joux. Sous la direction d’un duo père-fils dynamique et grâce au savoir-faire des maîtres horlogers, ils insufflent une âme à chacune des créations.
Jean-Claude et Pierre Biver
© Biver
Le choix de développer le site vitrine avec Hugolify permet de simplifier la conception et sa maintenabilité contrairement à d’autres solutions plus lourdes.
Sécurité
Pas de plugins ni de base de données, site statique pour une approche low-code.
Performance
Focus sur les Core Web Vitals de Google PageSpeed Insight.
Accessibilité
Respect du référenciel général d’amélioration d’accessibilité (RGAA).
Maintenabilité
L’approche low-code permet de maintenir le site sans être chronophage.
Espace admin
Dédié et simplifié grâce à Decap CMS.
« Le choix de Hugolify permet d’avoir une site Web robuste, rapide, accessible à tous et évolutif rapidement. Tout en ayant une approche low-code »
Frameworks et hébergements.
Hugo
Decap CMS
Bootstrap
Github
Netlify
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 référencement
Un site Web très bien conçu est l’assurance d’être mis en avant par Google
Pour votre empreinte carbone
En ayant un site Web non énergivore vous réduirez considérablement votre impact environnemental.
« 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 »
Le studio de design Bonhomme nous a fait confiance pour gérer l’entièreté du développement et intégration. De leur côté ils ont réalisé un UX/UI.
Page d’accueil du nouveau site Biver
« Un design modulaire et atomique permet de tirer le meilleur de Hugolify. »
Grâce à l’utilisation de Decap CMS et une configuration personnalisé.
Admin Hugolify dédié à Biver
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
2 modules créés pour le site Web et 9 modules Hugolify ont été utilisés pour concevoir l’architecture du site Web.
Blocs Hugolify
5 blocs créés 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é.
Pour une performance optimale, le fichier CSS est appelé en priorité haute alors que le fichier javascript est lui appelé en defer.
26.4Ko
23.7Ko
Grâce à Google Lighthouse qui est un outil open-source permettant de mesurer la qualité des pages Web. Voici, ci-dessous, le résultat sur Google PageSpeed du test des Core Web Vitals de la page d’accueil sur mobile.
« Une nouvelle collaboration très fructueuse sur ce beau projet. L’implication dans les problématiques contemporaines d’eco-conception et d’accessibilité fait de Un Cinq un partenaire remarquable. »
