SOBRE MIM

MEUS PROJETOS

CONTATO

SOBRE MIM

MEUS PROJETOS

CONTATO

SOBRE MIM

MEUS PROJETOS

CONTATO

SOBRE MIM

MEUS PROJETOS

CONTATO

PÁGINA INICIAL

PROJETOS

FORAM PRO MUNDO

Transformando 106 mil seguidores em uma base de assinantes recorrente

PWA, Dashboard de Parceiros e Landing Page para um clube de benefícios que atingiu +500 assinantes e +50 parceiros em 6 meses

Ano

2025

Duração

4 semanas

Categoria

Progressive Web App

Minha função

Product Designer

Contexto

O Foram pro Mundo Tour nasceu do trabalho de um casal de influenciadores que, através do Instagram, divulga estabelecimentos ligados a experiências "naturais" como chalés, cafés rurais, restaurantes rurais, campings e afins, majoritariamente no interior do Paraná. Com uma audiência engajada e recorrente pedidos de indicações, surgiu a oportunidade de transformar essa curadoria em um produto: um clube de benefícios por assinatura, que conecta viajantes a esses parceiros através de vouchers de desconto.

Fui responsável por desenhar e construir a experiência completa do produto: o PWA do assinante, o dashboard do parceiro (dono do estabelecimento) e a landing page de aquisição, que funciona como porta de entrada para o acesso ao app.

Atuei como designer solo do produto, do primeiro briefing ao lançamento, responsável por pesquisa, arquitetura de informação, UI e acompanhamento da implementação em um projeto de aproximadamente 4 meses.

O Foram pro Mundo Tour nasceu do trabalho de um casal de influenciadores que, através do Instagram, divulga estabelecimentos ligados a experiências "naturais" como chalés, cafés rurais, restaurantes rurais, campings e afins, majoritariamente no interior do Paraná. Com uma audiência engajada e recorrente pedidos de indicações, surgiu a oportunidade de transformar essa curadoria em um produto: um clube de benefícios por assinatura, que conecta viajantes a esses parceiros através de vouchers de desconto.

Fui responsável por desenhar e construir a experiência completa do produto: o PWA do assinante, o dashboard do parceiro (dono do estabelecimento) e a landing page de aquisição, que funciona como porta de entrada para o acesso ao app.

Atuei como designer solo do produto, do primeiro briefing ao lançamento, responsável por pesquisa, arquitetura de informação, UI e acompanhamento da implementação em um projeto de aproximadamente 4 meses.

Problema

Antes do produto, a curadoria dos influenciadores vivia presa ao Instagram com recomendações perdidas no feed, sem a possibilidade de um seguidor "resgatar" um benefício de forma estruturada, e com os próprios estabelecimentos sem visibilidade sobre quantos clientes chegavam através da indicação.

Isso gerava três problemas centrais:

Antes do produto, a curadoria dos influenciadores vivia presa ao Instagram com recomendações perdidas no feed, sem a possibilidade de um seguidor "resgatar" um benefício de forma estruturada, e com os próprios estabelecimentos sem visibilidade sobre quantos clientes chegavam através da indicação.

Isso gerava três problemas centrais:

Para o usuário

Difícil descobrir e guardar as indicações; nenhum mecanismo formal de desconto/benefício

Para o parceiro (estabelecimento)

Dependência de menções pontuais no Instagram, sem controle nem dados sobre a conversão gerada

Para o negócio

Nenhuma fonte de receita recorrente, só exposição sem monetização direta da audiência

O briefing inicial trazia uma meta clara: transformar uma audiência de 106 mil seguidores engajados em uma base de assinantes recorrente, com o objetivo de alcançar 500 assinantes em 6 meses, ou seja, uma conversão de aproximadamente 0,5% da audiência total para uma assinatura anual de R$397.

É uma meta conservadora em comparação a benchmarks do setor de viagens/turismo, onde campanhas pontuais de influenciadores costumam converter entre 3% e 7% da audiência em uma compra única (como a reserva de um hotel). Mas o que explica o número mais baixo é justamente a diferença de contexto, já que o Foram pro Mundo pede um compromisso anual. Além disso, nem toda a audiência de um perfil no Instagram é ativa o suficiente para considerar uma assinatura paga, então uma meta de conversão mais enxuta era o esperado para o primeiro ciclo do produto.

