BePay

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 the time and costs of production. I used the Material Design from Google in Angular JS as the base to build the interface.

LAUNCH DATE
2016

PROJECT TYPE
App Design, Web Design

MY ROLE
UI Design, Logo Design

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 the time and costs of production. I used the Material Design from Google in Angular JS as the base to build the interface.

LAUNCH DATE
2016

PROJECT TYPE
App Design, Web Design

MY ROLE
UI Design, Logo Design

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 the time and costs of production. I used the Material Design from Google in Angular JS as the base to build the interface.

LAUNCH DATA
2016

PROJECT TYPE
App Design

MY ROLE
UI Design, Logo Design

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 the time and costs of production. I used the Material Design from Google in Angular JS as the base to build the interface.

LAUNCH DATE
2016

PROJECT TYPE
App Design

MY ROLE
UI Design, Logo Design

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 the time and costs of production. I used the Material Design from Google in Angular JS as the base to build the interface.

LAUNCH DATE
2016

PROJECT TYPE
App Design

MY ROLE
UI Design, Logo Design

introducing

1. Logo Design

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

2. Wireframes

2. Research

2. Research

The creation process was in two steps: wireframes and prototypes. On the first one, I used Sketch App to develop the wireframes, facilitating the prototype step.

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

3. App Design

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 the BePay team to align ideas and show the results. Every part was really important to present the best result.

Download on Apple Store ➝ 

Download on Google Play ➝ 

screens_bepay

4. Webview

The big question about this project is not to have the client perception because it's a freelance job and there's no information from users or even what needs to improve. Another point is about not to understand specifically what is the core business from start. That complicates sometimes when you are designing an interface. It's hard if you don't have enough information from the wireframe document to build a better user interface as possible.

Link to Webview ➝ 

Among the 6 teams, our idea won the connected cars category. As part of the prize, the team won one travel to Paris to meet the Renault Tech Center and your engineers to talk about the project and where the team could help the company.

webview

5. Learnings

5. Learnings

Build an app interface to this kind of market is very interesting because of the complexity of product understand from the client-side. The Brazilian people are very sensitive to money to manage app solutions and bring value to them is, in almost case, very hard. This project helps me understand better the company's core business and bring me a new way to work as a professional. The research was very important to define some project goals before to design the interface.

Build an app interface to this kind of market is very interesting because of the complexity of product understand from the client-side. The Brazilian people are very sensitive to money to manage app solutions and bring value to them is, in almost case, very hard. This project helps me understand better the company's core business and bring me a new way to work as a professional. The research was very important to define some project goals before to design the interface.