loader image

Mobile App UX/UI Design

DIGI PAY MOBILE APP

A FINANCLAL APP THAT WILL MAKE YOUR LIFE EASIER

img hero mockup

The Story behind

DIGI PAY MOBILE APP

Descpription

DIGI pay is a product that helps people to use their money more easily. That is, you can pay all utility bills, internet, mobile communications, online purchases and much more at touch of a button on your smartphone.

The idea of the project is to make financial relationship between people and organization as simple, safe and reliable as possible.

Our Role

Stratagy
Research
Branding
UI/UX Design

Making Your Business
Unique

Play Video

Project Timeline

project timeline digipay 2

PERSONAS

img personas jones smith 1

David Turner

Age: 19

Status: Single

Location: London

Biography

Jones is a 28 year old busy professional working in a fast-paced marketing agency. She manages multiple utility bills and monthly payments, often leading to confusion and missed deadlines. She desires a user-friendly mobile app that streamlines her payment processes, enabling her to pay bills, utilities, and online purchases with a single touch on her smartphone.

Goals

• Convenient Payments: Pay bills & utilities easily

Needs

• Secure and reliable payment platform

Frustration

• Complex payment processes

Personality

Loyal

Freckle

slider personality Creative 1

Introvert

Extravert

slider personality passive

Creative

Analytical

slider personality loyal

Passive

Active

slider personality passive
img personas davies smith 1

Emma Parker

Age: 23

Status: Single

Location: New York, USA

Biography

Davies is a 23-year old tech-savvy individual who loves to shop online for various products. She values simplicity and efficiency when making payments for her purchases. However, she often faces challenges in dealing with multiple payment gateways and entering sensitive card details on various platforms. She seeks a secure and user-friendly mobile app like DIGI Pay that can streamline the payment process during online shopping.

Goals

• Conveniently pay for online purchases

Needs

• Smooth and quick online payment process

Frustration

• Security concerns in online transactions

Personality

Loyal

Freckle

slider personality loyal

Introvert

Extravert

slider personality passive

Creative

Analytical

slider personality loyal

Passive

Active

slider personality Creative 1

The story continues

As the journey of DIGI Pay progresses, user feedback and market trends steer its design evolution. With a focus on enhancing user interfaces, introducing new features, and implementing advanced security measures, DIGI Pay takes a leap forward.

img story continues 01 1
img story continues 02 1
img story continues 03 1
img story continues 04 1

The story continues

Design Evolution

bg ellipse small

DIGI Pay’s design journey evolves as it adapts to user needs and industry developments. Streamlined interfaces, innovative functionalities, and fortified security protocols lead to a more refined and user-friendly experience.

USER FLOW

user flow digi pay mobile app

TYPOGRAPHY

POPPINGS

Primary Font

Aa

A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V W  X  Y  Z

a  b  c  d  e  f  g  h  i  j  k  l  m  n  o  p  q  r  s  t  u  v  w  x  y  z

0  1  2  3  4  5  6  7  8  9  !  @  #  $  %  a  &  c  *  0  ?  .  ,

COLORS PALETTE

color palette digipay 01
color palette digipay 02
color palette digipay 03

GRID+DIMENSION OF ELEMENTS

img digi pay grid dimension 01
img digi pay grid dimension 02

The final result

The culmination of DIGI Pay’s evolution is a cutting-edge financial platform that redefines user experience. With intuitive interfaces, a comprehensive array of features, and state-of-the-art security, DIGI Pay sets new standards in simplicity, safety, and reliability. Users can now effortlessly manage their finances, paying bills, making online purchases, and conducting various transactions with a single touch on their smartphones.

img mockup final result digipay
img digi pay final result

The Final Design

Here are some of the final design screens that we want to share with you.

img digi pay simple home

Home

Simple Home

on the main screen there are; cards, favorite contacts, payment history.

Contact

Favorite contact

For quick convenience, you can make quick transfers for your friends and family.

img digi pay favorite contact
img digi pay payment history

Payment

Payment history

The popular trip list can be reviewed by people. And they can pick their journey and make a price comparison.

Card

Card

By clicking on any of your cards, you will get to its functionality. you can perform: currency conversion, change the design of your card, view the payment history of this card, send or request funds.

img digi pay card
img final design showcase digi pay

Digi Pay Mobile App’s main product

Introducing - Digi Pay

img digi pay sotry behind 1

Main challenge

Responsive flows and diagrams

We worked on the best way to showcase the benefits of the product and how they could be integrated into the existing processes. To achieve that, we designed complex diagrams that could be scaled and folded on every screen size.

img digi pay project timeline 1
img digi pay final part