UNILEVER

Um app de cronograma capilar para explorar a essência de todos os tipos de cabelo

O DESAFIO

A Unilever, multinacional de bens de consumo presente em mais de 190 países, faz parte da vida dos brasileiros há 85 anos, marcando gerações, criando memórias afetivas e transformando comportamentos.

Em 2019, após o resultado de seu concurso anual de trainees, a empresa buscou a parceria da consultoria de design Badaró para desenhar, no espaço de 1 mês, o aplicativo Unilever de cronograma capilar para ser integrado ao portal global, All Things Hair.

A aplicação deveria oferecer uma agenda de recuperação eficiente, que levasse em consideração as particularidades capilares de cada usuário.

 
O PROCESSO

Durante um workshop de cocriação, a jornada do usuário e o sitemap foram desenhados a 4 mãos, priorizando as funcionalidades que caberiam no curto tempo do projeto com soluções criativas e eficientes para desafios complexos de negócio e operação. 

aplicativo unilever design_interface_produto_digital_unilever_badaro_case_sucesso

Mais do que um produto, o objetivo é entregar valor.

Depois de desenhar o fluxo de telas na parede, os wireframes sugeriam interfaces que pudessem tornar a navegação do usuário prazerosa, desde a investigação do seu tipo de cabelo, necessidade e nível de dano, até a indicação de um tratamento personalizado.

aplicativo univelever all things hair badaro design equipe design experiencia
 
 

O desafio nessa consultoria de design foi criar uma interface que tornasse prazeroso o processo de responder as questões que identificariam o tipo e estado do cabelo do usuário.

Respeitando a identidade visual do All Things Hair criamos um layout leve e lúdico para o aplicativo Unilever. O trabalho iconográfico foi feito de forma que ilustrasse os tipos de cabelo e danos de forma inusitada e divertida. O ícone para ilustrar o tipo de cabelo misto, por exemplo, é uma sereia que é um ser misto mulher, misto peixe.

aplicativo unilever design_interface_produto_digital_unilever_badaro_case_sucesso

Os desenvolvedores estiveram conosco desde os primeiros momentos de imersão e isso nos deu respaldo para que a construção do MVP do produto fosse o mais assertiva e funcional possível.”

Beatriz Sanabio

UX Lead na Badaró
TECNOLOGIA

Para eliminar a necessidade de publicação em uma app store, que exigiria do usuário download e instalação, nossos especialistas em consultoria de tecnologia desenvolveu uma aplicação híbrida, que pode ser acessada com a mesma navegabilidade tanto na web quanto no mobile.

Com uma linguagem de fácil manutenção e alto nível de performance, o Angular foi utilizado no desenvolvimento e garantiu uma integração fluida e eficiente entre as camadas da aplicação, atingindo 100 pontos de boas práticas de programação nas análises do Google Lighthouse.

Para garantir a eficiência na utilização do aplicativo, as camadas de microsserviços, engine e bancos de dados ficaram configuradas em um ambiente AWS. Por fim, foram criados testes unitários automatizados para comprovar a performance e a segurança do aplicativo. Assim, transformamos o negócio com soluções digitais e tecnologias ideais para esse desafio Unilever. 

aplicativo-unilever-design_interface_produto_digital_unilever_badaro_case_sucesso
RESULTADOS APLICATIVO UNILEVER

O protótipo apresentado para o time de marketing global da Unilever ainda em 2019, se destaca por oferecer um diagnóstico detalhado de resultado da saúde capilar, além de sugerir produtos para uma recuperação completa e gradativa.

A primeira versão do aplicativo será disponibilizada para o público brasileiro no final de 2020 e já existem estudos de viabilidade para o seu lançamento global em 2021. Com isso, o All Things Hair vai se consolidando cada vez mais como referência, reunindo dados alimentados em tempo real sobre tendências, tratamento, conhecimento capilar e inspirações.

aplicativo univelever all things hair badaro design equipe design experiencia
Time

Para construir um produto tão completo, foi necessário um time de pessoas incríveis, especialistas em diversas áreas:

Beatriz Sanabio
UX Lead
Leonardo Camargo
UI Lead
Victor Camargo
Tech Lead
Ivan Costa
Desenvolvedor Mobile
Bruno Mendes
Desenvolvedor
Rafaela Brandão
Gerente de Projetos

 


Próximo
ATECH
O Design System a serviço da agilidade do ecossistema complexo da Atech