Mockup de smartphone con interfaz de descubrimiento de venues de Andrómeda.

Product Design / UX Research / UI Systems / SaaS

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

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.

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 del proyecto

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.

Landing de selección de rol de Andrómeda en una laptop.

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.

Collage de la plataforma Andrómeda con módulos de UI para comensales, restauranteros y hostess sobre lienzo gris claro.

Dashboard de restaurantero de Andrómeda en un smartphone.

Detalle de restaurante y formulario de reservación de Andrómeda en una laptop.

Portal de suscripciones y facturación de Andrómeda en una laptop.

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.

Dashboard de reservaciones para hostess de Andrómeda en una tablet.

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.

Portal de restauranteros de Andrómeda con billing y dashboards.

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.

Design system de Andrómeda con paleta Night y tipografía Inter.

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.

Nota de diseño

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.