PTEN
← Todos os cases
Product DesignUX/UIMobileProjeto acadêmico

Fan2Fan

De fã para fã, com segurança para comprar e vender ingressos.

Meu papel
Pesquisa, arquitetura, fluxos, UI, protótipo e identidade
Tipo
TCC · app mobile
Ferramenta
Figma
Tela inicial: busca, categorias e ingressos de vendedores verificados perto do usuário
Página do evento com vendedor verificado, compra protegida e ingresso vinculado ao CPF
Checkout com resumo, taxa de proteção e aviso de valor retido até a transferência
02 — Problema

Quando o ingresso acaba, onde encontrar outro com segurança?

Ao tentar comprar um ingresso esgotado, precisei recorrer a terceiros. Conversando com outras pessoas, o padrão se repetiu: o ingresso aparecia, a confiança não.

Ingresso falso

Esse ingresso existe?

Vendedor desconhecido

Essa pessoa tem mesmo o ingresso?

Pagamento inseguro

E se eu pagar e não receber?

Sem acompanhamento

O que acontece depois que eu pago?

03 — Pesquisa

Descoberta em três frentes

01

Experiência pessoal

O problema nasceu de uma compra real de ingresso esgotado.

02

Conversas exploratórias

Pessoas de 25 a 35 anos que já compraram ou venderam ingressos de terceiros.

03

Benchmark

Ingressos e intermediação entre pessoas.

SymplaEventimTicketmasterOLXMercado Livre

Insight. Quanto menos etapas entre o usuário e o objetivo, melhor, desde que a segurança não seja comprometida.

04 — Oportunidade

Como transformar uma negociação entre desconhecidos em uma experiência confiável entre fãs?

05 — Usuários

Dois usuários, dois objetivos

Comprador

Lucas

Busca ingresso para evento esgotado. Precisa encontrar rápido, saber que é legítimo e acompanhar a transferência.

Vendedora

Mariana

Tem um ingresso que não vai usar. Quer anunciar fácil, comprovar a validade e receber com segurança.

06 — Jornadas

Jornadas curtas de ponta a ponta

Compra · Lucas

Cadastro→Feed→Evento→Checkout→Transferência→Meus ingressos

Sem ingresso disponível? O usuário é notificado quando um novo for anunciado.

Venda · Mariana

Cadastro→Anunciar→Validação→Venda→Transferência→Recebimento

Pagamento liberado após o check-in do comprador ou 2 dias depois do evento.

07 — Solução

Segurança como sistema, não como uma feature

Cada mecanismo responde a uma das fricções do problema.

CPF

Identifica o usuário e vincula o ingresso.

Validação

Ingresso verificado antes de ir à venda.

Pagamento retido

Liberado só quando a transação se cumpre.

Feedback por etapa

Status visível em toda a negociação.

Notificações

No app e por e-mail.

Carteira

Valores, pagamentos e status num só lugar.

Limite por CPF

Freia o cambismo e mantém o fã para fã.

Tela de anúncio de ingresso com aviso de venda vinculada ao CPF e uma negociação por vez
Anúncio: os avisos de CPF e de uma negociação por vez aparecem antes de publicar.
08 — Arquitetura

Mapa do produto

Fan2Fan

Home / Feed

Eventos próximos · geolocalização

Busca

Preço · data · localidade

Anunciar

Jornada de venda

Meus ingressos

Comprados · em transferência

Carteira

Valores · status

Perfil

Cadastro · notificações

09 — UI foundations

Jovem, digital e confiável

Nome

O “2” de Fan2Fan representa as duas partes da negociação e soa como “to”: fan to fan.

Cores

AzulConfiança
RoxoTecnologia
GradienteMarca
DestaqueCTA de venda

Tipografia

Aa
Inter, uma sans serif orgânica: tecnológica, mas humana.

Botões

Primário · gradienteSecundário · brancoTerciário · contorno
Tela de introdução com a marca Fan2Fan: De fã para fã
Tela de login com acesso protegido por verificação de CPF
10 — Telas-chave

As decisões nas telas

01 · Descoberta

Feed com geolocalização e cards familiares de evento. Decisão: CTAs claros para reduzir o esforço de navegação.

Home com eventos disponíveis perto do usuário
Home / Feed
Lista de eventos favoritos
Favoritos
Página do evento com dados do vendedor
Evento
Central de notificações da compra e da venda
Notificações

02 · Compra e venda

Uma ação principal por tela. Decisão: reduzir etapas sem esconder informação importante.

Checkout: resumo da compra
Compra · resumo
Checkout: pagamento
Compra · pagamento
Confirmação da compra aguardando transferência
Compra · confirmação
Ingresso transferido com sucesso
Compra · ingresso chegou
Anunciar ingresso: envio do arquivo e dados
Venda · anúncio
Ingresso em validação junto à emissora
Venda · validação
Ingresso publicado no catálogo
Venda · publicado
Ingresso vendido e valor a receber
Venda · vendido

03 · Carteira e Meus ingressos

Controle depois do pagamento: valores, status, a receber e ingressos em transferência. O pensamento vai além da tela de compra.

Carteira com saldo disponível, a receber e movimentações
Carteira
Meus ingressos com status de cada compra
Meus ingressos
Ingresso pronto para baixar
Ingresso
Perfil com identidade verificada e histórico
Perfil
11 — Teste e iteração

O que o teste mostrou

Teste

Usabilidade com usuários de 25 a 60 anos: comprar e vender um ingresso.

Resultado

Todos concluíram as duas jornadas.

Insight

Usuários mais velhos demoraram a achar a ação de venda.

Iteração

Botão maior, cor de destaque fora da paleta e mais evidência, sem novas etapas.

12 — Métricas e negócio

Como mediríamos o sucesso

O produto não foi lançado, então estes são indicadores propostos, não resultados.

Cadastros

Aquisição de usuários

Anúncios

Oferta na plataforma

Compras

Uso efetivo do marketplace

Modelo de negócio

Taxa de 10% por transação, dividida de forma transparente.

5%comprador+5%vendedor
13 — Aprendizados

O que eu faria diferente hoje

Pesquisa

Amostra maior e mais diversa, com insights mais robustos antes de priorizar.

Design System

Transformar os padrões visuais em biblioteca no Figma: componentes, variantes e estados.

Uma boa interface é só parte da solução: cada decisão precisa reduzir uma fricção real.