Sécurité
Pas de plugins ni de base de données, site statique pour une approche low-code.
Quelques mots sur la société
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
Pourquoi la solution Hugolify ?
Le choix de développer le site vitrine avec Hugolify permet de simplifier la conception et sa maintenabilité contrairement à d’autres solutions plus lourdes.
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 »
Sébastien Moulène
Un Cinq
Un Cinq
Stack technique du projet
Frameworks et hébergements.
Hugo
Decap CMS
Bootstrap
Github
Netlify
Pourquoi concevoir un site performant ?
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 »
Un design modulaire très réussi !
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. »
Sébastien Moulène
Un Cinq
Un Cinq
Un espace d’administration dédié et simplifié
Grâce à l’utilisation de Decap CMS et une configuration personnalisé.
Admin Hugolify dédié à Biver
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
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é.
Fichiers concaténés, minifiés et purgés
Pour une performance optimale, le fichier CSS est appelé en priorité haute alors que le fichier javascript est lui appelé en defer.
26.4Ko
1 seul CSS chargé
23.7Ko
1 seul JS chargé
Analyse du site conçu avec Hugolify
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.
100% Performance
100% Accessibilité
100% Meilleures pratiques
100% Référencement (SE0)
« 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. »
Emmanuel Cruellas
Co-fondateur, Bonhomme
Co-fondateur, Bonhomme