AI Design Canarias
Proyecto · Moda y tienda online

RISCO: una tienda de ropa que se puede usar, no mirar

RISCO es una marca inventada por nosotros para poder enseñar una tienda online de verdad. Las prendas no existen y el pago está simulado, pero todo lo demás funciona: filtras el catálogo, eliges talla y color, llenas el carrito y llegas al final del checkout.

Proyecto demo propio · publicado y navegable
RISCO — web creada por AI Design Canarias
Carrito realCheckoutFiltros

El punto de partida

Casi todo el que empieza a vender ropa lo hace por mensajes directos: el cliente pregunta el precio, pregunta si queda su talla, y hay que contestar uno a uno. Funciona con veinte pedidos al mes y se cae solo cuando llegan doscientos, porque nadie puede atender el Instagram a las once de la noche.

Una tienda de ropa además tiene un problema que otros negocios no tienen: el mismo modelo existe en varias tallas y varios colores, y cada combinación puede estar agotada por separado. Si eso no está bien resuelto, se venden cosas que no hay.

RISCO es un proyecto propio, sin cliente detrás. Lo montamos para poder enseñar una tienda que se toca, en lugar de prometer una en una reunión.

Qué se hizo y por qué

Todo lo de abajo se puede comprobar abriendo la web. Si algo no está ahí, no lo contamos.

Un carrito de verdad, no un formulario de pedido

Suma, resta, recalcula y sobrevive a cerrar la pestaña. Enseña cuánto falta para el envío gratis y lo aplica solo al pasar del importe. Muchas «tiendas» baratas son en realidad un formulario de contacto disfrazado.

Talla y color como variantes separadas

Cada combinación de talla y color es una unidad distinta, y las tallas agotadas salen tachadas y no se pueden añadir. Es la forma en que una tienda real controla el stock, y es lo que evita vender lo que no queda.

Filtros que responden al instante

Categoría, talla y precio filtran sin recargar la página, y cuando no queda nada lo dice en lugar de dejar la rejilla vacía. En catálogo de moda, cada recarga esperando es gente que se va.

Checkout en tres pasos y el pago señalado como simulado

Contacto, envío y pago, con validación en cada paso. Los campos de tarjeta están desactivados a propósito y avisados: es una demo y nadie debe escribir ahí datos reales. La pasarela real (Stripe, Redsys o el checkout de Shopify) entra en ese hueco.

Hecha para el móvil, que es donde se compra ropa

Los botones de talla, los filtros y el carrito tienen el tamaño mínimo que pide un dedo, y los campos usan letra de 16 px para que Safari no haga zoom al tocarlos. Está medido a 320, 375, 390 y 430 px de ancho.

Qué se lleva un negocio con una web así

  • Vender sin ir contestando precios y tallas por mensaje privado
  • Que el cliente vea qué está agotado antes de pedirlo
  • Envío gratis a partir de un importe, aplicado automáticamente
  • Una base preparada para enchufar pasarela de pago o Shopify sin rehacer la tienda

Cómo está hecha

Next.jsTypeScriptTailwind CSSVercel

¿Hacemos la tuya?

Te montamos una demo de tu negocio antes de que pagues nada. Si no te convence, no pagas.

← Ver todos los proyectos
WhatsApp directo