loader image

Mobile App UX/UI Design

Adberry
Web

A FINANCLAL APP THAT WILL MAKE YOUR LIFE EASIER

img hero section adberry

The Story behind

Adberry web

Description

Adberry 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

Project duration: 2.5 month
Hours worked: 348
Screens created: 68

Making Your
Business Unique

Play Video

Project Timeline

project timeline adberry 1

PERSONAS

img personas alfonso vaccaro 1

Alfonso Vaccaro

Age: 21

Status: Single

Location: Belarus

Biography

Irina, loves art very much, knows how to draw beautifully by hand and make portraits. He is fond of design, also fulfills orders, thereby working as a designer. She is fond of reading, photography. She likes to actively spend his holidays in nature, knows how to cook pancakes deliciously.

Goals

• Money transfers within your country and abroad

• In one click to see the balance on the bank card

Needs

• Keep track of your income and expenses

• Make purchases online

Frustration

• Money transfers are not saved in her bank

• There is tab with selected payments

Personality

Loyal

Freckle

slider personality loyal adberry

Introvert

Extravert

slider personality introvert adberry

Creative

Analytical

slider personality creative adberry

Passive

Active

slider personality passive adberry
img personas rayna press

Olivia Turner

Age: 30

Status: Divorced

Location: UK

Biography

Olivia is a 30-year-old working professional from the UK. She leads a busy lifestyle and desires a simple and efficient way to manage her finances.

Goals

• Simplified Payments: Easy bill management

Needs

• Convenient utility bill payment on smartphone

Frustration

• Late payment penalties

Personality

Loyal

Freckle

slider personality loyal adberry

Introvert

Extravert

slider personality introvert adberry

Creative

Analytical

slider personality creative adberry

Passive

Active

slider personality passive adberry

The story continues

Design Evolution

bg ellipse small adberry

New UI assets were created for the main brand based on the worked previously done by Netguru.

We leveraged the style of the Quality Faster illustrations to create a unique icon set to maintain the link between the main brand and its products. A new pattern was devised as a derivative from the main logo to enhance the brand visual identity.

USER FLOW

user flow adberry

Typography

Work Sans

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 adberry 01
color palette adberry 02
color palette adberry 03

GRID+DIMENSION OF ELEMENTS

adberry grid dimension

The final result

We dressed the website with a new look and made sure it works in every size. We passed our work to the Client’s dev team, so an extensive handover styleguide was created to assure good implementation of the designs.

img mockup final result adberry
img adberry final result

The Final Design

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

img adberry 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 adberry favorite contact
img adberry payment history

Payment

Payment history

You can view your entire payment history, also at any time period.

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 adberry card
Frame 1000008031

Adberry Web main product

Introducing - Adberry Web

img adberry 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 adberry project timeline 1
img adberry final part 1