Saltar al contenido

Un checkout que vende la suscripción

Hacer convivir producto y suscripción en la misma compra, para un e-commerce que vende a precio de coste
  • Empresa

    ETIQL

  • Rol

    Consultor de producto y UX lead

  • Equipo

    Founders del cliente

    Diseñadora interna

    UI designer

    Visual designer

    Desarrolladores de Shopify

  • Herramientas

    Figma

    Miro

    Notion

    Shopify

  • Sobre el cliente

    ETIQL es un e-commerce nacido en Hamburgo que vende moda, hogar y lifestyle a precio de coste transparente. No gana con el margen sobre los productos sino con la suscripción, anual o de un día, que da acceso a esos precios.

Contexto

Una tienda que gana con la suscripción, no con el margen

Acompaño a ETIQL desde enero de 2021, cuando el proyecto todavía se llamaba Onest. Empecé por la propuesta de valor y el brand sprint con los founders, para dar una forma clara al modelo antes del pitch a los inversores.

En 2022 el tema pasó a ser la web. La suscripción entraba sola en el carrito: una prenda de 75 € llegaba a caja a 171 €, sin que nadie hubiera explicado por qué.

La pregunta de la que partí era sencilla: ¿por qué iba alguien a comprar esta suscripción? ¿Y en qué momento conviene hablarle de ella?

Experiencia

Cuándo hablar de la suscripción: al principio o en el checkout

Desmonté paso a paso el checkout de quienes usan el mismo modelo, en desktop y en mobile, y reduje la elección a dos recorridos para prototipar:

  1. Suscripción al principio: la descubres antes de entrar en la tienda y la añades al carrito
  2. Suscripción en el checkout: exploras y eliges los productos, los planes aparecen cuando vas a pagar

Elegimos el segundo: la tienda sigue abierta a todo el mundo y la suscripción llega cuando la persona ya tiene un motivo para quererla.

Con el relanzamiento del e-commerce en Shopify, en el verano de 2022, esa elección se convirtió en seis casos de uso: quien compra solo la suscripción, quien compra por primera vez, quien tiene un plan caducado. Para cada uno definí el flujo con los founders y dirigí el trabajo de UI, la documentación y la entrega a desarrollo.

Cuatro decisiones dieron forma al checkout:

  1. La elección del plan es un momento explícito en el carrito, antes de pagar
  2. A quien compra por primera vez se le propone el plan anual por defecto
  3. Un pase de un día baja la barrera para quien no quiere comprometerse
  4. A partir de los datos de envío el checkout es uno solo para todos, dentro del estándar de Shopify

“El objetivo es simplificar y aclarar la experiencia, no reinventarla”

Proceso y actividades

Fase 01

Estrategia

  • Descubrimiento
    Descubrimiento

    Value Proposition Canvas y brand sprint con los founders

    Assessment de la web y de la analítica

    Benchmark de e-commerce con suscripción

  • Análisis
    Análisis

    Hipótesis por validar, definidas con el cliente

    Tres perfiles de compra: descuento, calidad, conciencia

    Plan de entrevistas y focus groups

Fase 02

Diseño

  • Definición
    Definición

    Dos recorridos: suscripción al principio o en el checkout

    Seis casos de uso del checkout

    Reglas de cálculo de la suscripción en el carrito

  • Dibujo
    Dibujo

    Flujos y prototipos desktop y mobile

    UI de carrito y checkout (con el UI designer)

    Homepage y página de producto (con el visual designer)

Fase 03

Feedback

  • Prototipado
    Prototipado

    Landings y anuncios para cada perfil

    Documentación del checkout en Notion

    Entrega a desarrollo Shopify

  • Testing
    Testing

    Revisión del checkout en staging

    Escenarios de test para todos los casos de uso

    Tests cross-browser antes del go-live

Fase 04

Loop

  • Medición
    Medición

    Análisis de los abandonos del checkout en Shopify

  • Iteración
    Iteración

    Revisión 2025 de catálogo, página de producto y precios

Algunas actividades en detalle

  • Mapa de los casos de uso

  • Documentación y handover

Datos recogidos

  • 5+

    Años

  • 6

    Casos

  • 3

    Perfiles

  • 2

    Recorridos

Algunos de los recursos producidos

Diseñamos carrito y checkout para cada caso de uso, de desktop a mobile, dentro de los límites de Shopify

  • La página de inicio de ETIQL, desktop y mobile

    La página de inicio de ETIQL, desktop y mobile

  • El carrito con la elección del plan

    El carrito con la elección del plan

Lo que aprendí en el proyecto

Con ETIQL aprendí que la entrega a desarrollo es parte del proyecto, no su final.

La primera entrega a desarrollo, con las páginas de login, salió mal: faltaban estados de los campos, referencias de tipografía y colores, textos en los dos idiomas. Volvimos a trabajar el design system y desde entonces cada entrega pasó por una aprobación y una documentación escrita.

También aprendí a declarar pronto las dependencias: en un e-commerce mi trabajo depende de desarrollo y de marketing, y conviene dejarlo claro antes de prometer una fecha.

Cifras de la investigación

  • 3

    Landings

  • 3

    Anuncios

Valor para clientes y equipo

Para quien compra un plan claro antes de pagar, para el equipo un checkout documentado caso por caso.

El nuevo checkout salió online en noviembre de 2022 con el relanzamiento del e-commerce. Las primeras semanas mostraron dónde había que seguir trabajando: el recorrido de quien compra por primera vez.

En 2025 volví al producto para revisar el catálogo, la página de producto y la comunicación del precio, y para llevar el checkout hacia una sola página a partir de los datos de abandono.

La estructura de planes definida entonces sigue siendo la que está a la venta: anual con 30 días de prueba y pase de un día. Hoy ETIQL declara en su web más de 10.000 miembros.

Cifras del proyecto

  • 10k+

    Miembros

  • 2022

    Lanzamiento

¿Quieres colaborar conmigo?

Lee mi experiencia en el CV aquí abajo.

Antes de descargarlo te haré algunas preguntas en un breve cuestionario.

Alcuni progetti