Produto UI/UX Branding End-to-end

Cinco apps para uma sexta-feira à noite

O Meaple se propôs a dominar a jornada completa de uma noite no Brasil (antes, durante e depois) em um único produto: descoberta, coordenação social, venda de ingressos e pagamento dentro do evento. O problema que ninguém tinha resolvido, no Brasil, em 2020.

13

concorrentes mapeados · nenhum dominava mais de duas camadas

3

níveis de conta com fronteiras rígidas de permissão

5

variáveis no algoritmo de ranqueamento Momentum

Função

Design Lead

Time

Design solo + 2 devs

Plataforma

iOS 10+ · Android 4.4+

Status

No ar · MVP pausado em 2020

Marca do Meaple, um M desenhado como uma borboleta, sobre gradiente ciano para violeta

Cenário anterior · antes deste projeto, Brasil 2020

Sympla Só venda de ingresso WhatsApp Só logística Facebook Grafo social, sem eventos Instagram Descoberta, sem ação PicPay Dinheiro, sem contexto

Ninguém dominava a jornada completa de um evento. Seis plataformas para organizar uma festa de Halloween, segundo uma das produtoras entrevistadas.

01

O problema que ninguém tinha resolvido

Pedro, 21, passou uma sexta-feira inteira tentando encontrar algo para fazer: trocando mensagens durante a aula, ligando para dois amigos depois do jantar, rolando grupos de WhatsApp. Terminou a noite em casa, jogando video game. Letícia, 26, sabia que havia uma festa naquele fim de semana, uma amiga tinha comentado dias antes, mas os detalhes nunca chegaram: sem local, sem horário, sem jeito de descobrir. Fernanda, 28, organizava eventos como profissão e refazia a mesma engenharia toda vez: um evento no Facebook, um anúncio no Sympla, pagamento por depósito ou PicPay, e divulgação no Instagram, WhatsApp, Facebook, Snapchat, Twitter e Tumblr.

O time fundador da Ensight enxergou a lacuna. Ninguém dominava a jornada completa de um evento (antes, durante e depois) em um único produto. O Sympla vendia ingressos. O WhatsApp movia a logística. O Facebook tinha o grafo social, mas tinha abandonado eventos. O Instagram tinha descoberta, mas nenhum jeito de agir sobre ela. O PicPay movia dinheiro sem nenhuma conexão com o motivo daquele pagamento.

Entrei com a página em branco: sem briefing, sem wireframes, sem pesquisa prévia. Meu trabalho era definir o que o produto deveria ser antes de qualquer tela.

Três personas da pesquisa primária, cada uma com um dia-a-dia documentado. Usuários diferentes, a mesma fragmentação derrotando todos eles.

Pedro, 21

Estudante na PUC · extrovertido

  • Celular a aula inteira tentando planejar a sexta
  • Liga para dois amigos depois do jantar
  • Termina a noite em casa, jogando

Dor: um dia inteiro de coordenação, zero resultado.

Letícia, 26

Engenharia civil, UFPR · introvertida

  • Ônibus às 6h30, dia inteiro de estudo
  • Namorado pergunta os planos do fim de semana
  • A amiga que comentou sobre a festa nunca mandou os detalhes

Dor: a informação existe, só nunca chega até ela.

Fernanda, 28

Influenciadora no Instagram · organizadora de eventos

  • Evento no Facebook + anúncio no Sympla
  • Pagamento por depósito / PicPay
  • Divulgação em seis plataformas diferentes

Dor: seis plataformas, uma festa.

13 produtos mapeados em quatro camadas funcionais: descoberta de evento, coordenação social, pagamento e localização. Nenhum produto isolado dominava mais de duas.

ProdutoDescoberta
de evento
Coordenação
social
PagamentoLocalização
02

O que a pesquisa revelou

Entrevistei usuários entre 19 e 30 anos (estudantes e jovens profissionais, o público-alvo do produto) além de criadores de eventos e donos de casas do lado da oferta. Três personas saíram desse trabalho, cada uma com uma jornada de dia-a-dia documentada.

Uma distinção moldou tudo depois dela: o que os usuários diziam, o que eles realmente precisavam, e o que eles não sabiam que precisavam.

O que eles diziam

  • Busca de eventos mais fácil
  • Mais filtros de privacidade

