La Folklorique est une bière artisanale inspirée du folklore de la région du Centre créée par la société Belgian Dream.

Son site a vocation à servir à la fois de landing page pour faire la promotion de la bière ainsi que d’e-commerce afin de vendre la bière ainsi que différents produits dérivés (verres, jeux de cartes,…).

Le site précédent

https://a.storyblok.com/f/158293/1016x584/490401a6b6/old-landing.png

Le site précédant celui que nous avons réalisé a été mis en place via le CMS WordPress avec les plugins Elementor et Woocommerce pour la partie e-Commerce.

Les performances n’étaient clairement pas au rendez-vous avec un score de performance de 30/100 sur Google Pagespeed Insight

30
Performances
73
Accessibilité
58
Bonnes pratiques
60
SEO

Ce score, en plus de démontrer les faibles performances du site, induit un référencement limité sur les moteurs de recherche.

D’un point de vu écologique, le site était plus polluant que 68% du reste d’Internet. Près de 0.80 gramme de CO2 étaient produits à chaque visite de page (soit l’équivalent de 1 606km roulés par une voiture électrique).

En plus de cela, certaines URL n’étaient pas cohérentes. On peut notamment citer /commander-2/ ou /points-de-ventes/ (avec une faute d’orthographe).

Il existait un pop-up demandant à l’utilisateur s’il a l’âge légal de consulter un site commercialisant de l’alcool, cet pop-up prenait quelques secondes à valider la réponse de l’utilisateur (ce qui est énorme).

La réalisation de loak.studio

Afin de laisser une liberté totale à Belgian Dream sur la gestion de son e-commerce, nous avons scindé le site en 2 parties distinctes: la partie e-commerce qui reste gérée avec WordPress et Woo-commerce et un site vitrine statique.

Le contenu du site vitrine est géré depuis le CMS Storyblok. Cela offre une pleine gestion des éléments dynamiques du site tels que les points de vente ou les documents légaux.

Le design

L’entreprise avait pour ambition de moderniser son image en mettant le produit directement en avant sur son site. Afin d’atteindre cet objectif, nous avons décidé de créer de nouveaux mockups pour mettre en valeur la bouteille de la Folklorique. De plus, pour améliorer l’impact visuel de la bouteille, nous avons ajouté des couleurs vives et des éléments graphiques intéressants, afin de rendre l’image plus accrocheuse.

Il était vraiment important de respecter la charte graphique de la marque, en maintenant un thème sombre mais en le dynamisant pour le rendre plus joyeux et accueillant. L’utilisation de couleurs vives et de jeux de lumière était l’un des moyens efficaces pour le réaliser, en mettant en valeur les détails les plus évidents pour créer une atmosphère festive. De plus, le choix des polices et des images était également crucial pour réaliser un design visuel intéressant et adapté à la marque.

Le développement

Le développement de ce site a été réalisé avec le générateur de site statique Astro. Cela a l’avantage de limiter au strict minimum le JavaScript produit et servi aux visiteurs.

A chaque mise à jour des informations depuis le CMS, le site est automatiquement re-rendu.

Cela offre à la fois d’excellentes performances une fois la page rendue et un poids total plus léger. C’est bénéfique pour les visiteurs et pour un meilleur SEO.

Performances sur Google Pagespeed Insight

93
Performances
96
Accessibilité
100
Bonnes pratiques
100
SEO

Et de manière générale, bonnes performances riment avec un site plus léger et avec un meilleur impacte écologique.

Impacte environnemental

Sur base de l’analyse de WebsiteCarbon.com, le site réalisé est plus écologique de 91% des sites testées

Hourra ! Cette page web est plus propre que 91% des pages web testées

Et selon EcoIndex.fr, la page d’accueil reçoit un score de 78/100 (équivalent A).

Score: 78/100
  • A
  • B
  • C
  • D
  • E
  • F
  • G
max. 100min. 0

L’avis du client

Nadio Corvo

Co-founder

Après de nombreuses collaborations avec loak.studio sur des projets de petite envergure qui m'ont toujours satisfaits, j'ai récemment confié à l'équipe un projet de site e-commerce complet. Je ne peux qu'être satisfait du résultat !

Nadio Corvo nous recommande
Contact

Téléphone

+32 471 66 32 48