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.
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.
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