Sitio web de REcreate (ahora Charlotte's), charlottesweb.com, https://www.charlottesweb.com
REcreate acudió a atQuo como parte de la expansión de Charlotte's Web hacia el bienestar y el rendimiento: una nueva submarca dirigida a un público más joven y activo con productos de CBD enfocados en la recuperación y el estilo de vida. La plataforma debía reflejar ese posicionamiento sin perder las señales de confianza que Charlotte's Web había construido durante años como empresa certificada B Corp en un sector bajo estricto escrutinio.
El requisito técnico era un sitio de comercio electrónico headless con Prismic como CMS, lo que otorgaba al cliente un control total del contenido sobre un front-end completamente personalizado, sin los problemas de rendimiento de una plataforma monolítica.
La arquitectura headless fue la elección correcta por varias razones. Charlotte's Web opera en una categoría de productos regulados donde los cambios de contenido son frecuentes: lenguaje de cumplimiento, especificaciones de productos, mensajes promocionales. Un equipo de marketing que debe pasar cada actualización por un desarrollador no es una operación viable a su escala. La arquitectura basada en "slices" (segmentos) de Prismic permitió construir un front-end que era, a la vez, totalmente personalizado y completamente editable por personal no técnico.
El catálogo de productos en sí requería un modelo de contenido específico. Porcentajes de CBD y THC, opciones de dosificación, categorización basada en beneficios, etiquetas promocionales... todo debía estructurarse como campos discretos en Prismic para que el filtrado, la clasificación y el merchandising funcionaran de forma fiable sin necesidad de soluciones manuales.
Las tarjetas de comparación de productos son componentes de front-end reutilizables que se alimentan directamente de un tipo de producto personalizado configurado en Prismic. Las especificaciones clave (contenido de CBD, características únicas, formato) son campos discretos obtenidos mediante API, lo que significa que el cliente puede añadir nuevos productos o actualizar los existentes sin tener que reconstruir la estructura de ninguna página.
La página de detalles del producto se diseñó en torno a la decisión que realmente toma el comprador de productos de bienestar. La galería y los atributos dinámicos (tamaño, dosis, formato) se sitúan en zonas de máxima interacción. La prueba social se integra directamente en el flujo de compra en lugar de aparecer al final de la página. Un componente de venta cruzada al final fomenta una mayor exploración del catálogo y aumenta el valor medio del pedido.
La página de inicio está construida con Slices de Prismic, lo que significa que cada sección principal (el banner principal, los productos destacados, la navegación por categorías "Compra según tu necesidad") puede actualizarse, reordenarse o sustituirse desde el CMS sin necesidad de desplegar código. Para un equipo de marketing que gestiona campañas estacionales y lanzamientos de productos, esa autonomía es el verdadero valor del producto.
La página de listado de productos se integra con la API de Prismic para extraer y filtrar el catálogo de forma dinámica. Las categorías de beneficios y los tipos de productos se gestionan como una taxonomía flexible en el CMS. Las etiquetas promocionales (como "Nuevo" o "Más vendido") son campos de datos que el cliente controla directamente, lo que les proporciona flexibilidad de merchandising sin depender de desarrolladores.
Una plataforma de comercio electrónico headless que ofrece a Charlotte's Web el rendimiento y la flexibilidad que exige su categoría, junto con un equipo de marketing capaz de operar de forma independiente: actualizando contenidos, gestionando el catálogo y lanzando campañas sin depender del equipo de ingeniería.
Estrategia, diseño, contenido y crecimiento.
