Aligning Heineken’s ordering platform with the new e-commerce brand identity

(03) rebranding

In 2023, a new brand identity for Heineken's e-commerce platform was introduced, and we needed to align the Heineken ordering platform with this updated visual language before the launch of the new eazle app. This involved refreshing icons, colors, typography, and the shape of various elements. The project required close collaboration with the development team to ensure smooth integration of the updated design.

Client

Heineken

Date

Aug 2023

Industry

Consumer goods

Scope of work

UI design

UX/UI audit

Goal of the project

In 2023 new brand for Heineken E-commerce was introduced.

Goal:

The goal was to get closer to newly developed eazle brand. Have eazle look and feel to make further transition easier for the user. Make further transition to the new design system easier.

What has been changed

Color (primary, dark backgrounds and accent colors)

Color (primary, dark backgrounds and accent colors)

Color (primary, dark backgrounds and accent colors)

Shape (border radius of elements)

Shape (border radius of elements)

Shape (border radius of elements)

Icons

Icons

Icons

We didn't change feature colors (loyalty, promotion, etc.), signal colors (information, success, error, warning), neutral colors (greyscale), interaction colors (enabled, hover, pressed).

Approach

Components

  1. We did an audit of all the component.

  2. Next to it, we replaced color tokens and border radius properties for all the containers, tiles, input fields, dropdowns, etc.

  3. We replaced iconography with new icons

Master pages

We went through master pages to double check and find all the inconsistencies where applicable

Development refinement

We conducted refinement sessions with the development teams and identified all the instances that needed to be updated.

During audit we identified 40+ local color styles in different CSS files. We orginised, and mapped those styles to variables.

Results and learnings

  1. Created more consistency in the components.

  2. According to customers feedback the platform looks more “friendly and modern”.

  3. More consistency in code base


Learnings: Before implementing such a complex project, full platform audit needed with mapping all the changes and calculating amount of changes.

This helps to correctly estimate development effort and decrease amount of refinements that have been accomplished.

  1. Created more consistency in the components.

  2. According to customers feedback the platform looks more “friendly and modern”.

  3. More consistency in code base

Learnings: Before implementing such a complex project, full platform audit needed with mapping all the changes and calculating amount of changes.

This helps to correctly estimate development effort and decrease amount of refinements that have been accomplished.

  1. Created more consistency in the components.

  2. According to customers feedback the platform looks more “friendly and modern”.

  3. More consistency in code base

    Learnings: Before implementing such a complex project, full platform audit needed with mapping all the changes and calculating amount of changes.

    This helps to correctly estimate development effort and decrease amount of refinements that have been accomplished.

Next Project →

Aligning Heineken’s ordering platform with the new e-commerce brand identity

(03) rebranding

In 2023, a new brand identity for Heineken's e-commerce platform was introduced, and we needed to align the Heineken ordering platform with this updated visual language before the launch of the new eazle app. This involved refreshing icons, colors, typography, and the shape of various elements. The project required close collaboration with the development team to ensure smooth integration of the updated design.

Client

Heineken

Date

Aug 2023

Industry

Consumer goods

Scope of work

UI design

UX/UI audit

Aligning Heineken’s ordering platform with the new e-commerce brand identity

(03) rebranding

In 2023, a new brand identity for Heineken's e-commerce platform was introduced, and we needed to align the Heineken ordering platform with this updated visual language before the launch of the new eazle app. This involved refreshing icons, colors, typography, and the shape of various elements. The project required close collaboration with the development team to ensure smooth integration of the updated design.

Client

Heineken

Date

Aug 2023

Industry

Consumer goods

Scope of work

UI design

UX/UI audit