Zafiro Premium · E-commerce & Growth

E-commerce y Growth

Diseño, desarrollo en Webflow y arquitectura de medición para una tienda online de CBD legal en España, con tiendas físicas en Menorca.

Diseño & desarrolloAbel Mercadal

ClienteZafiro Premium

PlataformaWebflow · CMS

PeriodoAbril 2025 - Octubre 2025

Scroll

SectorCBD, retail & online

MercadoEspaña

Tiendas físicasMenorca (Mahón, Ciutadella)

CMSWebflow

El proyecto

Diseño y desarrollo end-to-end

Zafiro Premium vende flores, aceites, hash y cremas de CBD online en toda España, con recogida en sus tiendas físicas de Menorca. Diseñé y construí la tienda completa en Webflow: de Figma al CMS, con flujos de landing personalizados e integración del catálogo de e-commerce.

Todos los productos derivan de cáñamo industrial certificado por la UE, con menos de 0,2% de THC, un matiz legal que condiciona directamente cómo se comunica el producto en cada página, desde las fichas hasta el aviso legal.

Alcance del proyecto

Diseño propio + integración de equipo en tracking

Abel

UX y Diseño de producto

Arquitectura de la información del catálogo
Diseño de flujos: navegación, ficha de producto, checkout
Sistema visual y diseño en Figma
Coordinación con el equipo de tracking para que la lógica de eventos (GA4/DataLayer) reflejara los flujos de UX reales

Abel

Desarrollo web

Webflow CMS
Landing flows a medida
Integraciones de e-commerce

Equipo

Medición y analítica

Server-Side GTM
GA4
DataLayer
Consent Mode
Modelado de atribución
Arquitecturas centradas en privacidad

Equipo

Marketing de resultados

Google Ads
Meta
Search Ads 360
Configuración de medición completa

Equipo

Automatización e IA

n8n
Claude
MCPs
Automatización de procesos internos

Equipo

Datos e informes

Dashboards en Looker Studio
BigQuery
Seguimiento de KPIs

Abel

Coordinación de producto

Puesta en común con el equipo de growth para priorizar qué medir y por qué
Traducción de la lógica de negocio (categorías, promociones, recogida en tienda) a decisiones de diseño
Seguimiento del proyecto hasta el lanzamiento

Mi rol

Por qué diseñé así

Diseñar Zafiro Premium significaba resolver tres tensiones a la vez: cumplir un marco legal estricto sin que la tienda se sintiera fría o desconfiada, organizar un catálogo con productos muy distintos entre sí, y dejar todo montado en un CMS que el equipo pudiera mantener sin depender de mí después del lanzamiento.

Legal & confianza

El aviso legal (THC <0,2%, uso aromático y no destinado al consumo humano) tenía que estar presente en todo momento sin convertirse en una barrera de entrada. Lo integré como parte del sistema visual, no como un bloque de texto aparte, para que reforzara la sensación de marca seria en vez de restarle confianza a la compra.

Catálogo

Flores, aceites, hash y cremas responden a intenciones de compra distintas: quien busca una flor se fija en aroma y variedad, quien busca una crema busca uso y aplicación. Diseñé un mismo sistema de ficha de producto lo bastante flexible para adaptarse a cada categoría sin fragmentar la marca en cuatro estilos diferentes.

Recogida y envío

Con tiendas físicas en Menorca y venta online a toda España, el checkout necesitaba distinguir con claridad entre recoger en tienda y recibir en casa desde el primer paso, para evitar fricción o confusión en un momento tan sensible para la conversión como es el pago.

CMS & mantenimiento

Todo el catálogo se estructuró en Webflow CMS con componentes reutilizables definidos primero en Figma, para que el equipo pudiera añadir o editar productos sin tocar código ni pedirme cambios por cada referencia nueva.

La tienda

zafiropremium.com

HomePortada de la tienda

CategoríaListado de producto, Hash

Ficha de productoMango Haze

CheckoutFlujo de compra