Heineken
Player 0.0 site

Heineken
Player 0.0 site

Heineken
Player 0.0 site

My Role

My Role

UX/UI Designer
Interaction Design, Visual Design, Prototyping

UX/UI Designer
Interaction Design, Visual Design, Prototyping

Team

Team

Design: Izaac Ogata & Gustavo Virgilio

Management and Development: Squadfy

Timeline & Status

Timeline & Status

2 months, Launched in October 2023

Overview

Overview

Layout creation for the Heineken Player 0.0 competition website for the 2023 Formula 1 season.


The goal was to present the campaign information clearly and intuitively while maintaining the energy of the event and the brand’s identity.


During the process, user flows were defined, wireframes were created, and high-fidelity prototypes were produced.

Speed up on the track and represent Brazil!

Delivering
Happiness

Delivering
Happiness

Context

Context

Player 0.0 is Heineken 0.0’s initiative that connects audiences to the world of Formula 1 while reinforcing the message of responsible consumption.


For this campaign, 2023 F1 players could participate by showing their best lap time. The top 20 then competed for prizes and the chance to represent Brazil in the Player 0.0 final in the Netherlands.

The Challenge

The Challenge

The website’s communication needed not only to remain consistent with the Heineken Player 0.0 brand but also to respect the use of the F1 brand and the F1 2023 game.


In addition, the site layout needed to include all the necessary information about the competition without overwhelming or confusing the user.

Site Content

Site Content

The website was developed with the different stages of the competition in mind (registration, qualifying scores, and winners). This way, the site could be continuously updated with new information without needing to change the layout, making navigation more intuitive for users.

As part of the site redesign, one of the key decisions to enhance user experience was removing the "For Sponsors" and "For Artists" pages. While the goal of the site was to facilitate contact with potential clients, having these pages immediately accessible could shorten the time users spend learning about 30e and its work. This, in turn, could lead to lower conversion rates, as users may not have enough information or trust built up before deciding whether to reach out.

To reinforce credibility and brand authority, we added a dedicated space to showcase the artists and events that worked with 30e. A new page highlights the artists and bands, while another page displays both current and past events. Both these elements serve as a portfolio, demonstrating the company’s experience and expertise.


Also, to increase the brand’s credibility and relevance, a "Media Presence" section was introduced. This section displays headlines from reputable news sources, linking to coverage of the company’s latest projects. By presenting third-party validation, we could reinforce trust and authority.

As part of the site redesign, one of the key decisions to enhance user experience was removing the "For Sponsors" and "For Artists" pages. While the goal of the site was to facilitate contact with potential clients, having these pages immediately accessible could shorten the time users spend learning about 30e and its work. This, in turn, could lead to lower conversion rates, as users may not have enough information or trust built up before deciding whether to reach out.



To reinforce credibility and brand authority, we added a dedicated space to showcase the artists and events that worked with 30e. A new page highlights the artists and bands, while another page displays both current and past events. Both these elements serve as a portfolio, demonstrating the company’s experience and expertise.



Also, to increase the brand’s credibility and relevance, a "Media Presence" section was introduced. This section displays headlines from reputable news sources, linking to coverage of the company’s latest projects. By presenting third-party validation, we could reinforce trust and authority.

Layout

Layout

In addition to using the Player 0.0 brand identity as a base, elements from the world of F1 and video games were used as references, such as arranging the winners’ prizes like a podium and incorporating iconography of controllers and buttons.

As part of the site redesign, one of the key decisions to enhance user experience was removing the "For Sponsors" and "For Artists" pages. While the goal of the site was to facilitate contact with potential clients, having these pages immediately accessible could shorten the time users spend learning about 30e and its work. This, in turn, could lead to lower conversion rates, as users may not have enough information or trust built up before deciding whether to reach out.

To reinforce credibility and brand authority, we added a dedicated space to showcase the artists and events that worked with 30e. A new page highlights the artists and bands, while another page displays both current and past events. Both these elements serve as a portfolio, demonstrating the company’s experience and expertise.


Also, to increase the brand’s credibility and relevance, a "Media Presence" section was introduced. This section displays headlines from reputable news sources, linking to coverage of the company’s latest projects. By presenting third-party validation, we could reinforce trust and authority.

As part of the site redesign, one of the key decisions to enhance user experience was removing the "For Sponsors" and "For Artists" pages. While the goal of the site was to facilitate contact with potential clients, having these pages immediately accessible could shorten the time users spend learning about 30e and its work. This, in turn, could lead to lower conversion rates, as users may not have enough information or trust built up before deciding whether to reach out.



To reinforce credibility and brand authority, we added a dedicated space to showcase the artists and events that worked with 30e. A new page highlights the artists and bands, while another page displays both current and past events. Both these elements serve as a portfolio, demonstrating the company’s experience and expertise.



Also, to increase the brand’s credibility and relevance, a "Media Presence" section was introduced. This section displays headlines from reputable news sources, linking to coverage of the company’s latest projects. By presenting third-party validation, we could reinforce trust and authority.

Home

Home