# Andrómeda — Diseño de producto multiplataforma (Multi-sided SaaS), arquitectura UX y sistema de diseño para la industria restaurantera

> Caso de estudio: Liderazgo en product design, UX research, app móvil y design systems para Andrómeda, plataforma SaaS de hospitalidad y restaurantes.

Product Design / UX Research / UI Systems / SaaS

Liderazgo en diseño de producto, auditoría UX y arquitectura de interfaces para Andrómeda: plataforma tecnológica y ecosistema digital multiplataforma en México diseñado para el descubrimiento de restaurantes, gestión de reservas en tiempo real y optimización operativa de negocios gastronómicos.

SaaS hospitalario multi-actor — comensales, restauranteros y anfitrionas unificados en web, móvil y tableta sobre backend Magento, con design system Night + Inter y handoff en Dev Mode.

- **Cliente:** Andrómeda
- **Agencia / Partner:** 3Devs
- **Industria:** Hospitality Technology / SaaS / Multi-sided Platform
- **Ubicación:** Ciudad de México, México
- **Año:** 2024
- **Duración:** 3 meses
- **Presupuesto:** $8K USD
- **Rol:** Product Design Consultant / UX & UI Lead
- **Plataformas:** Web / iOS / Android / WebApp
- **Herramientas:** Figma / FigJam / Jira / Dev Mode
- **Entregables:** UX Audit
- **:** Information Architecture
- **:** Design System
- **:** Responsive Web Design
- **:** Mobile App Design
- **:** Restaurateur Portal
- **:** Interactive Prototypes
- **:** Dev Mode Specifications
- **:** UI Guidelines

## Resumen

Andrómeda se enfrentaba a un reto de diseño y arquitectura de alta complejidad: unificar un ecosistema multi-sided que atiende simultáneamente las necesidades de tres perfiles de usuario completamente distintos —comensales, dueños de restaurantes y equipos de anfitrionas (hostesses)— mientras la experiencia se adaptaba a las restricciones y lógica técnica de una infraestructura existente en Magento (Adobe Commerce).

En colaboración estratégica con 3Devs, lideré el rediseño integral de la experiencia de usuario (UX) y el diseño de interfaz (UI) en todos sus puntos de contacto: el sitio web público de exploración, la aplicación móvil para usuarios, el portal administrativo para dueños y la interfaz operativa de recepción y mesas. El resultado es un ecosistema digital coherente, ágil y escalable que simplifica el descubrimiento gastronómico para el usuario final y dota a los restaurantes de herramientas operativas de precisión.

## 01 Auditoría UX y arquitectura de producto (Audit & Product Architecture)

Antes de trazar interfaces, el proyecto exigía ordenar la complejidad operativa. Realicé una auditoría heurística y técnica para reestructurar la taxonomía, el sitemap y los flujos de navegación (user flows). Se mapearon trayectos críticos: búsqueda de establecimientos, motor de reservas en tiempo real, suscripciones, facturación y control de aforo, asegurando una estructura lógica y sin fricciones antes de la fase de diseño visual.

## 02 Experiencia del comensal y descubrimiento gastronómico (Consumer Experience)

Para el usuario final (comensal), el objetivo principal era la velocidad de adopción y la claridad en la exploración.

• Exploración intuitiva: Diseño de interfaces web responsivas y pantallas para app móvil (iOS/Android) orientadas al descubrimiento de restaurantes por ubicación, tipo de cocina, disponibilidad horaria y aforo.

• Gestión sin fricción: Optimización de los flujos de registro, selección de mesas en tiempo real, confirmación de reservas, gestión de cuentas personales y reseñas.

## 03 Portal de gestión y operación restaurantera (Restaurant Operations)

El éxito de una plataforma hospitalaria depende de las herramientas que ofrece al negocio. Diseñé un portal SaaS y vistas operativas especializadas para el personal del restaurante:

• Interfaz para Anfitrionas (Hostess UI): Vistas en tableta optimizadas para la acción rápida en recepción: check-in de comensales, gestión de listas de espera, asignación de mesas y control de flujo en tiempo real.

• Dashboard Administrativo: Módulos para dueños y gerentes que centralizan la configuración del restaurante, gestión de suscripciones al servicio, facturación, métodos de pago y métricas de rendimiento operativo.

## 04 Design System escalable y fundamentos visuales

Para mantener coherencia en un producto web, móvil y de escritorio, construí un sistema de diseño modular en Figma.

• Paleta de color (Night): Uso de una base oscura elegante (Night) que aporta un carácter moderno y reduce la fatiga visual en entornos operativos de restaurante con poca luz, utilizando acentos de color estratégicos para jerarquizar estados de reserva y alertas.

• Tipografía y legibilidad (Inter): Implementación de la familia tipográfica Inter, seleccionada por su excelente legibilidad en pantallas compactas y su estructura neutral, permitiendo que la fotografía gastronómica sea la verdadera protagonista.

## 05 Developer Handoff y especificaciones técnicas (Dev Mode)

El valor de un Product Designer radica en su capacidad de hablar el lenguaje de ingeniería. Todo el sistema fue documentado meticulosamente utilizando Figma Dev Mode. Entregué especificaciones exactas de espaciado, variables de color, componentes reutilizables, estados de interacción y guías de comportamiento adaptadas para el equipo de desarrollo, reduciendo retrabajos y acelerando el despliegue en producción sobre Magento.

Mi contribución se centró en el análisis y estrategia de producto, auditoría UX, diseño de interfaces (UI), arquitectura del Design System, prototipado interactivo y el handoff técnico para programadores. La implementación en código, integración de base de datos y despliegue final del software estuvo a cargo del equipo de ingeniería de 3Devs.

Website: https://appandromeda.com/

HTML: https://www.giovidaurri.com/es/casos-de-estudio/andromeda/