O briefing inicial trazia uma meta clara: transformar uma audiência de 106 mil seguidores engajados em uma base de assinantes recorrente, com o objetivo de alcançar 500 assinantes em 6 meses, ou seja, uma conversão de aproximadamente 0,5% da audiência total para uma assinatura anual de R$397.

É uma meta conservadora em comparação a benchmarks do setor de viagens/turismo, onde campanhas pontuais de influenciadores costumam converter entre 3% e 7% da audiência em uma compra única (como a reserva de um hotel). Mas o que explica o número mais baixo é justamente a diferença de contexto, já que o Foram pro Mundo pede um compromisso anual. Além disso, nem toda a audiência de um perfil no Instagram é ativa o suficiente para considerar uma assinatura paga, então uma meta de conversão mais enxuta era o esperado para o primeiro ciclo do produto.

O Processo

Para estruturar a solução, mapeei os três públicos envolvidos (usuário/assinante, dono do estabelecimento parceiro e a dupla de influenciadores/administração do clube) e suas respectivas jornadas e necessidades.

Uma etapa central foi um mapa de afinidade, usado para organizar as informações levantadas (entrevistas, observações do comportamento da audiência no Instagram e os requisitos de negócio) em agrupamentos temáticos, o que ajudou a identificar padrões e priorizar funcionalidades para cada uma das três frentes do produto (app do assinante, dashboard do parceiro e a landing page).

Reuni no mapa de afinidade insumos de conversas com os stakeholders, comentários e DMs da audiência no Instagram além de pesquisas qualitativas com donos de estabelecimentos, organizando os achados em torno de três eixos: confiança (o usuário precisa acreditar que o desconto é real e fácil de usar), operação no balcão (o estabelecimento precisa validar o voucher sem atrito nem risco de fraude) e descoberta (o usuário quer navegar por experiência/localização, não por lista burocrática de parceiros).

Um insight importante que apareceu ao conversar com donos de estabelecimento é que eles não tinham nenhum controle sobre uso indevido do voucher. Isso definiu a necessidade de um código de validação único no dashboard do parceiro, resolvendo simultaneamente confiança do usuário e segurança do parceiro.

Para estruturar a solução, mapeei os três públicos envolvidos (usuário/assinante, dono do estabelecimento parceiro e a dupla de influenciadores/administração do clube) e suas respectivas jornadas e necessidades.

Uma etapa central foi um mapa de afinidade, usado para organizar as informações levantadas (entrevistas, observações do comportamento da audiência no Instagram e os requisitos de negócio) em agrupamentos temáticos, o que ajudou a identificar padrões e priorizar funcionalidades para cada uma das três frentes do produto (app do assinante, dashboard do parceiro e a landing page).

Reuni no mapa de afinidade insumos de conversas com os stakeholders, comentários e DMs da audiência no Instagram além de pesquisas qualitativas com donos de estabelecimentos, organizando os achados em torno de três eixos: confiança (o usuário precisa acreditar que o desconto é real e fácil de usar), operação no balcão (o estabelecimento precisa validar o voucher sem atrito nem risco de fraude) e descoberta (o usuário quer navegar por experiência/localização, não por lista burocrática de parceiros).

Um insight importante que apareceu ao conversar com donos de estabelecimento é que eles não tinham nenhum controle sobre uso indevido do voucher. Isso definiu a necessidade de um código de validação único no dashboard do parceiro, resolvendo simultaneamente confiança do usuário e segurança do parceiro.

Protótipo

Com as prioridades definidas, parti para prototipagem das telas-chave do PWA (fluxo de assinatura, listagem e resgate de vouchers) e do dashboard do parceiro. Para validar decisões de fluxo e interface antes da implementação, rodei testes A/B com o Hotjar, testando duas hipóteses centrais:

HIPÓTESE 1

Fluxo de cadastro: cadastro por etapas vs. tudo em uma tela

