Caliber·Studio Cotizar ↗
La portada de Black Secret en un portátil, sobre el escenario de luz cálida de su propio hero

Diez años vendiendo, y un sitio de dos pestañas


El punto de partida

El logotipo era una imagen centrada sobre blanco y la navegación entera cabía en dos pestañas. El problema no era que se viera mal: era que no ayudaba a comprar. Quien busca un vestido para una boda no busca «catálogo», busca su evento.

Antes y después de la portada: el GoDaddy arriba, el sitio nuevo abajo
El GoDaddy arriba, el sitio nuevo abajo
La misma comparación, en cuadrado: el hero nuevo con su titular completo

El sitio ordenado por momento


La decisión de fondo

La portada se ordenó por evento (La Noche, El Día, Invitada, Ocasiones), cada uno con su fotografía, su titular y su temperatura. Cada mundo es una entrada distinta a la misma tienda, con su fotografía y su tono propios.

De los mundos al catálogo
La portada: «Hay vestidos que se ponen. Otros se recuerdan.»
La portada: «Hay vestidos que se ponen. Otros se recuerdan»
La Noche, la colección de gala
La Noche, la colección de gala
Vestidos de noche: la rejilla de la colección de la casa
La rejilla de la colección de la casa
«Para cada ocasión, un mundo» en escritorio y El Día en el teléfono
El Día, la colección de diario
El Día, la colección de diario

Un catálogo que se recorre por disponibilidad y talla


307 artículos

Filtros por disponibilidad, precio, talla, color y largo. La disponibilidad va primera porque quien necesita un vestido para dentro de dos semanas filtra antes por lo que hay que por lo que le gusta.

La cabecera del catálogo con sus categorías
La barra de filtros abierta, y la rejilla en el teléfono
La barra de filtros abierta, y la rejilla en el teléfono
El catálogo en escritorio, a ancho completo
El catálogo en escritorio, a ancho completo

La talla agotada se tacha, no se esconde


Una decisión deliberada

Esconder lo agotado deja al cliente adivinando si la talla existe. Tacharla le dice que existe y que hoy no está, y deja ver el tamaño real del inventario.

La ficha de producto completa
La ficha completa, con la galería y el bloque de compra
El acercamiento hasta la talla agotada
La talla elegida y el botón de agregar
La ficha desarmada: cada componente por separado
La ficha desarmada: cada componente por separado
El selector de talla, con la L tachada
El selector de talla, con la L tachada
El título, el precio y las tallas, ampliados
El título, el precio y las tallas, ampliados

Del carrito al pedido confirmado


El final del camino

El recorrido termina en un pedido confirmado, con folio y total.

Elegir talla, agregar al carrito y confirmar
La confirmación desarmada por piezas
Pedido confirmado
Pedido confirmado, con folio y total

En el teléfono la retícula se rehace


En el teléfono

El titular cambia de corte, los mundos pasan de rejilla a recorrido vertical, y la ficha reordena la galería para que la talla y el botón caigan en la misma pantalla.

Tres pantallas del sitio en móvil, vistas desde arriba
Tres pantallas del sitio en móvil
El manifiesto de la marca, en móvil
Tres secciones de la portada en móvil
Tres secciones de la portada en el teléfono

Todo lo que se construyó


El sitio completo

Cada página del sitio, cortada en franjas y superpuesta; y las trece pantallas enteras, contadas.

Las páginas del sitio cortadas en franjas y superpuestas: cuánto se construyó
Las páginas cortadas en franjas: cuánto se construyó
Trece pantallas enteras en diagonal: si se cubrió todo
Trece pantallas enteras del sitio

Dos familias y una regla


El display sólo donde hay un nombre propio

Un display de contraste alto para los nombres de colección y una sans geométrica para todo lo que se lee de corrido. El display no aparece en ningún botón, ninguna etiqueta, ningún precio. Esa disciplina es lo que le da peso al nombre de una colección sin tener que agrandarlo.

La tienda es suya; la forma, escrita


Sobre lo que ya usaba

La tipografía, la retícula y el comportamiento del catálogo están escritos a mano, sobre Shopify, que es donde la clienta ya vendía.

¿Tu negocio necesita algo así?

Empezar ↗

Cuéntanos qué vendes, qué te frena y para cuándo lo necesitas. En un día sabes si podemos, cuánto cuesta y cuándo estaría.

WhatsApp ↗hola@caliberstudio.site