CASO DE ESTUDIO

Reconstruyendo una suscripción de café sobre un stack componible

Cómo 40Q ayudó a la agencia partner Kley Co. a sacar a YES PLZ Coffee de un WooCommerce monolítico y llevarlo a Next.js, Shopify y Strapi, para que el equipo de marketing pudiera lanzar ofertas sin esperar a los desarrolladores.

A pastel-themed website page displays coffee beans in a resealable bag, a patterned coffee cup, and branded packaging. Text reads “A Weekly Pursuit of the Perfect Cup,” with a pink Get Started button.
Screenshot of the Yes Plz Coffee website showing options for fresh roasted whole bean coffee, single origin, decaf, and merchandise, with icons of coffee bags and beans on a bright yellow and blue background.

Una tienda que frenaba a su propio marketing

YES PLZ es un servicio de suscripción de café de Los Ángeles basado en lanzamientos semanales limitados de granos de todo el mundo. Su tienda en WooCommerce funcionaba, pero había dejado de acompañar el ritmo que el negocio necesitaba.

Una construcción monolítica
La plataforma en WooCommerce resolvía bien la compra y las cuentas, pero se había vuelto monolítica. Cada cambio tocaba más partes del sistema de las que debería.
Cambios de marketing lentos
Cualquier cambio que pedía el equipo de marketing llevaba más tiempo de desarrollo del esperado, en un mercado que premia moverse rápido con una oferta nueva.
Gestión de cuenta limitada
La gestión de cuenta cubría lo básico pero dejaba a los suscriptores sin las opciones que esperaban, empujando los cambios de plan rutinarios a pedidos de soporte.
Infraestructura poco flexible
Los eventos de venta presionaban un hosting que no podía escalar, sin forma de sumar recursos a demanda cuando subía el tráfico.

Impacto en el negocio

La restricción no era la tienda, era la velocidad de cambio a su alrededor. Cada idea de campaña tenía que pasar por una cola de desarrollo antes de llegar a los clientes.

La solución

40Q trabajó con Kley Co., una de nuestras agencias partner de larga relación, para reconstruir la tienda sobre un stack componible: Next.js en el front-end, Shopify para el comercio y Strapi para el contenido.

Tienda y suscripciones

Next.js y Shopify

Un front-end basado en componentes y pensado para la velocidad

Reconstruimos la tienda en Next.js contra la API de Shopify, siguiendo nuevos patrones de diseño aportados por Kley. Un enfoque basado en componentes, con el rendimiento tratado como requisito y no como algo posterior.

Suscripciones

El flujo de compra, recreado y mejorado

A lo largo de muchas iteraciones recreamos el flujo de compra del sitio anterior sobre Shopify, con las opciones de tamaño y frecuencia de las que depende una suscripción semanal de café.

Nueva navegación

Un camino claro por el catálogo

Introdujimos una nueva navegación para que los visitantes se muevan entre grano entero, single origin, descafeinado y merch sin tener que buscar el camino.

Migración y cuentas

De WooCommerce a Shopify

Clientes, pedidos, productos y variantes

Migrar de WooCommerce a Shopify fue la parte más exigente del proyecto. Los clientes y su historial de pedidos, más cada producto y sus variantes, tenían que pasar completos.

Gestión de cuenta

Suscriptores gestionando su propio plan

Rehicimos la gestión de cuenta con más opciones y una mejor experiencia, para que los suscriptores cambien tamaño, frecuencia o pausen el plan por su cuenta en lugar de escribir a soporte.

Contenido en Strapi

Trabajo editorial sin tocar el código de la tienda

El contenido pasó a Strapi, así el equipo actualiza textos y páginas desde un CMS headless mientras la tienda sigue siendo un front-end que se despliega por separado.

Diseñado para lanzamientos semanales

Un stack componible donde comercio, contenido y front-end hacen cada uno una sola tarea, y el equipo de marketing dejó de esperar a ingeniería.

Mejor rendimiento del sitio

El nuevo lanzamiento trajo una mejora notable de rendimiento frente a la construcción anterior en WooCommerce.

Flujo de compra mejorado

Un flujo de compra más claro sobre Shopify se tradujo en más suscripciones.

Landing pages a demanda

El equipo de marketing crea nuevas landing pages cuando quiere, sin iteraciones interminables con desarrollo.

Suscripciones autogestionadas

Una mejor gestión de cuenta significó menos pedidos de soporte, porque los suscriptores resuelven los cambios de plan por su cuenta.

Infraestructura elástica

El hosting escala para dar más recursos a demanda en ocasiones especiales de venta, en lugar de chocar contra un techo fijo.

Contenido headless

Strapi le da al equipo un flujo de contenido independiente del ciclo de releases de la tienda.

¿Tu plataforma de comercio te quedó chica?

YES PLZ lanza un café nuevo cada semana sobre un stack donde contenido, comercio y front-end se mueven por separado. Hablemos de lo que necesita hacer el tuyo.