Nova Home Livelo

O projeto da nova home da Livelo é apenas o começo de toda uma reestruturação e migração do site da empresa para um novo CMS, trabalhando a entrega de novos componentes, consistência e uma nova cara para os participantes.

Meu papel

Lead Product Designer

Data

2025

Métricas de sucesso

81 NPS

em um cenário anterior com 63. melhora na resposta para termos como "Simples", "Intuitivo", e "Limpo".

-46,10%

foi o tamanho da rolagem que diminuímos com o novo projeto da home.

+100 mil

foi a economia feita com as áreas de Growth e CRO

Principais Responsabilidades

Para esse projeto, fiquei responsável por mapear e idear todos os componentes utilizados no antigo site de forma que eles não ficassem diferentes entre si e dessem uma nova aparência ao site.

Como seria impossível fazer isso sozinho no prazo de tombamento do site, encabecei uma força tarefa com todos os líderes de design da Livelo, reformulando os antigos componentes do Design System para novos, seguindo as regras de negócio de cada produto.

Gestão de equipe

Liderei a força tarefa de design na Livelo para a produção de mais de 50 novos componentes.

Visão de negócio

Entender as principais demandas dos KRs e como o projeto se alinhava à elas, criando uma relação sustentável entre design, missões e produtos.

Análise de métricas

Estudei a interação com de mais de 30 componentes da Livelo e como eles se comportavam dentro de cada produto e página.

Facilitação e dinâmicas

Conduzi ideações com pares e stakeholders sobre as melhores práticas do mercado e construção de páginas a partir dos componentes propostos e/ou a criação de novos.

Focos

O que queríamos melhorar e evoluir?

Navegação

Uma home menor, mas não com menos oportunidades. Criamos soluções para explorar melhor a rolagem, entregando mais possibilidades de comunicação e promocional para nossos participantes navegarem pelo site.

Consistência

Criamos componentes que conversavam entre si, abusando do Prisma DS, nosso Design System.

Tecnologia

Com a migração do OCC (Oracle Commerce Cloud) para o CS (Content Stack), estudamos a nova ferramenta para entender o que poderíamos entregar.

Promocional

Todo programa de benefícios tem sua parte e-commerce e na Livelo não é diferente, criar novos componentes promocionais para a área de growth explorar nos espaços do site era uma das metas.

Personalização

Trazer um contato mais 1:1 com os participantes, entregando o que ele precisa quando precisa e não apenas tudo de uma vez, segmentado por clusters comportamentais e região.

Ideação

O que os líderes focaram?

Navegação

Uma home menor, mas não com menos oportunidades. Criamos soluções para explorar melhor a rolagem, entregando mais possibilidades de comunicação e promocional para nossos participantes navegarem pelo site.

Consistência

Criamos componentes que conversavam entre si, abusando do Prisma DS, nosso Design System.

Tecnologia

Com a migração do OCC (Oracle Commerce Cloud) para o CS (Content Stack), estudamos a nova ferramenta para entender o que poderíamos entregar.

Promocional

Todo programa de benefícios tem sua parte e-commerce e na Livelo não é diferente, criar novos componentes promocionais para a área de growth explorar nos espaços do site era uma das metas.

O que os líderes focaram?

The image featured in the middle of the about us page

Organização dos arquivos da nossa team Library

Organização dos arquivos da nossa team Library

Organização dos arquivos da nossa team Library

Com a quantidade de ofertas e promoções dentro do nosso canal principal, nossa home sempre sofreu com uma rolagem pesada e cansativa, cheia de ofertas KV's de cores fortes.

Com isso em mente, construímos um componente de Story, onde todas as promoções e comunicações poderiam ser implementadas na primeira dobra da página, dando destaque que as promoções merecem, sem aumentar o tamanho da página.

The image featured in the middle of the about us page
The image featured in the middle of the about us page

Componente de Stories a esquerda em sua forma fechada e a direita, em formato de apresentação

Componente de Stories a esquerda em sua forma fechada e a direita, em formato de apresentação

Componente de Stories a esquerda em sua forma fechada e a direita, em formato de apresentação

Componente de Stories a esquerda em sua forma fechada e a direita, em formato de apresentação

Componente de Stories a esquerda em sua forma fechada e a direita, em formato de apresentação

Com a criação dos stories, não só nós demos mais destaque a área promocional, como aumentamos de 71 espaços para 118. um aumento de quase 30% em comparação com a home antiga.

Com a criação dos stories, não só nós demos mais destaque a área promocional, como aumentamos de 71 espaços para 118. um aumento de quase 30% em comparação com a home antiga.

Redução em mais de 45% entre a Home antiga e a nova

Projeto em construção

Projeto em construção

Quer falar mais sobre ele?

Quer falar mais sobre ele?

Create a free website with Framer, the website builder loved by startups, designers and agencies.