Mei de Moda · Fase 1

Tres líneas de diseño para la tienda

Las tres están construidas con el catálogo real: productos, precios y stock leídos del ERP. Las tres tienen el mismo motor de venta —buscador, megamenú, carro lateral, precio por bolsa y barra de despacho gratis—; lo que cambia es el carácter, el color y la forma de moverse. La fotografía grande es referencial, para mostrar el nivel: en producción va fotografía propia de la tienda.

Cómo revisarlas: entra a cada una, pasa el mouse por los productos, agrega algo al carro y mira cómo avanza la barra de despacho gratis. Abre también el buscador y el menú de categorías. En el teléfono cambia el ritmo: las tres están pensadas para pantalla chica, no son la versión de escritorio achicada.
ALínea A

Editorial neutra

Arena · tinta · terracota

Revista de belleza. Portada a sangre con el titular sobre la foto, serifa con itálica, categorías en bento de distintos tamaños y un bloque partido mitad foto mitad texto. El sello con el texto curvo gira en el hero.

Hero a sangreBentoSello curvoTítulos que suben
Abrir la línea A
BLínea B

Jardín

Verde salvia · rosa cuarzo

Fresca y cercana. El hero parte la pantalla: foto a un lado, panel verde al otro, con el sello encima del corte. Separadores ondulados entre secciones, chips que flotan y categorías en un riel que se arrastra.

Hero partidoOndasRiel con snapChips flotantes
Abrir la línea B
CLínea C

Pop

Rosado · celeste · lila · limón · vino

La más energética. Titular gigante en Anton sobre la foto, con una palabra manuscrita en limón. Bento asimétrico, bandas de color plano, botones con relieve que se hunden al apretarlos y confeti al agregar al carro.

Titular giganteManuscritaBotones con relieveConfeti
Abrir la línea C

Lo que traen las tres

El diseño cambia; el motor de venta no. Esto está en las tres líneas y es lo que mueve la conversión.

Para vender

  • Precio por unidad y precio por bolsa en la misma tarjeta, con el porcentaje de ahorro.
  • Agregar al carro sin entrar a la ficha.
  • Barra de despacho gratis que avanza con el total.
  • Carro lateral que no saca al comprador de la página.

Para encontrar

  • Buscador con resultados mientras se escribe.
  • Menú de categorías con las subcategorías reales del ERP.
  • Seis categorías con su cantidad de productos a la vista.
  • Todo con datos y fotos del catálogo real.

Para el mayorista

  • Bloque propio con los tramos por cantidad.
  • Los tres pasos para activar la cuenta.
  • El precio por bolsa visible desde la lista, sin cotizar.
  • Pensado para el que compra 24 o más unidades.