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
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.

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.


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