Case Study — Marca Artesanal

ALMAKARIBE

La granola artesanal costarricense que conquistó internet con una experiencia Awwwards-quality

Web DesignBrandingE-CommerceGSAP
2025
Explorar
Overview

Una marca artesanal que merecía una experiencia digital tan cuidada como su producto

El Cliente

Almakaribe CR es una marca de granola artesanal premium hecha en Costa Rica con ingredientes 100% naturales. Su producto es excepcional — su presencia digital no lo era. Necesitaban un sitio que comunicara la misma artesanalidad y cuidado que ponen en cada bolsa.

El Desafío

En un mercado saturado de marcas de granola con sitios genéricos de Shopify, Almakaribe necesitaba diferenciarse radicalmente. Su audiencia valora lo artesanal, lo local y lo auténtico — el sitio debía transmitir esos valores sin sentirse anticuado.

Nuestra Solución

Creamos un sitio web standalone de nivel Awwwards SOTD con vanilla HTML/CSS/JS, animaciones GSAP premium inspiradas en un sitio referencia ganador, parallax photography, y e-commerce integrado. Cada scroll es una experiencia sensorial.

520%
Aumento ventas online
4.2min
Tiempo promedio en sitio
12%
Conversion rate
100
Lighthouse Performance
01

El Desafío

Almakaribe competía contra marcas con presupuestos publicitarios 10x mayores. Su sitio anterior era un template básico que no comunicaba la calidad artesanal de su producto.

Template genérico de Shopify indistinguible de otras 500 marcas de granola
Zero storytelling — no contaban la historia de los ingredientes, el proceso ni las personas
2% conversion rate — muy por debajo del benchmark de e-commerce food & beverage
02

La Solución

Diseñamos una experiencia inmersiva que cuenta la historia de cada ingrediente a través del scroll, con fotografía artesanal, texturas orgánicas y animaciones que evocan la naturaleza.

Scroll storytelling — cada sección revela la historia del ingrediente con parallax photography
GSAP animations premium — text reveals, image parallax, cursor custom con partículas doradas
E-commerce integrado — carrito inline, checkout optimizado, WhatsApp para pedidos directos
Texturas orgánicas — grain overlay, bordes irregulares y paleta tierra que transmite naturalidad
03

El Resultado

El sitio se convirtió en el principal canal de ventas de Almakaribe, superando a retail y mercados artesanales combinados.

520% aumento en ventas online en los primeros 90 días
12% conversion rate — 6x el promedio de la industria
4.2 minutos promedio en sitio — la gente disfruta la experiencia
Feature en 3 blogs de diseño como referencia de web design para marcas artesanales

Stack Tecnológico

HTML5
CSS3
Vanilla JS
GSAP
ScrollTrigger
Lenis
Cloudflare
WhatsApp API
Figma

"Cuando vi el sitio por primera vez, lloré. Circles capturó exactamente lo que siento cuando hago granola — el amor, el cuidado, la conexión con la tierra. Ahora nuestros clientes lo sienten también antes de probar la primera cucharada."

Isabella Rodríguez
Fundadora — Almakaribe CR
Siguiente Proyecto
CAFCO
Web • Branding • Video