Proyecto demostrativo
Tienda online · E-commerce
SENDA
De descubrir un producto a completar la compra.
Una experiencia de comercio electrónico que conecta productos, clientes y pedidos en un mismo lugar.
Tienda
Catálogo y compra
Pedidos
Seguimiento
Comercio
Administración
Tienda ficticia desarrollada por ELiF para demostrar una solución de comercio electrónico. No es un cliente real: los productos, los precios y los pedidos son de demostración y no se procesan pagos.
Video
Una compra completa, del primer clic al pedido.
Explorar el catálogo, elegir la variante, revisar el carrito, confirmar y ver cómo el comercio prepara y despacha el pedido. Grabado sobre la demo real.
En el celular se reproduce la versión vertical, grabada sobre la interfaz móvil.
Grabado sobre la aplicación real, con subtítulos. Video sin música.
El desafío
Vender online sin perder el control.
Muchos comercios venden por redes y mensajes: cada producto se explica a mano y cada pedido se anota donde se puede. Una tienda bien diseñada ordena el catálogo, deja la compra clara para el cliente y reúne los pedidos en un mismo lugar para el negocio.
SENDA es un escenario demostrativo: muestra cómo se resuelve este tipo de problema, no los resultados de un cliente real.
Productos dispersos
El catálogo vive en publicaciones y mensajes, y cada cliente lo arma por su cuenta.
Consultas repetidas
Precio, talle, color, stock: las mismas preguntas, respondidas una por una.
Una compra poco clara
Sin un carrito ni un resumen, el cliente no sabe cuánto paga ni qué eligió.
Pedidos difíciles de seguir
Sin un lugar común, nadie sabe qué hay que preparar ni qué ya salió.
Explorar el catálogo
Todo lo que tus clientes buscan, en un solo lugar.
21 productos en cinco categorías, con buscador, filtros y orden. Cada filtro indica cuántos productos deja y el resultado se actualiza al instante.
Deslizá para ver la pantalla completa →
Búsqueda
Encuentra por nombre o descripción, sin importar tildes ni mayúsculas.
Categorías
Cinco familias de productos, con la cantidad de cada una a la vista.
Precio y disponibilidad
Filtros que muestran cuántos resultados dejan antes de aplicarlos.
Orden
Por relevancia, por precio o por nombre, en un toque.
Las fotografías de la tienda son imágenes ilustrativas de terceros con licencia CC0; no muestran productos de una marca real.
Deslizá para ver la pantalla completa →
Experiencia de producto
Elegí, personalizá y agregá.
Galería de fotos, características y especificaciones. Al elegir la capacidad de 55 L, el precio pasa de $ 149.900 a $ 169.900 y el talle se ajusta solo a M/L, la única combinación que existe.
- Variantes con su propio precio y stock
- Combinaciones agotadas a la vista, sin poder agregarlas
- Cantidad limitada a lo disponible
- Confirmación inmediata al agregar al carrito
Carrito y checkout
Cada detalle, pensado para facilitar la compra.
En el recorrido de la demo se compran una Mochila Travesía de 55 L y dos termos, con envío express. Es un pedido ficticio: no se piden datos de pago ni se procesan cobros.
- Pedido
- SND-1043
- Artículos
- 3
- Envío
- $ 14.900
- Total
- $ 314.600
Deslizá para ver la pantalla completa →
Seleccioná
Al agregar un producto, un panel confirma la variante elegida, el subtotal y cuánto falta para el envío sin cargo, sin sacar al cliente de la página.
Deslizá para ver la pantalla completa →
Revisá
El carrito muestra cada artículo con su variante, permite cambiar cantidades y recalcula el total. Con $ 299.700, el envío a domicilio ya es sin cargo.
Deslizá para ver la pantalla completa →
Confirmá
Datos de entrega (con un botón para completar datos de ejemplo), método de envío y una revisión final antes de «Confirmar pedido de demostración».
Confirmación y seguimiento
La experiencia no termina al confirmar.
El cliente recibe un número de pedido, el resumen de lo que compró y un seguimiento con cada estado y su hora. Todo queda en «Mis pedidos», en el mismo navegador.
Deslizá para ver la pantalla completa →
Pedido confirmado
Número de pedido de demostración, resumen con precios del momento y accesos a «Ver mi pedido» o seguir explorando.
Deslizá para ver la pantalla completa →
Seguimiento del pedido
Recibido, En preparación, Despachado y Entregado, con la hora de cada paso según el reloj de la demo. No hay un transporte real detrás.
La confirmación no envía correos ni procesa pagos: registra el pedido en este navegador para poder seguirlo. Para cobros, avisos por correo o logística reales hace falta un servidor y las integraciones que elija cada comercio.
Administración
Los pedidos de tus clientes, organizados en un mismo lugar.
Un panel liviano para el negocio: indicadores derivados de los pedidos, filtros por estado, búsqueda por número, cliente o localidad, y el detalle de cada compra. El pedido de la tienda llega primero, marcado «Tienda online».
Deslizá para ver la pantalla completa →
Cambio de estado
Un botón para cada paso.
Desde el detalle, el comercio marca el pedido «En preparación» y después «Despachado». Cada cambio queda en el historial con su hora y el cliente lo ve en su seguimiento.
Cliente
Confirma el pedido de demostración
Recibido10:30
Comercio
Empieza a prepararlo
En preparación10:35
Comercio
Lo despacha (envío simulado)
Despachado10:37
Cliente
Lo ve actualizado en «Mis pedidos»
Despachado10:37
Deslizá para ver la pantalla completa →
En esta demostración, la tienda y la administración comparten los datos dentro de un mismo navegador (por ejemplo, en pestañas distintas). Para que el comercio vea los pedidos de clientes en otros dispositivos hace falta un servidor, que se diseña según cada caso. No es un sistema contable ni de facturación.
En el celular
Pensada primero para el celular.
La mayoría de las compras empieza en el teléfono. La tienda tiene su propio diseño móvil: categorías en una fila deslizable, filtros en un panel inferior, botones al alcance del pulgar y un resumen plegable en el checkout.
Capturas de la interfaz móvil real
Catálogo y filtros 
Carrito 
Checkout simulado 
Pedido confirmado 
Administración
Deslizá para ver las 5 pantallas →
Tu negocio también puede vender online.
Contanos qué vendés y diseñamos una experiencia digital adaptada a tu negocio.
