Shantai Coffee
Shantai Coffee es una marca de café de especialidad. Vende online sus cafés y piezas de autor, y quiere abrir un canal profesional para cafeterías y negocios afines.
VISITAR PÁGINA WEB
CONTEXTO
En el café de especialidad, la diferencia no se ve en la foto: está en el origen, la altura y el proceso. Explicarlo sin abrumar es parte del reto de venderlo online.
Diseñé y desarrollé el e-commerce de Shantai con Framer y Shopify: una tienda que tenía que vender al consumidor final y, a la vez, abrir la puerta a sus primeros clientes profesionales, transmitiendo el ritual y la calma que definen la marca.
PROBLEMAS Y OBJETIVOS
Shantai llegaba a un mercado lleno de cafés de especialidad que comunican lo mismo. Necesitaba una tienda online que explicara qué lo hace distinto (más equilibrio, menos cafeína, cultivo en altura), que convirtiera ese interés en compra y que le ayudara a conseguir sus primeros partners wholesale.
Problemas
Un mercado con mensajes parecidos
Origen, tueste artesanal, puntuación SCA… casi todas las marcas de especialidad hablan igual. Shantai necesitaba diferenciarse con argumentos propios.
La confusión con las variantes frenaba la compra
Las diferencias entre las variantes de café no estaban explicadas con claridad. Los usuarios llegaban al carrito con dudas sobre qué estaban comprando y abandonaban antes de completar el pedido.
Dos públicos en una sola web
La tienda se dirige al consumidor final, pero Shantai también quería lanzar su canal wholesale, todavía sin partners. Ambos tenían que convivir sin que la web perdiera el foco en la venta.
Objetivos
Facilitar la elección del café y reducir el abandono durante la compra
Un e-commerce fluido y fiable, conectado a Shopify, con el nivel estético de una marca de especialidad.
Contar el porqué de Shantai
Hacer visibles sus diferenciales (equilibrio, menor cafeína, altitud) para que el cliente entienda qué compra y por qué vale la pena.
Atraer a los primeros partners wholesale
Dar visibilidad al canal profesional y facilitar que cafeterías y negocios afines contacten con Shantai.
SOLUCIÓN
El storytelling de la marca con la eficacia de un e-commerce en Shopify.
Cada café, con su historia
Cada producto presenta su historia y sus datos clave de forma visual.
Una compra guiada y clara
Explicar las diferencias entre cafés, facilitar la selección de variantes y mostrar un resumen claro del pedido antes de pasar al pago.
Wholesale y School
Una sección para captar partners y otra con consejos breves sobre café.
Serene Awakening
Estética cálida y minimalista: fotografía de origen, espacios limpios y un ritmo pausado.
INVESTIGACIÓN
Antes de diseñar, analicé qué necesita saber alguien para comprar un café de especialidad online sin poder olerlo ni probarlo. Sus dudas se agrupaban en cuatro frentes.
Sabor
- ¿A qué sabe este café?
- ¿Es para espresso o para filtro?
- ¿Qué diferencia hay entre Bourbon y Geisha?
Calidad
- ¿Qué lo hace distinto de otros cafés de especialidad?
- ¿De dónde viene y cómo se cultiva?
- ¿Qué significa su puntuación SCA?
Compra
- ¿Qué formato y preparación me conviene?
- ¿Cuánto cuesta el envío y cuándo llega?
Experiencia
- ¿Cómo lo preparo en casa?
- ¿Hay accesorios o consejos para ir más allá?
Insights
Sin poder probar el café, el sabor tiene que comunicarse con palabras y datos claros.
Los diferenciales (equilibrio, menor cafeína, altitud) deben estar a la vista, no escondidos.
Elegir formato y preparación tiene que ser tan sencillo como en cualquier gran e-commerce.
Los consejos en vídeo generan confianza y acompañan al cliente más allá de la primera compra.
DECISIONES DE DISEÑO
¿Cómo vender un café que no se puede probar sin perder la calma que define a Shantai Coffee?
Explicamos el café con la misma claridad con la que se vive la marca: notas de cata, diferencias en primer plano, una compra sin fricción y una puerta clara para partners profesionales.
La ficha de producto como una cata
Notas de cata, perfil, origen, altitud, cafeína y puntuación SCA ayudan a elegir sin haber probado el café.
Ficha de producto · Notas de cata · Perfil del café
Diferenciales en primer plano
Equilibrio, menor cafeína y cultivo en altura tienen su propia sección en la home para explicar por qué Shantai es distinto.
Home · «No es solo especialidad»
Elegir con confianza antes de pagar
Organizar las opciones de tamaño y preparación en pasos claros y con etiquetas comprensibles.
Selector de variantes · Cesta
Abrir el canal profesional
Una sección Wholesale presenta la filosofía de Shantai a cafeterías y negocios afines para atraer a sus primeros partners, sin quitar protagonismo a la tienda.
Wholesale · “Conviértete en nuestro partner”
CONCLUSIÓN
La nueva web de Shantai Coffee demuestra que un e-commerce puede vender y, a la vez, contar una historia. Al traducir el sabor en información clara, poner los diferenciales de la marca en primer plano y simplificar la compra con Shopify, la web convierte el interés por el café de especialidad en pedidos, y abre la puerta al canal profesional sin perder la calma y el cuidado que definen a Shantai.
Aprendizajes
Vender lo que no se puede probar
Sin olor ni sabor, el reto era traducir la experiencia sensorial en información útil. La ficha de producto acabó siendo la pieza clave del proyecto.
Storytelling y conversión no están reñidos
La marca necesitaba calma y espacio; la tienda, claridad y rapidez. Encontrar ese equilibrio fue el centro del diseño.
Diseñar pensando en el sistema
Productos, variantes y contenido viven entre Shopify y Framer. Diseñar componentes reutilizables permite que la marca crezca sin rehacer la web.
Diseñar y desarrollar a la vez
Encargarme también del desarrollo me permitió resolver la integración con Shopify y ajustar animaciones y responsive sobre la web real.
Próximos pasos
Medir la conversión
Analizar el embudo de compra (ficha, cesta y checkout) para detectar en qué paso se pierden ventas.
Mejorar la ficha de producto con datos
Probar variaciones en cómo se presentan el sabor y las variantes para ver cuáles ayudan más a decidir.
Medir el canal wholesale
Seguir cuántos contactos llegan desde la sección Wholesale y ajustar el mensaje hasta conseguir los primeros partners.
