Client: Matera Systems

Project: App Design, Logo Design

The project

BePay is an app with payment and receiving money in mobile devices, it has a system that allows payment in offline mode. The first app version was built to Android, reducing time and costs of production. I used the Material Design from Google in Angular JS as the base to build the interface.

The logo process

The company did not have a defined visual identity, just the name of the app. Looking for good references to design, I found a way to give personality to the shape. A smile can be seen with letters B and P, presenting itself to the user in a way that no traditional bank or financial application does. After a lot of sketches, color study and tests, the logo was created.


The app process

The creation process was in two steps: wireframes and prototypes. On the first one, I used Sketch App to develop the wireframes, facilitating for the prototype step. To create interactions on the prototype I used Adobe Flash. 

This allowed the client to have an idea of how it will work and how steps in the flow need more attention and development.


App BePay

With the brand developed, I started to structure the app interface with the language, colors, and shapes defined throughout the process. I had many meetings with BePay team to align ideas and show the results. Every part was really important to present the best result.


Web view BePay

The service has also one web system to help the users consulting their transactions in desktop scenarios.


Selected Works

Renault ConnectApp Design

SleepyApp Design

BePay AppApp Design

Matera Internet BankingWeb Design, Responsive Design

CebraceApp Design

GOL AirlinesMultiple Projects