Coffee delivery app

Golden Coffee Delivery
tracking App

Realicé el diseño UX & UI en un periodo de un mes de Golden Coffee delivery tracking App una app para ofrecer delivery y pickup para los trabajadores que no cuentan con el tiempo necesario para poder esperar su café y panes de repostería. Para aplicar el Diseño UX & UI realicé entrevistas, User persona, User Journey Map, wireframing, prototipo y Design system.

Mi Rol

UX Designer

Visual Designer

Duración del Proyecto

Cinco Meses

Colaboradores

1 Stakeholder
1 Developers

¿Cuáles son las oportunidades de mejora?

Algunos clientes no cuentan con el tiempo para esperar antes de pasar por sus café porque se dirigen a los trabajos pero necesitan un café para iniciar bien el día laboral y en el momento que se encuentran en su trabajo necesitan la posibilidad de obtener su café sin interrumpir su jornada laboral.

  • Las personas cuentan con poco tiempo para poder esperar por un café de camino al trabajo.
  • Los usuarios quieren pedir café en su trabajo de su cafetería favorita.
  • Algunas aplicaciones locales no cuentan con la opción de Pickup solo cuentan con delivery.
  • Las aplicaciones locales no permiten personalizar tu café con tus preferencias o de acuerdo con tus alergias

La Solución

Diseñé una aplicación móvil de que les permite a los usuarios seguir un proceso de orden sencillo que además les permite personalizar su café para evitar ingerir algún ingrediente que les cause alergia. Tomando en cuenta las problemáticas principales diseñé el apartado que permita que los clientes puedan pedir Pickup para evitar el estrés de la espera y permitir ordenar un delivery desde su trabajo todo esto diseñando en base a los datos recolectados con las encuestas, user persona y user journey; con esta información procedí a realizar wireframes, prototipo y mini disign system para obtener un producto digital rentable y de valor para el cliente.

step 1q

Empatizar

¿Cuáles son las metas de la empresa?
¿Cuál es mercado meta?
¿Cuáles son los pain points?
¿Quiénes son sus competidores?
¿Cuál es su identidad de marca?

step 2q

Definir

¿Cómo definir el User Persona?
¿Cuál es el problema?
¿Cómo se organizarán las reuniones?
¿Cuáles son los entregables?

step 3q

Idear

Crear el Site Map
Iniciar a definir User Flows
Realizar el proceso Sketch

step 4q

Prototipar

Diseñar Lo-Fi Wireframes
Diseñar Hi-Fi Wireframes
Crear Design Systems

step 5q

Probar

Obtener la retroalimentación del Stakeholder
Realizar el Usability Study
Validar la experiencia del usuario

Metodología
Design Thinking

La metodología Design Thinking es una herramienta que se acopla perfectamente para comprender a la compañía, usuario y el producto digital en el que se está trabajando, utilizando instrumentos, pruebas y entregables que pertenecen al proceso investigación de usuario, prototipado y pruebas de usabilidad es posible desarrollar un producto de alta calidad.

Para plantear las bases fue necesario documentar los usuarios y proponer las primeras interfaces del sitio web instruccional

Para lograr plantear correctamente la App fue necesario utilizar herramientas como entrevistas que permitieron obtener la información necesaria sobre los usuarios, preferencias y puntos de mejora. Luego es necesario definir un User Person, User Journey Map e iniciar a crear cada uno de los wireframes, el prototipo y realizar las pruebas de usuario para asegurar que el resultado final se ajusta correctamente a las necesidades e interés de los usuarios. Generé cada uno de los apartados para el diseño de la App de delivery y pickup.

B. persona
U. Journey Map
P. wireframes
S. Map
personacofeeapp grace min
Google User Journey golden min
paper golden coffee 1
InformationArchitecture golden cof min

Design System

En cuanto al design system es una versión reducida con los componentes utilizados, iconografía y texto todo listo para compartirlo con un desarrollador para que este inicie su desarrollo.
Stikers golden cof min

Las áreas que mejoramos para
satisfacer al cliente se muestran
a continuación

home-img-unmrma

Personalizar el café al momento
de ordenar

Para ayudar a los usuarios a personalizar su café en base a sus preferencias o alergias es necesario darles la oportunidad para que el usuario tenga la mayoría de los ingredientes a mano para seleccionarlos. Esto se resuelve utilizando una lista de ingredientes y sus opciones.

Mostrar la opción de pickup y
delivery junto con la confirmación
del pedido

En el caso de ayudar a los clientes a que puedan seleccionar el tipo orden que desean pedir por la aplicación de delivery o pickup, toma en cuenta que muchas personas necesitan pedir café para llevar a sus trabajos y no cuentan con el tiempo para esperar en la cafetería. En cuanto a la confirmación del periodo es necesario que el cliente tenga acceso a los diferentes métodos de pago y a la cantidad de cafés que desea pedir. Todas estas oportunidades se aprovecharon para organizando los componentes para facilitar su uso y el flujo que los usuarios deben de seguir.

carreras-area-img-unmrma
home-img-unmrma

Realizar el seguimiento de los pedidos con diferentes métodos

Para este proceso es necesario notificar al usuario del estado del producto para que este sea consciente de los procesos que se realizan con su orden y evitarle el estrés de no conocer si su pedido fue recibido. En cuanto al diseño es necesario mantener elementos similares para orientar al usuario además de esto etiquetar los procesos de mayor importancia para que este sepa cómo hacer contacto con la cafetería esto le da más control en todo el proceso para ser atendido como es debido.

Mockups

golden coffee figma scaled

Aspectos a tomar en cuenta

En el caso de golden Coffee Delivery App es necesario tomar en cuenta nuevos flujos de usuarios para poder generar los apartados de gestión de perfiles, pagos, dirección, onboarding screen y demás flujos de usuarios necesarios para completar la experiencia sencilla e intuitiva que se está realizando en la App.

¿Qué aprendizaje tuve al diseñar la App?

En este proyecto uno de mis mayores aprendizajes fue entender mejor las necesidades de los clientes que día a día se transportan a su trabajo y no tienen la liberta de conseguir su café o postres de su cafetería de preferencia por la falta de tiempo, esto me permitió entender al usuario y sus necesidades, además de analizar a los clientes fue necesario entender a la competencia para saber los estándares de las app de delivery y pickup esto ayudo a generar una experiencia sencilla e intuitiva.

es_ESES