Case Study

Definition

Client
App Voice

Industry
Accounting/ finance

Solutions
Prototyping, UI UX, Brand Style Guide, Logo Design

About
App Voice is a new solution for managing invoices. the idea behind is to automate the whole process from the first stage of the user typing a new document to the CPA receiving it.

Screens

Home Screen
Alerts

Home

Menu

Sales Summary

Main Customers

Sales Summary
(Product Focused)

Register

Client Invoice

Clients

Home Screen Characterization

Home Screen Goal
To present latest information and notifications in a certain period of time in order to keep the user updated.

Home Screen Data Mapping

Document Alerts Box

Client Name
Doc Type
Date
Sum

Last Documents

Type
Quantity
Headline
Headline
Main screen

menu

Settings Hamburger Menu
Suppliers
Clients
Sales

Report

Income
Expenses
Sum
Display Mode

Wireframing

A

B

Criteria Chart

Criteria
Information Hierarchy Flow
Usability
KPI For Developers
Sum
Concept B
70%
80%
90%
80%
Creteria
Information Hierarchy Flow
Usability
KPI For Developers
Sum
Concept A
90%
90%
80%
87%

Usability Testing & Users Surveys

Usability Testing is a measure of how easily the system can be used by end users, parameters such as color text visual elements and information hierarchy are tested. The following example presents the home screen before and after usability testing & user surveys.

Leaks Found:
1. Arrows are too bold and create imbalance in eye focus.
2. Hamburger menu has too little contrast with background and can't be recognized at first glance.
3. Display buttons are not clear enough

Before

After

Color Palette

#F2F2F2

Classic and established look, mostly used for backgrounds.

#01B875

Fresh, mostly used for main UI layout & elements

#5B5B5B

Neutral and established look mostly used for text.

#B80101

Urgency, lack of time, mostly used for alerts.

Typography

Properties
Round, established, reliable. Since a finance app should hold sensitive data the main goal is to let users know they are under control.
Segoe UI Regular
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
Segoe UI Bold
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

01

Next Project

All Rights Reserved To Wander Studio