Building a Foundational Site for REcreate [Charlotte's Web]

Client
Charlotte's Web Holdings, Inc. presentó la línea de productos ReCreate para dirigirse al mercado deportivo y atraer a los consumidores de la generación del milenio y la generación Z, centrándose en el estilo de vida y el bienestar botánico bajo la marca «Charlotte's Web™ Performance». Como líder en productos de CBD derivados del cáñamo, la empresa es conocida por su variedad exclusiva de cáñamo con alto contenido de CBD y bajo contenido de THC, que llamó la atención por sus beneficios en el caso de Charlotte Figi. Fundada por los hermanos Stanley, Charlotte's Web es una corporación B certificada, lo que destaca su compromiso con los estándares sociales y ambientales. La compañía ofrece una variedad de productos, que incluyen aceites, gomitas, cápsulas y productos tópicos, a la vez que garantiza la calidad, la seguridad y la transparencia.
Description
Charlotte's Web is one of the most recognized names in hemp-derived CBD wellness. REcreate was their entry into the performance and lifestyle market — targeting Millennials and Gen Z with a product line built around botanical wellness and athletic recovery. The platform needed to match that positioning: modern, fast, conversion-focused, and flexible enough for a marketing team to manage without engineering support. atQuo built the full eCommerce site on a headless stack with Prismic as the CMS, delivering a custom front-end experience that the client could update independently from day one.
ReCreate - Comercio electrónico - Implementación dinámica de tarjetas de producto
ReCreate - Comercio electrónico - Página de detalles del producto para gomitas de CBD
ReCreate - eCommerce - Implementación de página de inicio de comercio electrónico sin cabeza
ReCreate - Comercio electrónico - Página de categorías sin encabezado con filtrado dinámico
No items found.
Damos vida a estas tarjetas de comparación de productos limpias en una pila sin cabezas. Cada tarjeta es un componente frontal reutilizable que extrae datos directamente de un tipo personalizado de «producto» que configuramos en Prismic. Hemos creado campos específicos para las especificaciones clave, como el contenido de CBD/THC y las características únicas, que se obtienen a través de la API. Esto permite realizar actualizaciones sin esfuerzo y crear nuevas páginas de colecciones seleccionadas sobre la marcha.
He aquí un vistazo a la página de detalles del producto (PDP), diseñada para ofrecer claridad y conversión. Hemos priorizado una jerarquización de la información clara, priorizando la galería de productos y las principales opciones de compra (como las tallas disponibles, las proporciones de concentración y las dosis) en la mitad superior de la página para poder tomar decisiones rápidamente. La prueba social se basa en una valoración destacada por estrellas y un recuento de reseñas, seguidos de una descripción detallada para responder a las preguntas pendientes. Todo el diseño está estructurado para guiar al usuario con confianza hasta el botón «Añadir al carrito», mientras que el componente «También te puede gustar» fomenta el descubrimiento.
Esta es la página de inicio que implementamos para la marca de bienestar ReCreate, utilizando Prismic como el CMS independiente. Estructuramos la página con Slices dinámicos, lo que permitió al cliente actualizar fácilmente la página principal, los productos destacados y la sección «Compra según tus necesidades» sin necesidad de ningún código. Este enfoque brinda a su equipo de marketing un control total del contenido y, al mismo tiempo, mantiene una experiencia de front-end ultrarrápida y totalmente personalizada.
Esta es nuestra implementación de la página de listado de productos (PLP), totalmente impulsada por Prismic. Hemos integrado la interfaz de usuario con la API de Prismic para extraer el catálogo de productos y hemos desarrollado la lógica de filtrado. Los beneficios y las categorías de los productos se gestionan como una taxonomía flexible en el CMS, lo que permite un filtrado dinámico y preciso. También hemos implementado campos de datos para las etiquetas promocionales, como «Nuevo» y «Mejor vendido», lo que permite al cliente controlar fácilmente la comercialización de los productos.

The brief

REcreate came to atQuo as Charlotte's Web's move into performance wellness — a new sub-brand targeting a younger, more active audience with CBD products built around recovery and lifestyle. The platform needed to reflect that positioning without losing the trust signals that Charlotte's Web had spent years building as a Certified B Corporation in a scrutinized category.

The technical requirement was a headless eCommerce site with Prismic as the CMS — giving the client full content control over a completely custom front-end, without the performance compromises of a monolithic platform.

The architecture decision

Headless was the right call for several reasons. Charlotte's Web operates in a regulated product category where content changes happen frequently — compliance language, product specs, promotional messaging. A marketing team that has to route every update through a developer isn't a viable operation at their scale. Prismic's slice-based architecture made it possible to build a front-end that was both completely custom and entirely editable by non-technical staff.

The product catalog itself required a specific content model. CBD and THC percentages, dosage options, benefit-based categorization, promotional flags — all of it needed to be structured as discrete fields in Prismic so that filtering, sorting, and merchandising could work reliably without manual workarounds.

What we built

The product comparison cards are reusable front-end components that pull directly from a Product custom type configured in Prismic. Key specifications — CBD content, unique features, format — are discrete fields fetched via API, which means the client can add new products or update existing ones without rebuilding any page structure.

The product detail page was engineered around the decision a wellness buyer actually makes. The gallery and dynamic attributes — size, dosage, format — are elevated to prime engagement zones. Social proof sits directly within the purchase flow rather than at the bottom of the page. A cross-sell component at the end drives deeper catalog engagement and increases average order value.

The homepage is built on Prismic Slices, which means every major section — the hero, featured products, the "Shop by Your Need" category navigation — can be updated, reordered, or replaced from the CMS without a code deployment. For a marketing team running seasonal campaigns and product launches, that autonomy is the actual product.

The product listing page integrates with Prismic's API to pull and filter the catalog dynamically. Benefit categories and product types are managed as a flexible taxonomy in the CMS. Promotional tags — "New," "Bestseller" — are data fields the client controls directly, which gives them merchandising flexibility without developer dependency.

The outcome

A headless eCommerce platform that gives Charlotte's Web the performance and flexibility their category demands, and a marketing team that can operate it independently — updating content, managing the catalog, and running campaigns without waiting on engineering.

Keep| reading, browsing, paging

Our case studies unite high-performance design and tangible results.
Ready to get started?

Deploy your stack

Whether you need to invent the future (Human Layer) or scale the present (Efficiency Layer), the infrastructure is ready.
[ Let's talk → ]

Need something else from the atQuo infrastructure?

Enter frontier layer
(You are here)
Relia
Integrated Teams