Rol
- Product design, UI design, UX design
¿Cómo ayude?
- Arquitectura de información, Flujos de usuario, Mockups, Design system, Prototipo
Duración
- 30 días
Vaale Pay
Vaale Pay o Vaale sin filas es una app que funciona como método de pago en los supermercados ofreciéndole al usuario la posibilidad de pagar desde su celular son necesidad de hacer una sola fila.
Desafio
- Diseñar una app móvil que funcione como método de pago para evitar las largas filas en los supermercados y almacenes de cadena.
Solución
- Diseñamos una app con todo un checkout integrado, la cual funciona como scanner de los códigos de barras de los productos, dando así la facilidad a cada usuario de registrar sus productos en cualquier momento y pagar con su tarjeta de crédito, sin necesidad de hacer largas filas en las cajas de los supermercados o almacenes de cadena.
Design system
Definición del sistema de diseño a través de design tokens, para lograr escalabilidad y consistencia. Como valor agregado a este proyecto, logré optimizar el sistema de diseño logrando con solo unos cuantos tokens, obtener una versión dark mode.
En total fueron creados 268 tokens entre light y dark mode + 30 componentes con sus respectivas variaciones.
Producto
En total fueron creadas 37 vistas que le dieron vida a esta app.
También fue creado un prototipo de alta fidelidad para tener un acercamiento mucho más claro de las funcionalidades. Con el objetivo de que el usuario lograra ahorrar tiempo y esfuerzo se diseñó toda la experiencia de usuario.
La primera vista facilita la opción del scanner. Como es un método de pago rápido, el usuario solo puede elegir hasta 10 productos. Para realizar el pago, el usuario puede configurar sus tarjetas de crédito y pagar con cualquiera de ellas.
Al finalizar la compra, el usuario debe mostrar un token al vigilante para verificar su compra.
