Liderando decisões de UX

Página de produto versão mobile do colágeno Renova B

Empresa

Renova be
Renova be
Renova be

Papel

UI UX Designer
UI UX Designer
UI UX Designer

Time

PM, PO, Dev
and Data Analyst

Duração

T3 - T4 2025
T3 - T4 2025
T3 - T4 2025

Resumo

Problema

Uma página de produto com alto tráfego e forte conversão, mas baixo valor médio de pedido, causado por opções de kit pouco claras e expectativas do usuário desalinhadas.

Solução

Um redesenho focado na clareza que reestruturou a hierarquia de conteúdo para comunicar claramente o valor do kit, a duração do uso e os benefícios a longo prazo.

Resultados

+18%

Ticket-Médio

+47%

Receita da Página

+1,4%

Taxa de Conversão

-12%

Taxa de Rejeição

Case completo

Contexto

Este projeto teve como foco a otimização de uma página estratégica de produto no e-commerce da Renova Be. A Renova Be é uma empresa do setor de beleza e bem-estar com faturamento anual em torno de R$ 220 milhões. A página estava entre as três mais acessadas do site — com mais de 25 mil visitas mensais — e gerava mais de 45% da receita total da empresa.

O produto era o Colágeno Verisol em sabores frutados, principal ativo comercial da marca. Como a página concentrava um alto volume de tráfego e conversões, qualquer mudança precisava ser tratada como uma decisão de alto risco e alto impacto para o negócio.

Colágeno Verisol Renova Be sabor pink lemonade

Problema

O objetivo não era aumentar a conversão a qualquer custo. A página já apresentava um bom desempenho, mas ainda era ineficiente do ponto de vista de negócio. O ticket médio estava abaixo do seu potencial: muitos usuários optavam por comprar apenas uma unidade, mesmo com os kits oferecendo melhor custo-benefício e uma experiência de uso mais vantajosa no longo prazo.

"Usuários
"Usuários
têm dificuldade
têm dificuldade
para
para
entender a diferença de valor entre kits
entender a diferença de valor entre kits
o que gera hesitação
o que gera hesitação
para comprar kits maiores.
para comprar kits maiores.
"

Problem Statement

Problem Statement

Frustração

Frustração

Necessidade

Necessidade

Objetivo

Objetivo

Do ponto de vista do negócio, existiam restrições importantes que não poderiam ser alteradas. Os kits incluíam um produto adicional por conta de uma estratégia tributária — um item que não podia ser removido, mas que também não era o principal motivador da compra. A solução precisava respeitar essas limitações e, ainda assim, aumentar a eficiência da página, o ticket médio e a receita.

Abordagem

Diagnóstico por dados

Analisei métricas como conversion rate, average order value, bounce rate, tempo na página e comportamento de cliques, combinando esses dados com heatmaps, session recordings e análise de funil.

Insights de usuários

Para reduzir vieses internos, conduzi uma pesquisa de intenção de compra com clientes existentes. Os resultados mostraram que os usuários estavam dispostos a gastar mais quando compreendiam claramente os benefícios da oferta.

Design mobile-first

Com 95% do tráfego vindo do mobile, todas as decisões foram orientadas para esse contexto. Redesenhei a hierarquia da página para tornar os kits maiores mais fáceis de entender e comparar.

Trade-offs e alinhamento

Devido às restrições de tempo, optei por não realizar A/B test e alinhei com a liderança o lançamento com monitoramento pós-lançamento, priorizando velocidade de execução e geração imediata de valor para o negócio.

Dados de comportamento dos usuários na página

Solução

Hipótese central

Hipótese central

"Usuários não escolhem kits maiores porque não entendem claramente o que estão comprando, quanto tempo o produto dura e por que essa opção faz mais sentido."
Antes
  • Hierarquia confusa entre unidades individuais e kits

  • Benefícios do produto e resultados esperados pouco claros

  • Produto adicional sem contexto claro

  • O usuário precisava descobrir o valor da oferta por conta própria

Depois
  • Kits maiores em destaque e fáceis de comparar

  • Resultados, benefícios, quantidade e economia comunicados com clareza

  • Produto adicional contextualizado de forma transparente

  • A página orienta a decisão — sem pressionar o usuário

A principal decisão estratégica foi evitar persuasão forçada e focar na clareza.
O objetivo era reduzir o esforço cognitivo e transformar uma escolha confusa em uma decisão evidente.

antigo
novo

Resultados

Os resultados confirmaram a estratégia. O average order value aumentou 18%, passando de R$219 para R$259, o bounce rate caiu de 43% para 31% e o conversion rate subiu de 2,2% para 3,4%, com picos de 4,5% em períodos sazonais.

A receita da página cresceu 47% nos 30 dias após o lançamento. Considerando a relevância dessa página para o faturamento da empresa, essas decisões tiveram impacto direto e significativo nos resultados anuais do negócio.

+18%

Ticket-Médio

+47%

Receita da Página

+1,4%

Taxa de Conversão

-12%

Taxa de Rejeição

Aprendizados

Este projeto reforçou meu papel como designer que lidera decisões em ambientes com restrições reais. O UX não foi tratado como uma camada visual, mas como uma ferramenta estratégica para resolver problemas de negócio.

Nem sempre é possível testar tudo. Liderança em design também significa assumir riscos calculados, comunicar trade-offs com clareza e responder pelos resultados.

Quando UX assume responsabilidade pelo impacto financeiro, deixa de ser uma função de suporte e passa a ocupar um papel central na estratégia da empresa.

Página de produto versão desktop do colágeno Renova B

Página de produto versão desktop do colágeno Renova B

Obrigado

Obrigado

Disponível para novos projetos

Email

netobassani@gmail.com

Celular

+55 (19) 98164-2377

Vamos conversar!

Criado com

&

| Copyright © 2026

Disponível para novos projetos

Email

netobassani@gmail.com

Celular

+55 (19) 98164-2377

Vamos conversar!

Criado com

&

Copyright © 2026

Disponível para novos projetos

Email

netobassani@gmail.com

Celular

+55 (19) 98164-2377

Vamos conversar!

Criado com

&

| Copyright © 2026

pt