MODO | Mobile App Design Case Study

The challenge

MODO approached Paisanos with a significant obstacle, the product launch date was stipulated within 2 months and although the back-end was developed, the product didn't have a designed interface.

That's why, from Paisanos we assigned a dedicated squad to achieve a product within the highest standards of quality, in a short period of time.

1 product, 3 core features

We decided to create a design system based on the 3 core features that the product will offer to customers. Send money, ask for money and pay with a QR code. The goal was to create a pattern for each vertical, applied to the product as well as communication.

2 product identity proposals

With the concept defined, we explored 2 different paths in order to give the MODO team alternatives with diverse design characteristics.

The chosen one

Having selected the proposal, we fixed upon the UI of the product, emphasizing the delivery of a simple and clear interface, but having a unique identity that would allow MODO to stand out over the competition.

Atomic design approach

In order to make the product scalable for the MODO teams, we developed a design system based on the Atomic Design approach by Brad Frost.

Custom onboarding animations

We've also created custom animations in order to give life to product onboarding, transmitting the identity from the start.

A 360º payment experience

- Vertical, giving a physical frame to the gesture of sending money from one device to another

- Synchronized with a payment sound made during the development with Papamusic and which is also part of the audio branding of MODO.

- Including vibrations in the cell phone (for the devices that support it)

- Handcrafted animations and transitions
‍
- Graphing the nodes, which are part of MODO's brand and represents the alliance of the Argentinian banks