O que eles realmente precisavam

  • Interações mais precisas
  • Melhor categorização
  • Menos atrito entre eventos, encontros, grupos

O que eles não sabiam que precisavam

  • Evento + social + chat, unificados
  • Pagamento dentro do app
  • Criação de evento pequeno em menos de um minuto
  • Atualizações precisas de evento

Essa terceira coluna virou a tese do produto. Ninguém pedia unificação porque ninguém imaginava isso como possível. Todo usuário tinha construído um sistema pessoal de contorno em três a seis apps e aceitava o atrito como o custo de ter uma vida social.

A segunda descoberta moldou o lado da oferta: os criadores de eventos tinham um problema de confiança e logística, e descoberta tinha pouco a ver com isso. A rotina de seis plataformas da Fernanda existia porque nenhuma plataforma isolada era responsável pelo evento inteiro, e um comprador de ingresso de um produtor desconhecido estava fazendo uma aposta às cegas: sem histórico, sem avaliação, sem accountability em lugar nenhum.

03

A realidade de negócio

Antes da pandemia, o setor de eventos no Brasil movimentava aproximadamente R$250 bilhões/ano em eventos corporativos e R$17 bilhões em eventos sociais, empregava cerca de 6 milhões de pessoas, e representava em torno de 4,3% do PIB nacional, crescendo cerca de 6,5% ao ano (Abrafesta via G1; Abeoc/Sebrae).

A Ensight definiu metas concretas antes de o design começar. Esses números significavam que o produto não podia ser uma rede social de queima lenta que monetiza anos depois. Precisava de receita transacional (venda de ingressos e consumo dentro do evento) desde cedo. Essa restrição decidiu a pergunta estratégica central antes mesmo de ela ser feita: qual lado do marketplace construir primeiro.

150k

Usuários ativos mensais

1,5M

Downloads

R$2,00

CAC por usuário

R$2,70

Receita / usuário / mês

17

Meses de horizonte

04

A decisão que eu quase errei

Meu primeiro instinto foi construir o lado do consumidor primeiro: trazer usuários, deixar a descoberta boa, depois trazer produtores para a audiência. Isso está errado para um marketplace, e as metas de negócio deixaram isso obviamente errado. Um produtor sem audiência em uma plataforma nova não tem motivo para criar eventos ali. O produto morreria esperando uma audiência que nunca chegaria, queimando o orçamento de aquisição contra um teto de CAC de R$2,00.

Um produtor traz toda a audiência que já tem. Um consumidor traz só a si mesmo.

O único caminho era dar aos produtores algo que valesse a pena migrar antes de a audiência existir: venda de ingressos, analytics de evento, infraestrutura de página, visibilidade profissional. Receita para produtores desde o dia um, mesmo com pouca gente.

A pesquisa concordou depois do fato

Em novembro de 2019, Lenny Rachitsky (que liderou o crescimento de oferta no Airbnb) publicou seu estudo sobre as maiores empresas de marketplace: cerca de 80% cresceram ativando a oferta primeiro (Lyft, Eventbrite, OpenTable, Thumbtack). Não tínhamos esse estudo em mãos quando a decisão foi tomada; as entrevistas com produtores nos levaram ao mesmo lugar.

05

O sistema de contas em três níveis

Eventos privados entre amigos, profissionais individuais, e as empresas que organizam eventos: três casos fundamentalmente diferentes.

O que eu abandonei Um sistema de dois níveis (pessoal / profissional) que colocava DJs, palestrantes, instrutores e produtoras sob o mesmo guarda-chuva. Isso confundia permissões e fazia a verificação parecer arbitrária: um DJ e um promotor de shows não têm quase nada em comum na plataforma.

O que foi lançado: três tipos de conta com fronteiras rígidas. O modelo de parceria conectava os níveis: um clube de futebol organizando um show faz parceria com a produtora responsável pelo evento e lista os artistas como parceiros profissionais. Cada entidade mantém sua própria responsabilidade e visibilidade.

só seguidores

Pessoal

  • Eventos visíveis só para seguidores
  • Sem presença em Explorar / Momentum
  • Teto de movimentação de dinheiro
  • Criável em menos de um minuto

indivíduo verificado

Profissional

  • DJs, palestrantes, instrutores
  • Participam sem serem donos de eventos
  • Listados como parceiros em eventos de empresas
  • Visibilidade sem o peso de uma empresa

organização verificada

