Web 1920 – 3@2x.png

Your Digital Wallet.

Everything you need in

one place!

Cashy App

logo final.png
cashy-middle-gif.gif
A simple finance application that lets you manage & track your expense at once.
Everything you need in one place!
UX / UI App Design
2019
Holon Institute of Technology
About_
Made At_
Creative Field_
Year_
111.png
educational-book.png

About

Product UX

iphone front page1.png

Style Guide

art1.png
smartphone1.png

UI Screens

educational-book.png

About the Project

The Challenge

As part of a course studies "user experience design", we were asked to design a tracking app of any kind.
I chose to design an app for tracking expenses and income.

Most people want to be more vigilant and smart when it comes to spending money in order to manage and monitor in a better way. Hence, in today's digital age there are more than enough applications that can allow us to manage smart tracking, so i tested number of apps.
 


After reviewing almost 15 apps I found that the "Achilles heel" of most of them is that the interface was overloaded with buttons and pages, without any focus or main button; that kind of load doesn't allow immediate use of the app and requires deeper learning, which can cause the user to leave prematurely.

The Idea

My main goal was to create a simple and intuitive interface that can prevent overload of information and that will allow the user an easy navigation through the main screen into the inner app screens. 

From the beginning I planned that the app would include a main and noticeable home button that would allow the user to add transaction from any screen he is on. The button will be colorful and placed at the middle of the navigator bar for the user convenience.

Main Guidelines

intersection1.png

Simple and unity 

smartphone1.png

Intuitive 

iphone front page1.png

User Experience

chair1.png

comfortable

art1.png

Design

 
Web 1920 – 5@2x.png
iphone front page1.png

Product UX

Persona

 
persona cashy new@2x.png

User Flow

user flow2.png
art1.png

Style Guide

 

Colors

Innovative,  Modern, Digital

colors@2x.png

Font

Rounded, readable, Monolinear

font@2x.png

Categories Icons

Elegant,  2-tone color

icons@2x.png
back only photo@2x.png
smartphone1.png

UI App Screens

One main Navigator-Bar that lead

to all the main app pages  

back only navigatr@2x.png

Setting

Watch all your finance data from all app sources on a stunning display

SETTING2.gif

Dashboard

Control all application & account settings in
one place

home.gif

Statistics

View all your expenses on vivid

graphs and charts.

STATISTICS.gif
ADD-TRANSAC.gif

Add Transaction

Add transaction quickly and easily by choosing main category and date.

MY-CARDS.gif

My Cards

Manage all your credit cards on one

beautiful display 

white wave@2x.png

Onboarding

Preview screens that allow the user to learn
a little about the app advantages

wave after anboard@2x.png
onboarding@2x.png

Registration / Sign in

Short process of registration / sign in to the app

 
wave after sign in@2x.png
regi1@2x.png
regi2@2x.png
regi3@2x.png

First Steps

3 Simple steps to create a new wallet

step1@2x.png
step2@2x.png
step 3@2x.png

Cashy App

logo final.png

The Full 

Experience

Watch the project on my Instagram page

1
cashy-3-post-first_02
navigation spinning
1
11
1/1
3746571.jpg

Up Next:

Assif Ha'yir