A hipótese era que dividir o cadastro por progresso (etapas), em vez de concentrar todos os campos em uma única tela, reduziria a desistência do usuário. Testei as duas variantes acompanhando a taxa de conclusão do fluxo ao longo de uma semana. A hipótese se confirmou, já que a variante com cadastro por etapas teve 63% mais conclusões que a variante com tudo em uma tela só. Essa foi a decisão mais clara que os dados me deram em todo o projeto.

HIPÓTESE 2

Página interna do parceiro: botões fixos vs. destaque para vouchers

A hipótese aqui era que botões fixos no rodapé de "Visitar site" e "Falar no WhatsApp" seriam bastante utilizados pelos usuários que quisessem tirar dúvidas ou conhecer mais o estabelecimento. Um heatmap no Hotjar mostrou o oposto: o que os usuários mais buscavam na página eram os próprios vouchers disponíveis. A partir desse dado, movi os botões de contato para o final da página e dei mais destaque visual aos vouchers. Um caso em que a hipótese inicial estava errada, e o dado corrigiu a rota antes do lançamento.

Solução

O resultado final é composto por três peças que trabalham juntas:

PWA do assinante

Onde o usuário visualiza os parceiros disponíveis, os benefícios de cada voucher e resgata o código no momento do consumo, tudo pelo celular e direto no navegador (dispensando instalação via loja de apps).

Dashboard do parceiro

Onde o dono do estabelecimento gerencia seus próprios vouchers e acompanha os resgates gerados pelo clube

Landing Page

Porta de entrada da audiência do Instagram, explicando o funcionamento do clube (assinatura anual, acesso aos vouchers, uso na hora da reserva/consumo) e direcionando para a assinatura/acesso ao app.

Para resolver a validação do voucher sem gerar fraude nem burocracia, o dashboard do parceiro gera um código único por resgate, que o dono do estabelecimento confirma no próprio painel, resolvendo o insight identificado no mapa de afinidade sem exigir nenhuma integração de pagamento complexa.

O resultado

+50 parceiros cadastrados

Cobertura suficiente para tornar o clube relevante em toda a região, não só uma curadoria pontual

+500 assinantes no primeiro ciclo

Meta batida em pouco menos de 6 meses, validando a conversão de audiência engajada em receita recorrente

04 decisões de interface guiadas pelos testes A/B

Escolhas de layout e fluxo definidas por dados, não por preferência pessoal

Aprendizados desse projeto

Definir prioridades para três públicos com necessidades opostas

Um sistema robusto no Figma que não chega ao código continua sendo documentação e o valor real aparece quando o time de desenvolvimento sente que usar o sistema é mais rápido do que não usar.

Validar decisões de interface com testes A/B é importante

Um guia de estilo tradicional tolera ambiguidade porque humanos preenchem lacunas com bom senso; um documento lido por um agente de IA não pode depender disso. Cada regra precisa ser explícita o suficiente para sobreviver mesmo quando o agente "acha" que encontrou uma solução mais elegante.

Se fosse refazer o projeto hoje, eu…

Dedicaria mais tempo validando a experiência offline/de carregamento do PWA em conexões mais fracas, que é comum no público que acessa o benefício já dentro do estabelecimento, muitas vezes em área rural com sinal instável.

Se gostou desse case, com certeza vai gostar deste!

DESIGN SYSTEM

2026

Como usei automação com IA para levar tokens e componentes do Figma até o código de produção e reduzir em 16% as inconsistências de componentes

DESIGN SYSTEM

2026

Como usei automação com IA para levar tokens e componentes do Figma até o código de produção e reduzir em 16% as inconsistências de componentes.

DESIGN SYSTEM

2026

Como usei automação com IA para levar tokens e componentes do Figma até o código de produção e reduzir em 16% as inconsistências de componentes

DESIGN SYSTEM

2026

Como usei automação com IA para levar tokens e componentes do Figma até o código de produção e reduzir em 16% as inconsistências de componentes

DESIGN SYSTEM

2026

Como usei automação com IA para levar tokens e componentes do Figma até o código de produção e reduzir em 16% as inconsistências de componentes

DESIGN SYSTEM

2026

Sobre mim

Contato

Currículo

Projetos

Eurogarden

Ammichat

Accion Design System

Foram pro Mundo

Redes