Case Study | Marque Artisanale

ALMAKARIBE

Le granola artisanal costaricien qui a conquis internet avec une expérience digne des Awwwards

Web DesignBrandingE-CommerceGSAP
2025
Explorer
Aperçu

Une marque artisanale qui méritait une expérience digitale aussi soignée que son produit

Le Client

Almakaribe CR is a premium artisanal granola brand made in Costa Rica with 100% natural ingredients. Their product is exceptional, but their digital presence was not. They needed a site that communicated the same craftsmanship and care they put into each bag.

Le Défi

Dans un marché saturé de granolas vendus sur des templates Shopify génériques, Almakaribe devait se démarquer de manière radicale. Son public apprécie l'artisanat, le local et l'authenticité, et le site devait véhiculer ces valeurs de manière moderne.

Notre Solution

Nous avons créé un site web indépendant au niveau des Awwwards SOTD avec vanilla HTML/CSS/JS, des animations GSAP haut de gamme, de la photographie parallax et un e-commerce intégré. Chaque scroll is une expérience sensorielle.

520%
Hausse des ventes en ligne
4.2min
Temps moyen sur le site
12%
Taux de conversion
100
Lighthouse Performance
01

Le Défi

Almakaribe rivalisait avec des marques disposant de budgets publicitaires 10 fois supérieurs. Leur ancien site web était un modèle basique qui ne transmettait pas la qualité artisanale.

Modèle Shopify générique impossible à distinguer de 500 autres marques de granola
Zéro storytelling, l'histoire des ingrédients, du processus et des créateurs n'était pas racontée
Taux de conversion de 2%, bien en dessous du benchmark de l'e-commerce agroalimentaire
02

Notre Solution

Nous avons conçu une expérience immersive qui raconte l'histoire de chaque ingrédient au fil du défilement, avec des photos artisanales, des textures organiques et des animations évoquant la nature.

Storytelling au scroll, où chaque section révèle l'histoire de l'ingrédient grâce à de la photographie parallax
Animations GSAP haut de gamme avec révélations de texte, parallax d'images et curseur personnalisé à particules dorées
E-commerce intégré avec panier d'achat inline, checkout optimisé et WhatsApp pour les commandes directes
Textures organiques avec superposition de grain, bords irréguliers et palette de couleurs terre
03

Le Résultat

Le site est devenu le principal canal de vente d'Almakaribe, dépassant les boutiques physiques et les marchés artisanaux réunis.

+520% de ventes en ligne au cours des 90 premiers jours
Taux de conversion de 12%, multipliant par 6 la moyenne du secteur
4,2 minutes en moyenne sur le site, confirmant que les visiteurs apprécient l'expérience
Présenté sur 3 blogs de design comme référence de design web pour les marques artisanales

Stack Technique

HTML5
CSS3
Vanilla JS
GSAP
ScrollTrigger
Lenis
Cloudflare
WhatsApp API
Figma

"Quand j'ai vu le site pour la première fois, j'ai pleuré. Circles a capturé exactement ce que je ressens quand je prépare mon granola : l'amour, l'attention, la connexion avec la terre. Now our customers feel it too before tasting the first spoonful."

Isabella Rodríguez
Fundadora de Almakaribe CR
Projet Suivant
CAFCO
Web • Branding • Video