Etax

One solution. Multiple adaptations.

Etax is a mobile app, where the cardholders get full transparency over their spending. From real-time reports about their spending behavior to the visibility of a single transaction. They can use self-service features to manage addresses and bank details. The app allows the capture of receipts to get more control or report expenses to a third party.

Role

UI/UX design
Frontend implementation

Duration

3 Months

Client

get it live GmbH

Defining…the problem

With the get it live team we defined: the creation of the interface for a mobile application, where you can have complete control of expenses related to credit cards. In addition to having the opportunity to capture the physical payment vouchers for later control by a third party (in this case a company that has assigned a credit card to the cardholder).

This app should be standard, which means It would adapt to a potential client, that is, easily adapt the brand (logo, color, cards, etc). With that principle, we started to create a brand called etax.

Research

For this project, I ran user interviews. 12 people, 15 min each. The idea was to understand the basic information that a user needs when he consults his transactions, and what kind of action needs in order to give a report of his expenses.

What do expect to see when you online banking?
Do you report your expenses to a third party?
How do you stock your receipts?

User flow

I defined the possible flows for the app, here you can see when the user is already registered and visit the app for a second time.

Concept

In order to follow the goals, I created a interface that reflects friendliness, and also a fresh language.

Typography is another major player in the branding. Here are a few of the sample sizes and weights of the typography used.

I started with the medium fidelity wireframes to guide my designs and user interactions. Also in the wireframes I selected specific features in order to test them with the users.

Reinforcing the concept, with iconography

I don’t just do illustrations. I define meaningful concepts and give them visual outputs.

Usability test

For the final step before the implementation, I realized 7 usability tests with potential users. In addition to collecting opinions while browsing, I tested two main tasks:

Log in for the first time
Check the last transaction made

Mockups / final screens

After the wireframes steps, the design of the final mockups was easier. Taking the user flows and with the architecture information, I created every single screen in order to create a high fidelity prototype.