Sinaí Alfaro
UX/UI · Usabilidad & Accesibilidad
← Volver al trabajo

Caso 01 · E-Commerce · Shopify

CoolBrand

Relojes y joyería de lujo en consignación, con tráfico pero cero consultas. El problema no era el SEO: era el diseño. Rediseño editorial oscuro y compra por WhatsApp, hasta que la gente empezó a mandar capturas de la tienda.

Cliente CoolBrand CR
Rol UX/UI · Investigación · UI en Shopify
Año 2026
Duración 2025–2026
Herramientas Figma, Shopify, Maze
Portada del caso CoolBrand

Home rediseñada — estética editorial oscura, colecciones curadas

Antes que nada

Tenías el tráfico. Lo que no tenías era una sola consulta.

CoolBrand CR es una boutique de relojes y joyería de lujo en consignación en Costa Rica: piezas de miles de dólares donde cada venta empieza con una conversación, no con un botón de “comprar”.

El sitio recibía visitas de sobra. El problema era otro: la tienda se veía como otras cien tiendas de relojes online, y no daba a nadie una forma de empezar a hablar. Resultado: cero consultas con tráfico real entrando. Este caso es sobre cómo el diseño —no el SEO— era el cuello de botella.

El punto de partida

No estaba rota. Estaba diciendo lo que no era.

La tienda cargaba, tenía inventario y se podía pagar. Pero la estética era genérica: layout cargado, categorías inconsistentes y un checkout estándar de e-commerce que no tenía sentido para piezas que la gente quiere ver, preguntar y negociar antes de comprar.

Antes de tocar Figma revisé cómo se usaba de verdad y cómo compra realmente el cliente de lujo: primero pregunta —por condición, procedencia, talla, precio— y recién después decide. El sitio no dejaba que esa conversación empezara. Ahí estaba el verdadero problema.

Lo que decidí, y por qué

Cada decisión, con una razón que puedo explicar.

01
Decisión 01 · Identidad

Una estética editorial oscura, no una vitrina genérica más.

El inventario compite con marcas de lujo internacionales en Instagram. Una rejilla clara de productos se lee como tienda de commodity; un layout oscuro, de alto contraste y editorial se lee como una boutique con criterio. Fondos oscuros, tipografía en dorado e imágenes protagonistas: se siente más una revista de coleccionista que un carrito.

Sitio anterior de CoolBrand — layout genérico
02
Decisión 02 · Conversión

WhatsApp en cada punto de decisión, no un carrito que nadie iba a usar.

Para piezas de miles de dólares, el carrito es la interfaz equivocada. Cambié el flujo estándar de Shopify por una compra WhatsApp-first: un botón flotante (FAB) presente en todo el sitio y un CTA de WhatsApp por producto, arriba de cualquier opción de carrito. De “me interesa” a “estoy hablando con la tienda” en un toque.

Boceto del flujo de compra por WhatsApp
03
Decisión 03 · Arquitectura

Secciones que empujan el negocio, no solo un catálogo pasivo.

Estructuré la home según cómo compra su gente: colecciones editoriales por categoría, una guía del coleccionista que da autoridad, y —clave— “Vendé o consigná tu pieza” y “¿No ves lo que buscás?” como secciones principales, no enlaces perdidos en el footer. Así el sitio deja de ser vitrina y se vuelve herramienta de dos vías.

Boceto de la estructura de la home y colecciones

Vengo del mundo dental: un paciente nervioso confía en vos sin margen de error. Una compra de miles de dólares se diseña con esa misma vara.

En pantalla

Cómo quedó.

Home rediseñada de CoolBrand
Home — estética editorial oscura
Boceto de estructura
Boceto — arquitectura de la home
Boceto del flujo de compra
Boceto — flujo WhatsApp
Sitio anterior
Antes — el sitio genérico

Cómo se notó

El tráfico siempre estuvo. Lo que cambió fue lo que la gente hacía con él.

0 → 100+
Consultas después del lanzamiento. Una tienda que no generaba ninguna conversación pasó a ser el canal de ventas principal del negocio.
Reportado por el cliente
72,755
Visitas en los 12 meses posteriores al lanzamiento — el tráfico nunca fue el problema, el diseño sí.
Shopify analytics · may 2025 – may 2026
Capturas
La gente empezó a mandarse fotos y links de la tienda entre sí. Ahí supimos que el diseño resonaba como producto, no solo como resultado de búsqueda.
Señal orgánica reportada por el cliente

La prueba

Tráfico sostenido, meses después.

Shopify analytics · pageviews FROM sessions SHOW pageviews
72,755
Visitas · 12 meses
may 2025 – may 2026
2,459
Visitas · 12 días
may 15 – 27, 2026
Promedio diario · primer año ~199/día
Promedio diario · 12 días recientes ~205/día
El tráfico no decayó: un año después, el ritmo diario se mantiene igual de fuerte.

Ese tránsito nunca había ocurrido en la otra página. La gente me manda fotos de la página, la gente está usando la página. Qué éxito. Tenemos la mejor página de Costa Rica en joyería, por mucho.

Cliente, CoolBrand CR · Costa Rica

Si esto te suena

¿Tu tienda tiene tráfico pero nadie te escribe?

Contame qué vendés y cómo compra tu gente. A veces no es el SEO — es que el diseño no da confianza ni deja empezar la conversación.

Hablemos
Siguiente caso Capacity Model — GlobalMed