Skip to content
Volver a todos los proyectos

Crave

Concepto de app de delivery en modo oscuro donde la interfaz se aparta para dejar protagonismo a la comida: un solo acento saturado sobre casi negro, la fotografía como fuente de luz y una pantalla de inicio ordenada según lo indeciso que estés.

Tipo
Proyecto conceptual, iniciativa propia
Rol
UX, UI y prototipo
Plataforma
iOS y Android
Herramientas
Figma
App de delivery Crave mostrada en un teléfono sostenido con una mano

Diseñar para el apetito

Pedir comida no es un problema de eficiencia. Nadie abre una app de delivery sabiendo exactamente lo que quiere y resintiendo cada toque en el camino. La abren con hambre e indecisos, y el trabajo de la interfaz es ayudarles a querer algo.

Ese es el argumento del tema oscuro. Sobre una superficie casi negra, la fotografía se convierte en la única fuente de luz de la escena, y un queso fundido o el corte de una hamburguesa domina la pantalla en lugar de competir con un fondo blanco por la atención.

Un solo naranja saturado hace todo lo demás: la búsqueda, la pestaña activa, la etiqueta de oferta, el tiempo de entrega, el botón de añadir. Un acento usado de forma consistente significa que cada elemento naranja en pantalla es algo sobre lo que puedes actuar.

Pantalla de inicio de Crave con categorías, carrusel de ofertas flash y platos en tendencia
Lista de restaurantes de Crave con filtros de ordenación y entrega, valoraciones y tiempos de entrega
Pantalla de registro de Crave en modo oscuro

Una pantalla de inicio que responde «¿qué quiero?»

La pantalla de inicio se ordena según lo indeciso que estés. Las categorías van primero como fotografías circulares (pizza, hamburguesa, sushi, tacos) para quien sabe la forma de lo que quiere pero no el restaurante.

Las Ofertas del Día aparecen después como un carrusel horizontal de promociones flash, porque el precio es lo que decide una gran parte de los pedidos y enterrarlo bajo un menú es fingir lo contrario. Tendencias cierra la pantalla para quienes siguen navegando.

La dirección de entrega permanece fija en la parte superior como menú desplegable. Es el dato que invalida todo lo que hay debajo, así que nunca debería requerir ir a los ajustes para comprobarlo.

App Crave en uso en un smartphone sostenido con una mano

Explorar sin perder el hilo

La lista de restaurantes mantiene el campo de búsqueda en su sitio y coloca ordenar, entrega rápida y mejor valorados en una fila de filtros justo debajo, de modo que acotar una lista nunca significa abandonarla y volver.

Cada tarjeta muestra lo que realmente decide un pedido: una fotografía, una valoración, etiquetas de cocina y precio, un tiempo de entrega y un indicador de envío gratis. La valoración se sitúa sobre la imagen en lugar de debajo del nombre, para que siga siendo legible al hacer scroll rápido.

El registro es deliberadamente tardío y deliberadamente simple: la misma superficie oscura, una acción clara. Un muro de registro delante del menú es la forma más rápida de perder a alguien que solo estaba mirando.

Lo que produjo

Un conjunto de pantallas en tema oscuro que cubre registro, inicio, navegación por categorías y listado de restaurantes, con un solo color de acento que porta cada elemento interactivo y la fotografía tratada como material visual principal en lugar de decoración.

Es un concepto, así que no hay volumen de pedidos que reportar. La parte transferible es el razonamiento: elegir un tema por lo que es el contenido, destinar el color de acento a una sola función y ordenar la pantalla de inicio según lo decidido que ya está el usuario.