GOL Airlines

LAUNCH DATE
2018

PROJECT TYPE
App Design, Web Design, ATM Redesign

MY ROLE
Interaction Design, User flow, A/B Tests, UI Design

LAUNCH DATE
2018

PROJECT TYPE
App Design

MY ROLE
User flow, UI Design, Prototype, Information Architecture

LAUNCH DATE
2018

PROJECT TYPE
App Design

MY ROLE
User flow, UI Design, Prototype, Information Architecture

LAUNCH DATE
2018

PROJECT TYPE
App Design

MY ROLE
User flow, UI Design, Prototype, Information Architecture

1. Totem / ATM Redesign

1. Totem / ATM Redesign

The challenge was to redesign the interface of GOL check-in totems on Congonhas Airport - SP - BR. This included the understanding of how travelers spend their time on the check-in and delivering their baggage, it was an essential part of the project. The goal of the redesign was to let the process faster and with less line on totems.

totem_1

Mapping the user flow 

Mapping the user flow

Mapping the user flow

The first task was to understand how many time the traveler need to complete the role check-in. We got this information from the airport totem usage data and re-creating the user flow. My contribution was to bring visual navigation to developers and stakeholders to think together as a team and find the best way to facilitate the usability of the totem.

userflow

Working with physical device

Working with a physical device

Working with a physical device

Design for totems isn't the same thing that design for mobile devices. The first thing to know is about the technology used in totems, the screen size, resolutions and how many interactions the user can make per time. The Congonhas Airport totems are from the same partner and have the same configuration, but most of the times screens have different size and resolution. The guide below helped the developers understand the limitations.

totem_mapping

Building the user interface 

Building the user interface 

From design specification, the biggest challenge was to design an interface that allows limited interactions per screen. It wasn't easy, once there are a lot of information and components on the same screen. The seat map shows the list of 9 passengers in 2 screens - 1 to 5, 6 to 9. This limitation happens because the totem doesn't scroll up or scroll down on the screen.

From design specification, the biggest challenge was to design an interface that allows limited interactions per screen. It wasn't easy, once there are a lot of information and components on the same screen. The seat map shows the list of 9 passengers in 2 screens - 1 to 5, 6 to 9. This limitation happens because the totem doesn't scroll up or scroll down on the screen.

wire_totem_01
wire_totem_02

To redesign the other screens the guideline was the same: limit the interactions that need scroll and simplify the information on the screen. The result is an interface really close to the current app, with improved usability for totems. The decision comes from the app learn curve and brand guideline

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.

totem_ui_1
totem_ui_3
totem_ui_2
totem_ui_4

2. A/B test on the website homepage

2. A/B test on the website homepage

2. A/B test on the website homepage

The goal of this project was to bring more sales revenue to the company and partners on the website. With the marketing team, we realized the website homepage could be improved.  So we brought the partners as mini banners, above the line fold to alert the user of the benefits available on the GOL website.

The first action: identify where to put the mini banners and lift the interface.

ab_test_1

Second action: study, sketch alternatives and implement the A/B test. 

ab_test_2

The result was very good to partners and to sales revenue. We improved the conversion rate on Booking and Localiza on website. Now, we keep this structure on the web changing the position of the mini banners to test new ideas and products. You can check this job on voegol.com.br ➝ 

3. Learnings

3. Learnings

1. The biggest challenge of this project was to design an interface for a physical device that isn't present on my day of work. Go to the airport and see how people use the ATM is very crucial to understand the device limitation and how many time them spends trying to complete the check-in task.

2. To test something on GOL Airlines website isn't simple, because we have a lot of integrations and security limitations to implement something online. But, the culture to test small changes made the company understand how important it's to create value and generate insights to keep evolving the product.