Project:
Year:
STT Payments is a new complementary service for online merchants with multiple payment processing services from different providers. It seeks to simplify and centralize the way merchants receive their online payments, while offering their customers their preferred or best-suited payment gateway. The design goal was to design the tool's user experience, and for this I created an UI Kit able to contribute to the product's visual and interactive coherence, creating trust with their users.
One of the first steps in the project was to build a common vision for it among different stakeholders. This way, various epics were established for the project's MVP, and the user journey for different processes and actions was detailed in low fidelity task flows.
Following Atomic design principles, I defined design tokens or foundations that would be the building blocks for the user interface. Typography, color and grid decisions were made motivated by legibility, accessibility, design control, modularity and ease of future design maintenance.
As I kept going in designing and finding new UI needs, I defined and created new components and their variants. Using Figma's Component and Variants functionalities, and applying within them Autolayout properties, I built a series of design atoms and molecules that optimized my effort and time, while keeping visual design cohesion.
One of the first steps in the project was to build a common vision for it among different stakeholders. This way, various epics were established for the project's MVP, and the user journey for different processes and actions was detailed in low fidelity task flows.
Designed & developed by David Munoz Ordonez