Empresa

  • Venda ilimitada de ingressos, categorias, tags
  • Visibilidade em Momentum + Explorar
  • Gestão de papéis, estatísticas de página
  • Responsabilidade legal na verificação

Relações

  • Pessoal cria Empresa (modelo de Páginas do Facebook)
  • Profissional vira parceiro em eventos de Empresa
  • Parceria Empresa ↔ Empresa, com verificação nos dois lados
  • Empresa chega ao Momentum

A mesma estrutura atendia webinars: uma empresa, vários palestrantes profissionais listados como colaboradores.

06

Momentum: o motor de descoberta

Em 2020, distância era o único sinal de ranqueamento que a maioria dos apps de evento usava. Uma rave e um concerto clássico à mesma distância pareciam igualmente relevantes para todo mundo. O Momentum ranqueava o feed de Explorar com base em cinco variáveis.

Credibilidade do produtor era a variável que mais pesava e a que mais custou para desenhar. Combinava status de verificação, histórico de eventos, avaliações de eventos anteriores e recência de atividade. O objetivo: tornar a produção ruim cara. Uma conta nova, mesmo verificada, ranqueava abaixo de um produtor com dez eventos bem avaliados.

Correspondência de preferênciacategorias + tags
Distânciaespacial
Velocidade de engajamentona página do evento
Credibilidade do produtorverificado · histórico · avaliações · recência
Grafo socialquem você segue, confirmado
Ranqueamento no Explorar
Camada de mapa: tamanho do pino = volume de interação · um amigo próximo que ativou presença em tempo real aparece com uma cor de pino diferente

O que eu faria diferente

O peso entre as cinco variáveis nunca foi formalmente definido. As entradas foram desenhadas; a importância relativa entre elas, não. Essa especificação chegou à engenharia como uma questão em aberto. Hoje esse peso seria documentado com justificativa antes de qualquer desenvolvedor ver a tela.

07

A pontuação mandou cortar. Lançamos mesmo assim.

A matriz de priorização pontuou 14 problemas por importância e viabilidade. A maioria das decisões seguiu as pontuações: o topo da tabela entrou no MVP central, e tudo que precisava de volume de usuários para fazer sentido (chat, feed de vídeo, localização em tempo real) foi adiado independentemente da qualidade.

O consumo dentro do evento, a comanda (o participante pede e paga dentro do app), pontuou 1/1: a menor importância e a menor viabilidade entre as 14 linhas. Pela lógica do framework, nunca deveria ter sido construída. Foi lançada mesmo assim, como um recurso tardio do MVP, porque o modelo de negócio pesou mais do que a pontuação dos usuários. Os usuários não se importavam, e a matriz estava certa sobre isso. Mas os produtores se importavam, e a meta de R$2,70 de receita precisava de mais do que taxa de ingresso. A comanda nunca foi um recurso de usuário. Era uma ferramenta de aquisição do lado da oferta disfarçada de recurso de usuário.

Maior importância (5) Pontuou 1/1: lançado mesmo assim (comanda) Lançado no MVP central

A matriz era uma ferramenta, não uma regra fixa. O consumo dentro do evento pontuou o mais baixo nos dois eixos e foi lançado mesmo assim: o modelo de negócio se sobrepôs à pontuação.

O que isso me ensinou

Um framework de priorização mede o que você manda ele medir. O nosso media importância para o usuário e viabilidade de construção, sem nenhum eixo para valor estratégico ao modelo de negócio. Compensamos com uma exceção não documentada. Hoje eu construiria a dimensão de negócio dentro do próprio modelo de pontuação: uma exceção não documentada parece inconsistência para o time, mesmo quando é a decisão certa.

Tudo que precisava de usuários para funcionar foi adiado. Tudo que gerava dinheiro para produtores foi lançado, até mesmo, uma vez, contra a matriz.

Lançado

Onboarding e conta

splashlogincriação de contarecuperação de senhaassistente de cadastroconfig. de perfilativação de conta business

Núcleo

sistema + página de eventopágina de empresafeed socialcategorias + tagsbusca: 5 escoposMomentummapa + geolocalizaçãoconvites: 7 tiposnotificaçõesfintech / ingressos comanda contra a matriz ↑

Adiado

Precisa de volume de usuários / conteúdo

Chega aí custo de infra de geo chat + filtros de relação vazio sem volume feed de vídeo precisa de escala de conteúdo gamificação streaming eventos web

