INTRO

Café Colombiano

Diseño UX para app café

UX/UI · Branding

Diseño de una aplicación para pedir café colombiano ecológico con modo claro y modo oscuro. Explora cómo el mismo contenido puede transmitir sensaciones distintas según la paleta y distribucción.

 

cafe_1

PROBLEMA

Muchas apps de pedidos obligan a hacer scroll constante, lo que ralentiza la experiencia. El usuario necesita acceder a todo de forma rápida y directa.

 

NECESIDADES

→ Acceder a toda la información sin depender del scroll

→ Facilitar la personalización del pedido de café
→ Ofrecer una experiencia clara en distintos modos visuales

OBJETIVO

Diseñar un prototipo funcional donde el usuario pueda completar su pedido sin necesidad de hacer scroll. Interfaz optimizada para que cada acción estuviera al alcance, sin complicación ni pasos innecesarios.

Debe de caber en pantalla sin sacrificar claridad ni usabilidad.

DECISIONES DE DISEÑO

Diseñé una estructura compacta donde toda la información clave estuviera visible en una sola pantalla. Trabajé en una versión oscura en tonos azules para un uso más relajado y una versión clara en tonos marrones que refuerza la conexión con el producto. Prioricé la legibilidad y la jerarquía.

SOLUCIÓN

→ Interfaz sin scroll con toda la información accesible

→ Sistema de personalización del café claro y directo

→ Versión dark mode en tonos azules con diferente distribucción

→ Versión light mode en tonos marrones 

APRENDIZAJE

Aprendí a diseñar interfaces más eficientes limitando el espacio disponible, y a adaptar una misma experiencia a distintos estilos visuales sin perder coherencia.

cafe_1

DISEÑO VISUAL

Paleta cromática

Tipografía

Aa

Gelica

Aa

Sofia Pro Soft

Aa

Roboto

GALERÍA

Personalización

Detalles pedido

App modo oscuro

HERRAMIENTAS

→ Realizado con Adobe Illustrator y Figma

¿Tu producto digital puede funcionar mejor?

Cuéntame tu caso y vemos cómo mejorarlo — respondo en menos de 24h

Scroll al inicio