felipe-coletti-home-cover-brastemp@2x

Client

Client / Project

What is about

What is about

The challenge

The challenge

Design process

Design process

Research

Research

WHIRPOOL  /  BRASTEMP

WHIRPOOL  /  BRASTEMP

Website

and chatbot

Website and chatbot redesign

redesign

 

To help consumers make the best choice among Brastemp products unifying the e-commerce and the institutional portal. Also to facilitate the purchase and create excellence in after-sales.

To help consumers make the best choice among Brastemp products unifying the
e-commerce and the institutional portal. 

group-7
felipe-coletti-brastemp-research

User needs


I started my research as a potential buyer so I tried to understand everything users need to know before buying a refrigerator.

User needs


I started my research as a potential buyer so I tried to understand everything users need to know before buying a refrigerator.

player-2@3x
felipe-coletti-brastemp@3x

Keyword traffic report

Then I generated a keyword report to discover what users’ seek about Brastemp on the web. The results also ensured some of my previous perceptions of the brand.

Keyword traffic report

Then I generated a keyword report to discover what users’ seek about Brastemp on the web. The results also ensured some of my previous perceptions of the brand.

group-5@3x
felipe-coletti-jornada-do-usuario-brastemp@3x

Users journey

Users journey

When the team started to draw the journey, we gathered some strategists and designers to discuss.

We have gone from a linear journey to a more complex model: The Shopping funnel transformed into a cycle where each moment is worth more.

To do that we divided the journey into four key moments and created a perspective about what we wanted to achieve.

When the team started to draw the journey, we gathered some strategists and designers to discuss.

We have gone from a linear journey to a more complex model: The Shopping funnel transformed into a cycle where each moment is worth more.

To do that we divided the journey into four key moments and created a perspective about what we wanted to achieve.

group-8
felipe-coletti-brastemp-users-journey

Personas

Personas

Many opportunities were discovered in this step. The most important was the necessity to create a service that will support consumers in every step of the funnel, even in physical stores.

 

Within a general view of the user's journey, I started to understand Brastemp consumers. By analyzing the collected data and some profiles sent by the client, I got into three major profiles.

- Luxury and decoration
- Open House
- Loyal


Then I started to draw a content strategy:
setting communication tone, defining approaches and segmenting strategy for each cluster.

Below you can see the “Luxury and decoration” persona:

Within a general view of the user's journey, I started to understand Brastemp consumers.

Below you can see the “Luxury and decoration” persona:

persona_brastemp
group-5@3x

Sitemap

Sitemap

After the definition of content and personas, I started the sitemap knowing that my main challenge was to unify the e-commerce and the institutional portal into a unique website. Below you can see how the structures of both websites were and how we proposed the new version.

 

How it was

When we started the project Brastemp had two different websites.

After the definition of content and personas, I started the sitemap knowing that my main challenge was to unify the
e-commerce and the institutional portal.

group-9@3x

Brastemp new Sitemap


After a strategy alignment, the whole team decided to merge all the important information into a unique portal, always supported by an always-on assistant.

In this version of the sitemap, templates can generate different types of pages and contents.

Brastemp new Sitemap


After a strategy alignment, the whole team decided to merge all the important information into a unique portal, always supported by an always-on assistant.

In this version of the sitemap, templates can generate different types of pages and contents.

group-11@3x

Sketch

Sketch

As usual, before the wireframes, I started some sketches. On the concept sketch, I’ve created a huge structure setting rules and orienting the content according to users’ needs.

As usual, before the wireframes, I started some sketches. On the concept sketch, I’ve created a huge structure setting rules and orienting the content according to users’ needs.

screenshot@2x
felipe-coletti-mochup-brastemp@3x

Wireframe

Wireframe

GAB

GAB

Home

As the principal page of the portal, the relevance was Huge. So I decided to represent "the consumer dream kitchen" on their first access. To do this, we used audience strategy by crossing personas profile, Brastemp proprietary information, and third party data. 

Home

As the principal page of the portal, the relevance was Huge. So I decided to represent "the consumer dream kitchen" on their first access.

3-home-after-seconds@3x

Menu

To define taxonomy and the structure we used keyword “search volume” in proprietary and external channels. We also created a premium area for Brastemp special products. 

Menu

To define taxonomy and the structure we used keyword “search volume” in proprietary and external channels. We also created a premium area for Brastemp special products. 

menu@3x

Chatbot - GAB


We evolved "Brastemp consultant service" to a chatbot.

Acting as an assistant during pre and post-purchase and becoming a permanent CRM system.

 

The biggest difference between any other chatbot is that GAB also is present in physical stores. Its presence will be used in partnership with the main retailers and assist buying in physical stores.

 

Chatbot - GAB


We evolved "Brastemp consultant service" to a chatbot.

Acting as an assistant during pre and post-purchase and becoming a permanent CRM system.


group-12@3x

This is the visual identity of the "always by your side assistant" (GAB).

This is the visual identity of the "always by your side assistant" (GAB).

felipe-coletti-brastemp@3x

Visual aplication

Visual aplication

I would like to give special credits to Danilo Nagura, Marco Leal, Francisco Adelano, Camila Moletta and also to the Creative Technologist Thomaz Abramo for this project.

I would like to give special credits to Danilo Nagura, Marco Leal, Francisco Adelano, Camila Moletta and also to the Creative Technologist Thomaz Abramo for this project.

screen-shot-2018-08-05-at-12-54-04@2x

Motion design

Visual e Motion design

You can check the final result of the project in the video below. We created this video for the pitch. Also as a design interaction guide.


I would like to give special credits to Danilo Nagura, Marco Leal, Francisco Adelano, Camila Moletta and also to the Creative Technologist Thomaz Abramo for this project.

footer-felipe-coletti
felipe-coletti-proximo-