Mapa del prototipo
Versión 1.0.0
Esto es la estructura de la tienda nueva de VIVARUBY, sin diseño: tinta sobre papel, y el único color es el de las prendas. Sirve para decidir qué hace cada pantalla antes de diseñarla.
Arriba a la derecha, «Ver estructura» marca cada bloque de la pantalla con su nombre. Con ese nombre se pide un cambio: «Inicio, Liquidación: no va».
Las pantallas
Qué es la tienda y sus tres condiciones mayoristas, y los caminos para empezar a comprar.
- Portada
- Categorías
- Nuevos ingresos
- Liquidación
- Cómo comprar
- Reseñas y el local
- Pie
- Tienda
/shop, /shop/tops, /shop?sale=only
Las prendas de a 24, con filtros por talle, color, tela y precio, y cuatro formas de ordenarlas. Todo queda en la dirección, para compartirlo.
- Título y categorías
- Filtros
- Listado
- Búsqueda
/search?q=
Busca por nombre, tela, color o código de artículo, y sugiere mientras se escribe.
- Buscador
- Listado
- Prenda
/products/[prenda]
Las fotos, el precio y la grilla donde se suman unidades de cada color y talle; el envío a la provincia antes de dar ningún dato.
- Fotos
- Compra
- Envío y pago
- La prenda
- Para completar el conjunto
- Parecidas
- Carrito
/cart y el panel de la cabecera
El pedido agrupado por prenda, cuánto falta para la compra mínima y para el envío gratis, y el envío a la provincia.
- Prendas del carrito
- Envío a tu provincia
- Nota de pedido
- Pago
/checkout
Datos, entrega y pago en una sola página, con las tarifas y los medios de pago que la tienda tiene publicados. Pide llegar a la compra mínima.
- Tus datos
- Entrega
- Pago
- Nota de pedido
- Pedido confirmado
/checkout/confirmation?order=
El número de pedido, qué falta hacer según el medio de pago y la nota para imprimir. Sin un pedido recién hecho, avisa que no lo encuentra.
- Pedido confirmado
- Nota de pedido
- Favoritos
/favorites
Las prendas guardadas con el corazón, en este navegador.
- Prendas guardadas
- Cómo comprar
/how-to-buy
Los cuatro pasos y las condiciones mayoristas: mínimo, envíos por provincia, comisionista, pagos, cambios y factura.
- Los cuatro pasos
- Condiciones mayoristas
Las nueve preguntas de siempre, por tema.
- Preguntas por tema
- Otra pregunta
- El local
/contact
Dirección, horarios, si está abierto ahora y los canales para escribir.
- Dirección y horarios
- Canales
- Mapa y fotos del local
- Políticas
/policies/[política]
Cambios, envíos, privacidad y términos, como los publica la tienda.
- Índice de políticas
- Texto de la política
- Página no encontrada
cualquier dirección que no existe
El aviso, con el buscador a mano.
- Página no encontrada
Lo que propone
Cinco cosas que este prototipo hace distinto de la tienda de hoy. Son propuestas: se prueban acá y se decide.
- 1
La grilla de colores y talles
En la prenda se ven todos los colores y talles juntos y se suman unidades de varios a la vez, con un botón de «una de cada». Hoy se agrega una variante por vez.
- 2
El pago en una página
Datos, entrega y pago a la vista, con la nota de pedido al costado. Hoy son cuatro pasos.
- 3
El carrito como nota de pedido
Agrupado por prenda, con su código de artículo, y con el medidor de compra mínima siempre a la vista.
- 4
Color por familias
Los cuarenta nombres de color de la tienda se filtran en once familias (negro, rosa y fucsia, rojo y bordó…).
- 5
El mensaje de WhatsApp, a la vista
Cada botón de WhatsApp muestra el mensaje que deja escrito, para leerlo y corregirlo. El prototipo no le escribe al número de la tienda.
Lo que quedó afuera
A propósito, para ver la tienda sin nada encima. Nada se perdió: todo sigue en la tienda de hoy y vuelve cuando se decida.
- La campaña de la portada (el slider con fotos del cliente)
- Los reels y la pasarela de videos
- La colección en 3D y el recorrido 360 del local
- El mapa animado de «El local»
- El chat de Ruby y el WhatsApp flotante
- Las cuentas: ingresar y «Mis pedidos»
- El cobro de verdad con Mercado Pago y los mails del pedido
- El código de descuento
- El zoom de las fotos y la vista rápida desde el listado
- El modo noche
- Inglés y coreano
- El aviso de cookies, la analítica y lo que ven los buscadores
De dónde salen los datos
Las 186 prendas (41 en liquidación), con sus fotos, colores, talles, precios y medidas, son las del catálogo de la tienda al 24/10/2026. Las fotos se piden al mismo lugar donde las guarda la tienda.
La compra mínima, las tarifas de envío, los medios de pago, los horarios y las políticas son los que la tienda publicó el 31/10/2026.
El prototipo es solo la parte de adelante. Lee una copia de esos dos archivos y guarda el carrito en el navegador; no tiene cuentas, no cobra y no manda nada. El sistema de atrás de la tienda no se toca: el día que esto se conecte, lee los mismos archivos en vivo.