Quatro meses do zero ao escopo de MVP, documentado antes da primeira tela.

Dez01
  • splash
  • login
  • criação de conta
  • recuperação de senha
  • config. de perfil
Jan02
  • categorias + tags
  • assistente de cadastro
  • página de perfil
  • ativação business
  • página de empresa
Fev03
  • feed social
  • histórico de eventos
  • notificações
  • branding
  • Rolê
Mar04
  • Vaquinha (rateio em grupo)
  • definição de pagamento
  • Chega aí
  • eventos automáticos
  • métodos de interação
08

Desenhando para o pior momento

Alguém em um local barulhento, segurando um drink, com uma mão só, sendo interrompido: possivelmente estressado, possivelmente sem atenção total no momento, possivelmente com alguma limitação física. A pesquisa mapeou cinco estados de contexto, e todos apontavam para o mesmo usuário.

Físico

Uma mão, possivelmente a esquerda, em movimento, fazendo outra coisa ao mesmo tempo.

Ambiental

Locais barulhentos, interrupção frequente, andando.

Preferencial

Visual em vez de texto, sem depender de áudio, passos mínimos.

Emocional

Alto estresse possível, urgência de pagamento ou de encontrar amigos, baixa tolerância a atrito.

Cognitivo

Nativo digital, mas distraído; clareza para todos os níveis de escolaridade.

As restrições que saíram disso: conteúdo visual em vez de textual (o público-alvo não lê parágrafos em uma balada), áudio banido como canal de informação por completo, toda ação primária ao alcance de uma mão, interfaces recuperáveis de qualquer toque errado em uma única ação.

O que eu faria diferente

A ergonomia se sustentou: uso com uma mão, conteúdo visual em primeiro lugar, recuperação de interrupção. A acessibilidade formal, não. O design respondeu "pode ter limitações físicas" com bom instinto em vez de um padrão: sem auditoria WCAG, sem verificação de contraste, sem consideração de leitor de tela. Um app de evento vive em ambientes escuros com luzes piscando em telas médias, o que torna acessibilidade mais crítica ali, não menos. Hoje toda tela central passaria por WCAG 2.1 AA antes do handoff.

O peso da navegação seguiu prioridade documentada, não opinião, mapeado sobre a cadeia de valor do negócio.

01Eventoscriação de conteúdo
02Feed
03Compartilhamento→ transações
04Chat
05Pagamentos
06Página profissional
07FAQ
08Personalização de perfil
criação de conteúdo compartilhamento transações engajamento cadastro básico
09

O que eu construiria diferente

Conectar metas a decisões, de forma explícita

As metas moldaram as grandes decisões (oferta primeiro, a exceção da comanda), mas essa conexão vivia em conversa, não em documentos. Nenhum registro de decisão rastreava "estamos construindo X porque a meta Y exige isso". Quando veio pressão de escopo, o raciocínio só existia na memória.

Desenhar os estados de falha da parceria

O caminho feliz foi desenhado. Ninguém desenhou o desacordo: um parceiro cancela, o outro se recusa, e aí? Divisão de receita quando os dois vendem ingresso? Status da parceria quando uma das partes perde a verificação? Esses são os momentos que decidem se o usuário confia na plataforma.

Transformar a matriz em um artefato assinado pelo time

Os cortes estavam certos; o processo vivia só na minha cabeça. O time nunca tratou a matriz como o contrato compartilhado de escopo, então "e se voltarmos com o chat?" estava sempre a um argumento convincente de reabrir. Um artefato assinado responde com critérios, não com memória.

Esse foi também o projeto em que trabalhei como o único designer, reportando direto para os dois cofundadores e trabalhando diariamente com dois desenvolvedores traduzindo as especificações em produto. Essa proporção, um designer para um time fundador pequeno, foi o que me empurrou para handoffs detalhados o suficiente para construir sem precisar de uma conversa de retorno.

10

Produto e marca, construídos em Curitiba

Identidade construída junto com o produto, não aplicada depois: "uma plataforma social completa focada em eventos de todos os tipos e tamanhos."

