Comparemania

Comparemania

Redesign | Web Site

Redesign | Web Site

Cliente

Cliente

Rosiani & Fernando

Rosiani & Fernando

Papel

Papel

UX/UI Design

UX/UI Design

Ano

Ano

2023

2023

Contexto

A Comparemania é uma plataforma brasileira focada em ajudar usuários a economizar de forma inteligente. Ela reúne ofertas de milhares de lojas e transforma cada compra em oportunidade de ganho por meio de pontos, milhas e cashback. Com uma proposta clara e acessível, a empresa facilita a escolha das melhores vantagens, tornando a experiência de compra mais estratégica, simples e vantajosa para qualquer consumidor.

Minha atuação

Atuei de ponta a ponta no redesign, conduzindo discovery, definição de hipóteses, estruturação da solução e validação com base em dados. Trabalhei de forma integrada com produto e engenharia, garantindo alinhamento entre objetivos de negócio, viabilidade técnica e execução.

Contexto

A Comparemania é uma plataforma brasileira focada em ajudar usuários a economizar de forma inteligente. Ela reúne ofertas de milhares de lojas e transforma cada compra em oportunidade de ganho por meio de pontos, milhas e cashback. Com uma proposta clara e acessível, a empresa facilita a escolha das melhores vantagens, tornando a experiência de compra mais estratégica, simples e vantajosa para qualquer consumidor.

Minha atuação

Atuei de ponta a ponta no redesign, conduzindo discovery, definição de hipóteses, estruturação da solução e validação com base em dados. Trabalhei de forma integrada com produto e engenharia, garantindo alinhamento entre objetivos de negócio, viabilidade técnica e execução.

O problema

A experiência apresentava excesso de informações, baixa priorização de ofertas e falta de clareza nos próximos passos. Isso gerava alta carga cognitiva, hesitação e abandono precoce ao longo da jornada.

Questão central

Como transformar um alto volume de tráfego em conversão efetiva, reduzindo a indecisão do usuário e tornando a tomada de decisão mais rápida e clara.

Questão de negócio

Aumentar a geração de leads qualificados e a taxa de conversão das páginas de comparação, impactando diretamente a receita da plataforma.

O problema

A experiência apresentava excesso de informações, baixa priorização de ofertas e falta de clareza nos próximos passos. Isso gerava alta carga cognitiva, hesitação e abandono precoce ao longo da jornada.

Questão central

Como transformar um alto volume de tráfego em conversão efetiva, reduzindo a indecisão do usuário e tornando a tomada de decisão mais rápida e clara.

Questão de negócio

Aumentar a geração de leads qualificados e a taxa de conversão das páginas de comparação, impactando diretamente a receita da plataforma.

a black and red abstract design with lines
a black and red abstract design with lines

Discovery

Analisei dados do funil (Google Analytics) para identificar quedas de conversão e baixo engajamento inicial na Comparemania. Complementando, usei heatmaps e gravações (Hotjar), que revelaram indecisão diante de muitas opções e dificuldade de entender o próximo passo. Também realizei benchmark e avaliação heurística para consolidar hipóteses focadas em reduzir carga cognitiva e melhorar a clareza da jornada.

Discovery

Analisei dados do funil (Google Analytics) para identificar quedas de conversão e baixo engajamento inicial na Comparemania. Complementando, usei heatmaps e gravações (Hotjar), que revelaram indecisão diante de muitas opções e dificuldade de entender o próximo passo. Também realizei benchmark e avaliação heurística para consolidar hipóteses focadas em reduzir carga cognitiva e melhorar a clareza da jornada.

Métodos de pesquisa

Entrevistas

Levantamento de percepções com base em feedbacks indiretos de usuários e áreas internas, identificando dúvidas recorrentes e pontos de fricção na jornada da Comparemania.

Workshops estratégicos

Alinhamento com stakeholders para definir objetivos, priorizar problemas e estruturar hipóteses conectadas às metas de negócio.

Análise de referências

Benchmark com players do mesmo segmento e produtos digitais com boas práticas de conversão, identificando padrões de clareza, hierarquia e tomada de decisão guiada.

Análise de mercado

Avaliação do contexto competitivo e comportamento do usuário em plataformas financeiras, entendendo expectativas de confiança, transparência e simplicidade.

Validação

Testes A/B e acompanhamento de métricas para validar hipóteses e iterar a solução com base em dados reais de comportamento.

Métodos de pesquisa

Entrevistas

Levantamento de percepções com base em feedbacks indiretos de usuários e áreas internas, identificando dúvidas recorrentes e pontos de fricção na jornada da Comparemania.

Workshops estratégicos

Alinhamento com stakeholders para definir objetivos, priorizar problemas e estruturar hipóteses conectadas às metas de negócio.

Análise de referências

Benchmark com players do mesmo segmento e produtos digitais com boas práticas de conversão, identificando padrões de clareza, hierarquia e tomada de decisão guiada.

Análise de mercado

Avaliação do contexto competitivo e comportamento do usuário em plataformas financeiras, entendendo expectativas de confiança, transparência e simplicidade.

Validação

Testes A/B e acompanhamento de métricas para validar hipóteses e iterar a solução com base em dados reais de comportamento.

Conclusões

Conclusões

O problema estava centrado em excesso de informação e baixa clareza na tomada de decisão na Comparemania. A simplificação da hierarquia e a priorização de ofertas reduziram a carga cognitiva e tornaram a jornada mais objetiva. A validação com dados confirmou melhoria na conversão e no engajamento.

