Proyecto:
Año:
Pagos STT es un nuevo servicio complementario para comercios que reciben pagos en línea y que cuentan con múltiples pasarelas de pago. De esta manera, se busca simplificar centralizar y simplificar los cobros a los comercios, y ofrecer a los clientes ‘pagadores’ las pasarelas de pago que mejor se acomoden. Con el objetivo de diseñar la experiencia en la herramienta, propuse un Kit UI que contribuyera a la coherencia visual e interactiva, que a su vez transmitiera confianza.
Uno de los primeros pasos en el proyecto fue establecer una visión común del mismo con diferentes actores e interesados en el proyecto. De este modo, se establecieron varias épicas y se detalló en mapas de baja fidelidad el paso a paso del usuario en los diferentes procesos con los que contaría la herramienta en su MVP.
Siguiendo los principios del diseño atómico, definí los tokens o fundamentos que podrían constituir la interfaz gráfica de usuario. Las decisiones en tipografía, color y grilla estuvieron motivadas por la legibilidad, la accesibilidad, el control, la modularidad y la facilidad de mantenimiento.
La definición de nuevos componentes y variantes de los mismos, se dio a medida en que avanzaba con el diseño y detectaba nuevas necesidades. Utilizando las funcionalidades de Figma para creación de componentes y variables, y aplicando dentro de los mismos propiedades de Autolayout, construí una serie de átomos y moléculas que optimizaban mi esfuerzo y garantizaban cohesión en el diseño.
Uno de los primeros pasos en el proyecto fue establecer una visión común del mismo con diferentes actores e interesados en el proyecto. De este modo, se establecieron varias épicas y se detalló en mapas de baja fidelidad el paso a paso del usuario en los diferentes procesos con los que contaría la herramienta en su MVP.
Diseñado y desarrollado por David Muñoz Ordoñez