Página de evento, o carro-chefe. Todos os campos da especificação em uma única rolagem: identidade e histórico do produtor (a cadeia de confiança do §05), data e local com um minimapa espacial (a mesma camada que o Momentum ranqueia), tags mais contagem de confirmados/interessados alimentando a credibilidade do produtor de volta no Momentum, uma seção de comentários como prova social, e uma barra de compra dentro do app fixada ao alcance de uma mão, a receita do lado da oferta que justificou construir produtores primeiro.

Página de evento, tema claro: Lofia Rooftop Party, produtor verificado, tags, confirmados/interessados, barra de compra
Página de evento · tema claro
Página de evento, tema escuro, mesmo layout
Página de evento · tema escuro

Explorar / Momentum. O card em destaque do Momentum mostra credibilidade do produtor e velocidade de engajamento como uma única unidade visual; presença de amigos aparece acima em avatares; o feed ranqueado fica abaixo. No mapa, o tamanho do pino traduz volume de interação no espaço, e um card de pré-visualização com um toque abre a página completa do evento sem sair do mapa.

Feed de Explorar, tema claro: avatares de amigos, card do Momentum, linha feito para você
Explorar · tema claro
Feed de Explorar, tema escuro
Explorar · tema escuro
Explorar por mapa: pinos dimensionados pelo volume de interação, card de pré-visualização com um toque
Explorar · mapa

Bifurcação do onboarding. Duas portas, dois níveis de compromisso. O cadastro básico entrega um produto funcionando em segundos; a verificação libera a pilha comercial: páginas, venda ilimitada, categorias, analytics. Ninguém fica travado na porta, e quem traz eventos tem um motivo claro para se verificar: a aposta de oferta primeiro, codificada em uma tela.

Bifurcação de onboarding: conta básica vs. conta profissional verificada
Conta básica vs. conta verificada

Comanda: pedir e pagar dentro do evento. Cada item é um toque só, sem formulário, sem digitar cartão no meio do evento. O consumo se acumula em uma comanda aberta que o produtor consegue capturar em vez de perder para dinheiro e maquininha. Esse é o recurso 1/1 do §07: pontuou o mais baixo na matriz por usuários que não se importavam, lançado mesmo assim porque produtores se importavam.

Cardápio do bar: drinks, cervejas, doses, comida, toque para adicionar ao pedido
Cardápio do bar · toque para adicionar
Detalhe do item: caipirinha, base e adicionais
Personalização do item
Revisão da comanda aberta: itens, gorjeta, rateio com o grupo, pagar agora
Comanda aberta · gorjeta e rateio
Marca do Meaple, versão em gradientemeaple
Marca do Meaple, versão brancameaple
Marca do Meaple, versão escurameaple

Primárias

#00C0FD #007CFF #5500FA #310097

Secundárias

#FFFFFF #1C1C38

A marca se lê como um "M" e uma borboleta ao mesmo tempo. O gradiente vai de ciano → azul → violeta → roxo profundo: um sistema com predominância de azul, não o "violeta/roxo" que o documento de marca antigo descrevia.

11

O produto pausou por causa de uma pandemia global. O design estava funcionando.

O Meaple lançou seu MVP e estava em uso ativo quando a COVID-19 tornou aglomerações ilegais e o mercado para o qual ele foi construído deixou de existir: 350 mil eventos cancelados no Brasil em 2020, 98% do setor atingido, R$230 bilhões perdidos entre 2020 e 2021 (Sebrae; Abrape). O desenvolvimento pausou. O Meaple está no ar hoje em meaple.com.br, rodando eventos reais de produtores reais, incluindo nomes nacionais.

3 personas com jornadasanálise competitiva de 13 produtosmatriz de priorização de 14 problemasframework diz/precisa/não-sabe-que-precisaarquitetura de contas em 3 níveisespecificação do MomentumIA completaroadmap de 4 meses~30 recursos desenhadosAndroid 4.4+ / iOS 10+brandingprotótipo clicável

O produto pausou por causa de uma pandemia global. O design estava funcionando.

Fontes: Abrafesta via G1 (2020): tamanho do setor e emprego pré-pandemia · Abeoc/Sebrae (2019): participação no PIB e taxa de crescimento · Lenny Rachitsky, "How to Kickstart and Scale a Marketplace Business" (nov. 2019): descoberta sobre oferta primeiro · Sebrae/Abrape (2020–2021): impacto da pandemia · Pesquisa primária: entrevistas com usuários e produtores, Ensight (2020).

Vamos conversar

Tem um projeto?
Vamos fazer acontecer.