Voltar ao portfolioLanding Page Cashback Anacapri
Papéis
Product Designer · UX Research · UI Design
Ferramentas
Figma · Photoshop
TL;DR
- Lançamento do programa de cashback precisava de landing page de alta clareza e conversão
- Criei proposta visual alinhada ao DNA Anacapri: hierarquia clara, CTA direto, mobile-first
- Entregue em sprints curtos junto ao time de dev, live no dia do lançamento, replicada em 3 marcas
Contexto
Sobre o projeto
A Anacapri foi a primeira marca do grupo a implementar o cashback com processo completo, do lançamento à operação diária. A Landing Page nasceu com o objetivo de centralizar informações, alinhar entendimento entre marca, SAC e clientes e reduzir dúvidas recorrentes sobre regras, uso e acúmulo do benefício. O foco principal sempre foi: clareza → autonomia do cliente → redução de tickets no SAC.
Meu papel
Conduzi benchmark funcional de páginas explicativas de programas de cashback e benefícios (Petz, Petlove, Reserva, Amazon Prime, Banco Neon, Oficinal), organizei referências visuais em FigJam para votação com stakeholders, explorei variações de layout com Bolt, Lovable e Builder.io, e desenhei a LP completa no Figma com tratamento de imagens no Photoshop.
Papéis
Ferramentas
Processo
Como foi feito
Discovery e benchmark funcional
Realizei uma análise de páginas explicativas de programas de cashback, benefícios e assinaturas, observando principalmente clareza, estrutura e didática. O foco do benchmark não foi estética, mas como cada marca explicava regras, valor percebido e funcionamento.
Referências visuais e alinhamento com stakeholders
Para alinhar expectativas visuais, fiz uma curadoria de referências sem considerar conteúdo, apenas linguagem, hierarquia e sensação de marca. Essas referências foram organizadas em um FigJam, onde stakeholders puderam votar nas opções que mais faziam sentido. A própria marca também havia desenvolvido uma ideia inicial de identidade para a Landing Page, que foi utilizada como referência ao longo do processo.
Exploração com IA
Utilizei ferramentas como Bolt, Lovable e Builder.io para gerar variações de layout e ideias estruturais a partir do conteúdo, acelerando exploração e refinamento da solução.
Hero: tornando o benefício tangível
O Hero foi desenhado com um mockup do extrato de cashback, com objetivo de tornar o benefício tangível logo no primeiro contato. Uma imagem vale mais que uma explicação: mostrar o cashback em uso real comunica mais rápido que qualquer texto.
Como funciona: clareza em 3 tópicos
Sessão explicativa focada em leitura rápida e entendimento imediato do funcionamento do cashback, estruturada em 3 tópicos diretos.
Cashback na jornada de compra
Para familiarizar o usuário com o benefício, foram incluídas sessões que mostram o cashback nos principais pontos de contato: PDP (destaque do valor de cashback a receber), Extrato (visualização das movimentações) e Checkout (valor que será recebido e quanto pode ser usado como desconto). Essa abordagem ajuda o cliente a entender o cashback antes mesmo de usar.
Condições para acúmulo e uso
Sessão dedicada às regras do cashback, solicitada pela própria marca. O objetivo foi eliminar ambiguidades e alinhar expectativas, trazendo clareza tanto para clientes quanto para o SAC.
FAQ e direcionamentos
A LP se encerra com uma sessão de FAQ com as dúvidas mais comuns e botões de acesso à FAQ completa e ao regulamento. Isso reforça a página como ponto central de consulta, reduzindo o volume de atendimento.
Impacto
Resultados & aprendizados
Página publicada nas 3 marcas: Anacapri, Vans e Arezzo
Fonte oficial de consulta para clientes, marca e equipe de atendimento (SAC)
Redução de dúvidas recorrentes sobre regras, uso e acúmulo do benefício
Estrutura replicada com consistência para Vans e Arezzo
Aprendizado: uma LP bem estruturada pode ir além da conversão e atuar como ferramenta estratégica de suporte
Quer saber mais sobre esse ou outros projetos?
Falar comigoOutros projetos
