LA RAÍZ

LA RAÍZ

LA RAÍZ

Proyecto de diseño UX/UI de una cafetería conceptual

Proyecto de diseño UX/UI de una cafetería conceptual

ÍNDICE

Briefing y contexto

La Raíz es una app conceptual para una cafetería de barrio que busca

facilitar el pedido y la recogida sin perder el trato cercano y humano propio de los comercios locales.

​

El proyecto parte de una necesidad clara: en horas punta, las cafeterías concentran mucha demanda, lo que genera colas y tiempos de espera que afectan a la experiencia del cliente.

Además, la mayoría de soluciones digitales actuales están pensadas para el delivery o para grandes cadenas, y no para la recogida programada en comercios pequeños.

​

La oportunidad fue diseñar una experiencia móvil sencilla y cálida que permita pedir con antelación, programar la hora de recogida y reducir la espera, actuando como puente entre lo digital y lo físico.

Problema



Las colas y tiempos de espera en horas punta afectan

a la experiencia en cafeterías locales, y las

soluciones digitales actuales no están pensadas para la recogida programada en comercios pequeños.

Objetivos



Facilitar el pedido anticipado y la recogida en tienda.

Reducir la espera y mejorar la experiencia del cliente.

Mantener un tono cercano y una interfaz clara y sencilla.

Objetivos


Facilitar el pedido anticipado y la recogida en tienda.

Reducir la espera y mejorar la experiencia del cliente.

Mantener un tono cercano y una interfaz clara y sencilla.

Problema


Las colas y tiempos de espera en horas punta afectan

a la experiencia en cafeterías locales, y las

soluciones digitales actuales no están pensadas para la recogida programada en comercios pequeños.

Usuarios y personas

La app está pensada para personas que frecuentan cafeterías de barrio, valoran la calidad del producto y el trato cercano,

y buscan una forma rápida y cómoda de pedir café sin hacer colas ni perder tiempo en su rutina diaria.


Suelen usar el móvil para gestionar tareas cotidianas y esperan experiencias digitales sencillas, claras y agradables.​

Flujos de usuario y wireframes

Se definieron los flujos principales de la app antes de diseñar las pantallas, especialmente el flujo de pedido y recogida.

A partir de ellos se crearon wireframes de baja fidelidad para organizar la estructura, la jerarquía de contenidos y el recorrido del usuario.

Identidad visual

de la marca

Antes de comenzar el diseño de la interfaz,

se consideró necesario definir la identidad visual de la marca, ya que, al tratarse de una aplicación para una cafetería conceptual, esta base

resulta clave para garantizar coherencia estética y comunicativa en todo el proyecto.

Diseño de la

interfaz

Una vez definida la identidad visual de la marca, se procede al diseño de la interfaz de la aplicación.


En esta fase, los elementos gráficos y conceptuales establecidos previamente se trasladan a un entorno digital, con el objetivo de crear una experiencia de usuario coherente, intuitiva y alineada con los valores de la marca.


Para ello, se desarrolló un UI kit compuesto por botones, iconos y distintos componentes, que permite mantener la consistencia visual a lo largo de toda la aplicación.

Una vez definida la identidad visual de la marca, se procede al diseño de la interfaz de la aplicación.


En esta fase, los elementos gráficos y conceptuales establecidos previamente se trasladan a un entorno digital, con el objetivo de crear una experiencia de usuario coherente, intuitiva y alineada con los valores de la marca.


Para ello, se desarrolló un UI kit compuesto por botones, iconos y distintos componentes, que permite mantener la consistencia

visual a lo largo de toda la aplicación.

Resultado y aprendizaje

El resultado del proyecto es un prototipo funcional de una aplicación orientada a mejorar el proceso de pedido y recogida en comercios locales, reduciendo los tiempos de espera y optimizando la experiencia del usuario. La propuesta presenta una estructura clara y una navegación intuitiva, lo que permite validar su viabilidad como solución.


En cuanto al aprendizaje, se han consolidado conocimientos en diseño de interfaces y prototipado mediante herramientas como Figma, comprendiendo mejor la relación entre diseño e interacción. Además, se ha reforzado la capacidad de tomar decisiones centradas en el usuario, más allá de criterios únicamente estéticos.


Por último, este proyecto no solo ha permitido desarrollar una solución concreta, sino también entender el diseño como una herramienta estratégica para resolver problemas reales.

El resultado del proyecto es un prototipo funcional de una aplicación orientada a mejorar el proceso de pedido y recogida en comercios locales, reduciendo los tiempos de espera

y optimizando la experiencia del usuario.

La propuesta presenta una estructura clara y una navegación intuitiva, lo que permite validar su viabilidad como solución.


En cuanto al aprendizaje, se han consolidado conocimientos en diseño de interfaces

y prototipado mediante herramientas como Figma, comprendiendo mejor la relación entre diseño e interacción. Además, se ha reforzado la capacidad de tomar decisiones centradas

en el usuario, más allá de criterios

únicamente estéticos.


Por último, este proyecto no solo ha permitido desarrollar una solución concreta, sino también entender el diseño como una herramienta estratégica para resolver problemas reales.

MÁS PROYECTOS