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

Alfonso Vaccaro, 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

Sarah Thompson

Age: 30

Status: Divorced

Location: UK

Biography

Sarah is a 30-year-old marketing manager for a medium-sized e-commerce company. She has a Bachelor’s degree in Marketing and has been working in the digital marketing field for the past 10 years. Sarah is tech-savvy and keeps herself updated with the latest trends in digital marketing and web design.

Goals

Alex’s primary goal is to establish a strong online presence for his brand, attract more customers, and increase sales. He wants a visually appealing website that showcases his design portfolio and allows customers to easily browse and purchase products.

Needs

Sarah needs a website that reflects her brand’s identity, provides seamless navigation, and engages visitors effectively. She is looking for a responsive design that caters to both desktop and mobile users. Additionally, she needs easy-to-use content management tools to update the website regularly.

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

Adberry Web initiated the redesign process by conducting in-depth interviews with Sarah and Alex to understand their specific needs and pain points. The design team then created wireframes and prototypes based on these insights, focusing on intuitive navigation, visually appealing layouts, and responsive elements.

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