olivo
Product Design · 2024
Olivo
Diseño de una herramienta responsive para que restaurantes de comida rápida administren su menú, disponibilidad y operación desde una interfaz unificada.
Ver presentación original en BehanceDiseño responsive
Una misma operación, en cada contexto.
Cambia el dispositivo para revisar cómo la gestión del menú conserva jerarquía, acciones y estado desde el escritorio hasta el teléfono.
01 · Resumen del localDesktop · 1280 × 832 · Click o desliza para explorar
Historia general del producto
Diseño de una herramienta responsive para que restaurantes de comida rápida administren su menú, disponibilidad y operación desde una interfaz unificada.
Mi papel
UX/UI Designer
Duración
Proyecto de diseño · 2024
Equipo
Trabajo individual
Resultado
Prototipo responsive en tres formatos
Problema
Publicar platos es solo una parte del trabajo. El restaurante necesita integrar productos, disponibilidad, órdenes y métricas para que lo que ve el cliente coincida con lo que el equipo realmente puede preparar.
Desafío
Construir una experiencia suficientemente completa para administrar la oferta del restaurante, sin trasladar toda la complejidad operativa a cada pantalla o dispositivo.
Investigación
El análisis se concentró en las tareas recurrentes de administración y en la relación entre el menú publicado, la disponibilidad real de los productos y las solicitudes del cliente.
- Benchmark
- Arquitectura de información
- User flow
- Diseño responsive
Disponibilidad y menú son una misma decisión
Un plato publicado pero no disponible genera una promesa que la operación no puede cumplir.
La densidad depende del dispositivo
Desktop permite comparar y editar en contexto; mobile necesita priorizar estado y acciones frecuentes.
El home debe orientar
Un resumen de métricas y productos ayuda a reconocer qué requiere atención antes de entrar a cada módulo.
Definición del problema
¿Cómo podemos ayudar a un restaurante a mantener su menú actualizado y accionable desde cualquier dispositivo, sin perder claridad sobre productos y órdenes?
Ideación
La arquitectura se organizó alrededor de la operación: una vista general para orientarse y módulos específicos para gestionar menús, órdenes, finanzas, métricas y configuración personal.
Home como centro de control
El acceso inicial resume productos y métricas antes de distribuir las tareas en módulos especializados.
Gestión de menú en un flujo continuo
Crear, editar, suspender y añadir platos a la carta de orden forman parte de un mismo recorrido.
Adaptar, no reducir
Cada breakpoint conserva la capacidad principal y reorganiza contenido y controles según el espacio disponible.
Diseño final
La propuesta articula un panel administrativo responsive con navegación por módulos y un flujo específico para mantener la carta disponible para las órdenes del cliente.
Menú administrable
El equipo puede añadir, editar, eliminar o suspender platos y mantener la oferta vigente.
Operación conectada
La carta de orden relaciona la gestión interna del menú con la solicitud que finalmente realiza el cliente.
Tres modos de presentación
Desktop, tablet y mobile muestran la misma solución con jerarquías adecuadas para cada contexto.
Impacto
El proyecto definió una arquitectura y una interfaz responsive para centralizar la gestión del menú. No se publicaron métricas verificables de implementación o negocio, por lo que el resultado se presenta como alcance de diseño.
Aprendizajes
Diseñar responsive para una herramienta administrativa exige priorizar tareas, no solo cambiar tamaños: cada formato necesita conservar contexto, estado y una acción principal reconocible.
Si volviera a hacerlo: Validar los flujos de creación y suspensión de platos con administradores de restaurantes y medir tiempo de tarea, errores y comprensión de estados.