Coluri: un creador de paquetes personalizados, sistema de mensajes para pedidos anticipados y localizador de tiendas

  • Alek Tysklind
  • 6 min read
Coluri Build Your Stack page on desktop and mobile showing a finished charm stack

Coluri es una marca de joyería con dijes personalizables. Los clientes eligen dijes individuales (una inicial, un signo zodiacal, un color, una carta del tarot, una piedra de nacimiento) y un collar o pulsera, y los combinan para crear una pieza única. Desarrollamos a medida la página Build Your Stack, el configurador interactivo de conjuntos donde llega la mayor parte del tráfico de la tienda, añadimos mensajes de preventa en su interior y creamos a medida la página de localización de tiendas para que los clientes puedan encontrar los establecimientos que venden Coluri.

Resumen del proyecto

Todo el embudo de marketing de Coluri dirige a los clientes a una sola página: Build Your Stack, donde eligen sus dijes paso a paso y ven cómo se va formando el conjunto. En las páginas de producto estándar de Coluri, un dije agotado sigue generando conversiones: muestra un botón claro de RESERVAR MI PIEZA junto con un texto que explica que se trata de una preventa y la fecha en que se enviará. En el configurador de conjuntos, ese mismo dije no ofrecía ninguna indicación de este tipo. Los clientes que creaban un conjunto no podían distinguir un dije agotado de uno disponible, en la única página que recibe casi todo el tráfico entrante de la marca.

Coluri también vende a través de boutiques independientes de todo el mundo, por lo que los clientes necesitaban una forma sencilla de encontrar un establecimiento cercano que vendiera sus productos.

Objetivos

  • Simplificar la creación de conjuntos Una sola página, seis pasos claros, con el conjunto y su precio visibles a medida que se va formando.
  • Igualar la claridad de las páginas de producto Mostrar en el configurador los mismos mensajes de preventa que ya existían en las páginas de producto estándar.
  • Utilizar datos dinámicos de reposición Obtener la fecha real de envío de la preventa de cada dije en lugar de incluir un mensaje estático en el código.
  • Ofrecer una experiencia igual de cómoda en el móvil que en el ordenador Tanto el configurador como el localizador deben poder usarse cómodamente con un solo pulgar.
  • Proteger la página principal de tráfico Minimizar el riesgo de cada cambio, ya que esta página recibe casi todo el tráfico entrante de Coluri.

La página Build Your Stack

El configurador consta de una sola página con una barra de progreso en la parte superior que muestra los seis pasos: inicial, signo, color, tarot, piedra de nacimiento y collar. Los clientes comienzan eligiendo el tamaño del dije (Statement, llamativo y con clip, o Petite, delicado y deslizante) y el metal (oro o plata). A continuación, eligen un dije para cada paso y el icono correspondiente en la barra de progreso se rellena con una marca de verificación y una imagen de la elección.

Página Build Your Stack de Coluri en el ordenador
Inicio del configurador en el ordenador: barra de progreso, tamaño del dije y metal, y después las primeras opciones de dijes.

Un conjunto cuyo precio aumenta a medida que se crea

A medida que se eligen los dijes, un resumen del conjunto muestra cada pieza con su nombre y precio. La oferta 3 POR 2 de Coluri está integrada: cada tercera pieza aparece marcada como GRATIS, se muestran los ahorros y el total se actualiza tachando el precio original. El resumen también muestra el importe de la cuota de Afterpay, vídeos cortos de clientes bajo «Conjuntos reales, clientes reales» y los botones para añadir el conjunto a la cesta o finalizar la compra.

Resumen del conjunto de Coluri en el ordenador
Conjunto terminado de seis piezas: dos son gratuitas gracias a la oferta 3 POR 2 y el total se actualiza a medida que cambian las piezas.

Diseñado para el móvil

En el móvil, el configurador funciona como un flujo continuo de desplazamiento. La barra de progreso permanece en la parte superior, una barra inferior muestra el número de piezas, el precio y cuántas son gratuitas, y su botón cambia de «Siguiente: elige tu inicial» a «Añadir mi conjunto a la cesta» una vez que el conjunto está completo.

Build Your Stack de Coluri en el móvil
El configurador en el móvil: el inicio, un conjunto completo y el resumen del conjunto con la barra fija para añadir a la cesta.

Claridad sobre las preventas en el configurador

Comparamos la experiencia de los productos agotados en las páginas de producto estándar con la del configurador de dijes para identificar exactamente dónde estaba la falta de información. A continuación, añadimos mensajes sobre productos agotados y preventas directamente en el configurador, utilizando la misma redacción de RESERVAR MI PIEZA y la explicación de preventa que ya se usaban en otras partes del sitio, y lo conectamos a la fecha real de envío de la preventa de cada dije en lugar de utilizar un texto estático, para que se mantenga actualizada a medida que cambian los plazos de reposición. Como la página recibe casi todo el tráfico, antes de publicarlo comprobamos el cambio en una versión previa del tema frente a la página en vivo y lo limitamos al configurador para no afectar a partes del tema no relacionadas.

El localizador de tiendas

Desarrollamos a medida el localizador de tiendas para los establecimientos que venden Coluri, que son boutiques y estudios independientes. La página permite a los clientes encontrar uno cercano. Muestra cada establecimiento en una tarjeta con su nombre y dirección, junto a un mapa con un marcador para cada tienda. Los clientes pueden buscar por nombre, ciudad o código postal, o elegir un país en un menú desplegable, y tanto la lista como el mapa se filtran para mostrar los resultados coincidentes.

Localizador de tiendas de Coluri en el ordenador
El localizador de tiendas con todos los países seleccionados: buscador, filtro de países, tarjetas de establecimientos y mapa.
Localizador de tiendas de Coluri filtrado para Suiza
Al elegir un país, en este caso Suiza, la lista se reduce y el mapa se amplía hasta el establecimiento.

En el móvil, el diseño se organiza en una sola columna: primero el cuadro de búsqueda y el filtro de países, después las tarjetas de establecimientos y, por último, el mapa.

Localizador de tiendas de Coluri en el móvil
El localizador de tiendas en el móvil: buscador, filtro de países y tarjetas de establecimientos, con el mapa debajo.

Resultado

Los clientes ahora pueden crear un conjunto completo de dijes en una sola página, tanto en el ordenador como en el móvil, y ver las piezas, los artículos gratuitos y el total a medida que avanzan. Cada dije del configurador comunica su disponibilidad real en el momento en que se selecciona: las piezas agotadas muestran el mismo proceso claro de preventa, con una fecha de envío real, que ya funcionaba en las páginas de producto. Los clientes que quieran ver las piezas en persona pueden utilizar el localizador de tiendas para encontrar un establecimiento cercano. Los datos exactos de rendimiento se añadirán tras pasar más tiempo con la tienda en vivo.

Alek Tysklind

Desarrollador de temas de Shopify con más de 10 años de experiencia ayudando a empresas a crecer en línea.

¿Estás trabajando en una tienda de Shopify?

Cuéntame qué estás construyendo y dónde te has atascado. Lo revisaremos juntos en una llamada de diagnóstico gratuita.

Reserva una llamada de descubrimiento gratuita

Proyectos seleccionados

Sigue leyendo