CRO Web design Web development
Live: b3tterfoods.com
Adrià y Alex, fundadores de B3TTER FOODS nos contactaron hace unos meses para hacer dos cosas.
La primera, tener una tienda online a la altura de su marca y sobre todo teniendo en cuenta cada detalle al milímetro como tienen en sus productos.
La segunda, aprovechar todo el tráfico orgánico que tienen para vender más a través de su web, lo que es igual en términos de ecommerce en aumentar la tasa de conversión, para que con el mismo tráfico que entraba hace unos meses, se tengan más ventas.
Así que nos pusimos manos a la obra.
TASA DE CONVERSIÓN
Después de varios meses de duro trabajo, creamos una web realizada a medida y creando un theme propio para ellos para que así siempre tengan la personalización con cada detalle de la web.
Hemos adaptado la web, a que venda más, con todo nuestro know-how y horas de trabajo para terminar consiguiendo esto:
Antes
Después
SIDE CART
El antiguo carrito de B3TTER sacaba al usuario de la página, limitando la posibilidad de seguir comprando. Creamos un Sidecart que permite al cliente seguir explorando la tienda sin interrumpir la navegación.
Sumamos upsells, packs sugeridos y una barra de progreso que posiciona al cliente frente a la posibilidad de conseguir envío gratis. Todo diseñado para mejorar la tasa de conversión.
MENÚ
El menú anterior de B3TTER cumplía su función: dirigir a los usuarios de forma sencilla. Pero en un e-commerce donde el producto es protagonista, un listado de enlaces no es suficiente.
Por eso diseñamos un menú dinámico que no solo muestra las categorías, sino que permite visualizar los productos, con imágenes y acceso directo a cada ficha de producto.
FICHA DE PRODUCTO
La ficha está diseñada para facilitar la compra y potenciar la conversión. Implementamos una selección de sabores intuitiva, un selector claro entre compra única y suscripción en packs.
Integramos un apartado visual e interactivo con los ingredientes, detalle claro de las unidades de cada pack y fotos lifestyle que ayudan al cliente a proyectarse consumiendo el producto. Además, una comparativa que resalta todo lo que gana al elegir B3TTER: salud, calidad y sabor.
PÁGINA DE CATEGORÍAS
En la nueva página de categorías nos centramos en optimizar la forma en la que se presentan los productos y se guía al usuario en su proceso de compra. Incorporamos un banner visual en cada categoría que sitúa los productos en un contexto real y refuerza el vínculo con el cliente. Además, cuidamos cada detalle visual y funcional para que la navegación sea intuitiva y eficaz, alineada con los objetivos de conversión.
Se añadieron filtros rápidos e intuitivos que permiten segmentar por packs, granolas, barritas, cremas o ver todos los productos. Las cards de producto incluyen imágenes diseñadas para maximizar la conversión y, en el hover, se muestra una fotografía lifestyle que refuerza el contexto
de uso.






