eatkube — Product Designer

Diseño de producto UX/UI para la app de delivery de comida de Eatkube.

Eatkube es una plataforma de delivery de comidas y cenas sorpresa. El reto era llevar esa propuesta a una app móvil simple y apetecible, con un flujo de pedido claro de punta a punta.

Trabajé el diseño de producto UX/UI: la documentación previa al desarrollo —wireframes, user flow y moodboard— y la UI final de la app, sobre un sistema visual iOS.

Rol

Product Designer (UX/UI)

Empresa

Flykube / Eatkube

Año

2020

plataformas

Adobe XD · Illustrator · iOS

PROYECTO COMPLETO

Ver proyecto

Mi rol

Lideré el diseño de la app, desde ordenar el recorrido de pedido hasta la interfaz final.

Mi trabajo incluyó la documentación previa al desarrollo (wireframes, user flow y moodboard), la dirección visual y el diseño de la UI sobre patrones nativos iOS.

Las decisiones de diseño buscaron que la app fuera simple de usar y apetecible a la vista, apoyándome en el sistema iOS para dar consistencia y acelerar el desarrollo.

El reto

Eatkube proponía algo distinto —cenas sorpresa por delivery— y eso tenía que entenderse en segundos dentro de una app.

El reto era doble: un flujo de pedido claro, sin fricción, y una estética apetecible que invitara a pedir. Todo sobre una base móvil sólida que el equipo pudiera desarrollar rápido.

La app necesitaba un recorrido ordenado (explorar → elegir → pedir → seguir la entrega) y un lenguaje visual coherente con una marca de comida.

De una idea de delivery a una app usable

Antes de diseñar pantallas, ordené el producto: qué tiene que hacer el usuario, en qué orden y con qué información en cada paso.

Con los wireframes y el user flow definí el esqueleto del recorrido de pedido; el moodboard fijó la dirección visual; y el sistema iOS me dio patrones conocidos para que la app resultara familiar y fácil de desarrollar.

Cómo lo abordé

Análisis del producto y sus flujos

El primer paso fue entender la lógica de la plataforma: cómo se configuraban campañas, cómo se gestionaban contenidos, qué información necesitaban los usuarios y dónde aparecían las principales fricciones. Analizamos pantallas, recorridos y patrones existentes para detectar inconsistencias, duplicidades y oportunidades de mejora.

Este trabajo permitió identificar qué partes del producto necesitaban más claridad, qué acciones debían priorizarse y qué estructura podía sostener mejor el crecimiento de la plataforma.

Redefinición de arquitectura de información

Trabajamos en una nueva organización de contenidos, módulos y recorridos para facilitar la navegación dentro del producto.

El foco estuvo en simplificar el acceso a información clave, reducir carga cognitiva y ordenar procesos complejos sin eliminar la profundidad funcional que necesitaba una plataforma B2B.

La arquitectura debía ayudar a los usuarios a entender dónde estaban, qué podían hacer y qué decisiones necesitaban tomar en cada momento.

Diseño de flujos de usuario

Definimos y revisamos los flujos clave de uso para representar tareas principales dentro de la plataforma.

Estos ayudaron a conectar necesidades de usuario, reglas de negocio y estructura técnica, facilitando conversaciones más claras con producto y desarrollo. El objetivo fue que cada recorrido tuviera una lógica más directa, consistente y fácil de mantener en futuras iteraciones.

Rediseño UX/UI de la versión 5

A partir de la arquitectura y los flujos definidos, trabajamos en la evolución visual e interactiva de la plataforma.

Diseñamos una propuestas de interfaz orientadas a mejorar la jerarquía de información, la legibilidad, la consistencia entre módulos y la eficiencia en tareas frecuentes.

Creación de un Design System escalable

Uno de los focos principales fue crear una base común de diseño para ordenar la interfaz y acelerar futuras evoluciones del producto.

El sistema incluyó componentes reutilizables, patrones de interacción, criterios visuales y una estructura pensada para mejorar la colaboración entre diseño y desarrollo.

Prototipado y toma de decisiones

Los prototipos permitieron explorar soluciones, revisar comportamientos y facilitar la toma de decisiones antes de avanzar hacia implementación.

También funcionaron como una herramienta de comunicación con stakeholders, producto y desarrollo, reduciendo ambigüedades y ayudando a validar la dirección del diseño.

Cómo lo abordé

Documentación de producto

Wireframes y user flow para ordenar el recorrido de pedido antes de entrar en la UI.

Arquitectura del flujo de pedido

Estructura del recorrido explorar → elegir → pedir → seguimiento, priorizando las acciones clave en cada paso.

Dirección visual

Moodboard y lenguaje visual alineados a una marca de comida: apetecible, cercano y claro.

Sistema iOS + UI

Diseño de la interfaz sobre patrones nativos iOS para dar consistencia y acelerar el desarrollo.

Pantallas y handoff

Diseño de las pantallas del flujo completo y documentación lista para desarrollo.

Cómo lo abordé

Responsabilidades de liderazgo

Wireframes y user flow del recorrido de pedido.
Arquitectura del flujo de pedido.
Moodboard y dirección visual.
UI de la app sobre sistema iOS.
Documentación lista para desarrollo.

Impacto

◎

Flujo de pedido claro

— un recorrido simple de punta a punta.

❖

Estética apetecible

— un lenguaje visual coherente con una marca de comida.

❖

iOS · Base nativa

Consistencia y desarrollo más rápido.

→

Lista para desarrollo —

Wireframes, flujo y UI documentados.

Aprendizaje

Este proyecto reforzó que, en un producto de consumo, la experiencia se gana mucho antes de la primera pantalla.

Cuando una app tiene que entenderse en segundos, el diseño no puede ser solo estética. Necesita un recorrido claro, decisiones de prioridad en cada paso y un lenguaje visual que acompañe la conversión en lugar de estorbarla.

En Eatkube, ordenar el flujo de pedido y apoyarme en patrones nativos iOS permitió que una propuesta distinta —cenas sorpresa por delivery— se entendiera rápido y resultara simple y apetecible de usar.

¿Necesitas escalar una plataforma digital compleja?

Hablemos

Ver más trabajo