BePay

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.

logo_presentation

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.

wireframes_presentation
animacao-validacao-sms

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.

bepay_app
app_presentation_1
screens_presentation

Web view BePay

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

sistema_presentantion

Selected Works

Renault ConnectApp Design

SleepyApp Design

BePay AppApp Design

Matera Internet BankingWeb Design, Responsive Design

CebraceApp Design

GOL AirlinesMultiple Projects