E-commerce Salateira

Propuesta de diseño de e-commerce de un restaurante donde su principal producto es la ensalada.

Este es un escenario clásico de expansión de ecosistema digital. El reto aquí no es inventar una marca, sino trasladar una experiencia que ya funciona en el bolsillo (App) a una pantalla más grande (web), manteniendo la coherencia pero aprovechando las ventajas del navegador.

Proyecto

IM Business Digital School

Rol

UI designer

Año

2018

Contexto

La empresa ya tiene tracción en móviles, lo que significa que ya existe una base de datos de usuarios, un menú definido y una logística de pedidos.
Ya existe una identidad visual y un flujo de usuario optimizado para pulgares y pantallas verticales pero muchos usuarios prefieren pedir desde el ordenador mientras trabajan en la oficina o simplemente no quieren descargar una app más para un pedido puntual.

Objetivo

El propósito no es solo replicar la app, sino complementar la oferta actual y conseguir omnicanalidad y conversión.

  • Captación de nuevos clientes: el SEO de una web permite que alguien que busque “ensaladas a domicilio” te encuentre, algo que una app cerrada no permite fácilmente.

  • Reducción de fricción: permitir el “Guest Checkout” (compra como invitado) para que el usuario no tenga que registrarse obligatoriamente, a diferencia de la mayoría de las apps.

Solución

Para lograr el objetivo el trabajo se centró en el diseño web de la interfaz así como la correspondencia con el actual flujo de compra de la App teniendo en cuenta la diferencia de dispositivos:

  • Optimización del ticket medio: aprovechar el espacio visual de la web para hacer upselling (añadir extras, bebidas o postres) de forma más atractiva que en una pantalla pequeña.
  • Adaptación de la experiencia de usuario: dado que las ensaladas son productos altamente personalizables (“Crea tu propia ensalada”), el prototipo debe incluir un configurador visual donde el usuario vea cómo se añaden los ingredientes en tiempo real.
  • Sincronización de cuentas: si el usuario ya tiene la App, la web debe permitirle loguearse para ver sus direcciones guardadas, métodos de pago y puntos de fidelidad.
  • Imágenes de alta calidad: el diseño debe ser limpio (estilo minimalista y fresco) con predominio de blancos y verdes para transmitir salud.
  • Jerarquía de información: botón de “Elige tu menú”, categorías claras (Ensaladas, Pasta, Bebidas…)carrito persistente siempre visible a un lado mientras navegas, facilitando el control del gasto.
  • Optimización de carga: el diseño debe ser ligero para asegurar que el usuario no abandone la web antes de ver el menú.
  • Venta cruzada: aprovechar el espacio disponible para promocionar productos nuevos o que combinan muy bien con el menú referencia del restaurante.
Característica App móvil (existente) Ecommerce web (nueva)
Uso principal Cliente recurrente / Fidelización Cliente nuevo / Pedido rápido oficina
Entrada Icono en pantalla de inicio Búsqueda en Google / Enlace directo
Interacción Gestos y notificaciones push Ratón/Teclado y profundidad de info
Ventaja clave Comodidad sobre la marcha Visibilidad total de ingredientes y extras