O problema estava centrado em excesso de informação e baixa clareza na tomada de decisão na Comparemania. A simplificação da hierarquia e a priorização de ofertas reduziram a carga cognitiva e tornaram a jornada mais objetiva. A validação com dados confirmou melhoria na conversão e no engajamento.

Necessidades

Dados operacionais claros antes do contexto visual

A informação era apresentada de forma muito técnica e densa antes do usuário entender o valor principal da oferta, gerando fricção inicial na jornada da Comparemania.

Visão geral adaptável ao nível de experiência

A interface não se ajustava ao nível de conhecimento do usuário, tratando iniciantes e usuários mais avançados da mesma forma, o que aumentava a dificuldade de compreensão.

Pontos críticos

Comunicação fragmentada

Informações importantes estavam dispersas na página, sem uma narrativa contínua, dificultando a leitura e a comparação entre opções.

Falta de priorização

Não havia hierarquia clara entre ofertas e ações, levando a indecisão e sobrecarga cognitiva no momento de escolha.

Necessidades

Dados operacionais claros antes do contexto visual

A informação era apresentada de forma muito técnica e densa antes do usuário entender o valor principal da oferta, gerando fricção inicial na jornada da Comparemania.

Visão geral adaptável ao nível de experiência

A interface não se ajustava ao nível de conhecimento do usuário, tratando iniciantes e usuários mais avançados da mesma forma, o que aumentava a dificuldade de compreensão.

Pontos críticos

Comunicação fragmentada

Informações importantes estavam dispersas na página, sem uma narrativa contínua, dificultando a leitura e a comparação entre opções.

Falta de priorização

Não havia hierarquia clara entre ofertas e ações, levando a indecisão e sobrecarga cognitiva no momento de escolha.

Alinhamento de visão

Alinhamento de visão

Definimos critérios de sucesso, prioridades de impacto e restrições técnicas, garantindo que todas as decisões de design estivessem conectadas às metas de negócio e viáveis de implementação.

Definimos critérios de sucesso, prioridades de impacto e restrições técnicas, garantindo que todas as decisões de design estivessem conectadas às metas de negócio e viáveis de implementação.

Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.

Definir, validar, iterar

Exploração e testes

Foram conduzidos testes de usabilidade com 10 usuários, segmentados entre desktop e mobile, para observar comportamento real na navegação da Comparemania. Os testes focaram em identificar pontos de fricção na compreensão das ofertas, clareza dos CTAs e facilidade de comparação entre opções. As sessões revelaram padrões consistentes de indecisão e dificuldade em identificar rapidamente a melhor alternativa, principalmente em mobile.

photography of astronaut standing beside rock formation during daytime
photography of astronaut standing beside rock formation during daytime
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.
Mobile dashboard interface displayed on a smartphone floating against a dark background, showing key metrics, alerts, and activity summaries.

Feedback dos clientes

Ongoing feedback sessions with dispatchers and operations managers helped us validate early assumptions and refine priorities. Customers emphasized the need for clarity over density, and consistency over flexibility. These sessions guided multiple iterations of the concept before moving into validation.

Feedbacks positivos

Percepção de valor

Most participants reported faster task completion when using the new layout. Reduced navigation steps and clearer information hierarchy helped dispatchers react more quickly during peak operational hours.

Facilidade de entendimento

Customers perceived the solution as a clear improvement compared to their existing tools. The interface felt more predictable and required less explanation, especially for new team members.

Clareza na comunicação

Users confirmed that historical data is mainly used for post-incident analysis. As a result, history was deprioritized in the primary view and moved to a secondary layer, reducing visual noise in daily operations.

Feedback dos clientes

Ongoing feedback sessions with dispatchers and operations managers helped us validate early assumptions and refine priorities. Customers emphasized the need for clarity over density, and consistency over flexibility. These sessions guided multiple iterations of the concept before moving into validation.

Feedbacks positivos

Percepção de valor

Most participants reported faster task completion when using the new layout. Reduced navigation steps and clearer information hierarchy helped dispatchers react more quickly during peak operational hours.

Facilidade de entendimento

Customers perceived the solution as a clear improvement compared to their existing tools. The interface felt more predictable and required less explanation, especially for new team members.

Clareza na comunicação

Users confirmed that historical data is mainly used for post-incident analysis. As a result, history was deprioritized in the primary view and moved to a secondary layer, reducing visual noise in daily operations.

Resultado e impacto

O redesign da Comparemania gerou aumento consistente na taxa de conversão e maior engajamento nas páginas de listagem. Houve redução na taxa de rejeição e melhoria na progressão do funil, com usuários tomando decisões de forma mais rápida e segura. Como impacto de negócio, o projeto contribuiu diretamente para o aumento de leads qualificados e receita, além de estabelecer uma base de experiência mais escalável para futuras evoluções do produto.

Resultado e impacto

O redesign da Comparemania gerou aumento consistente na taxa de conversão e maior engajamento nas páginas de listagem. Houve redução na taxa de rejeição e melhoria na progressão do funil, com usuários tomando decisões de forma mais rápida e segura. Como impacto de negócio, o projeto contribuiu diretamente para o aumento de leads qualificados e receita, além de estabelecer uma base de experiência mais escalável para futuras evoluções do produto.

Fale sobre sua ideia, seu projeto ou desafio.

Fale sobre sua ideia, seu projeto ou desafio.

Fale sobre sua ideia, seu projeto ou desafio.

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