Partiu | Product Design
O Partiu é um aplicativo mobile criado para ajudar moradores da Região Metropolitana do Recife a descobrir eventos alinhados aos seus interesses, orçamento e contexto social. O projeto surgiu da percepção de que informações sobre eventos costumam estar dispersas em diferentes canais, dificultando a descoberta de atividades relevantes no momento certo.
Foi desenvolvido como projeto de portfólio de UX/UI Design, cobrindo todas as etapas do processo — da pesquisa ao protótipo de alta fidelidade — com ênfase em decisões fundamentadas em dados e em um design system robusto.
Contexto
Partiu é um aplicativo mobile criado para facilitar a descoberta de eventos e atividades locais. O projeto nasceu para resolver uma experiência hoje fragmentada, distribuída entre Instagram, grupos de WhatsApp, plataformas de ingressos e recomendações informais, reunindo tudo em uma jornada mais clara, personalizada e confiável.
Ao longo do processo, conduzimos pesquisa com usuários, síntese dos insights, priorização de funcionalidades, definição dos fluxos, construção da identidade visual, desenvolvimento de um design system e prototipagem de alta fidelidade. O resultado foi um produto mobile-first com onboarding baseado em interesses, filtros avançados, mapa interativo, página de detalhes do evento e um sistema visual consistente e escalável.
O problema
A busca por eventos depende hoje de múltiplas fontes — Instagram, grupos de WhatsApp, plataformas de ingressos, indicações de amigos — tornando a experiência fragmentada e pouco previsível.
Microeventos culturais costumam circular apenas em canais informais, invisíveis para quem não faz parte de determinados grupos.
Hipótese inicial
“Moradores da Região Metropolitana do Recife enfrentam desafios para descobrir atividades e eventos locais relevantes para seus interesses.”
Descoberta por canal
Pesquisa
Desk Research
A investigação inicial mapeou os principais canais de descoberta de eventos, analisando Sympla, Eventbrite, Fever, Meetup e Facebook Events.
- Não existe uma plataforma centralizada para eventos da Região Metropolitana do Recife.
- Microeventos culturais — saraus, feiras, rodas — circulam apenas em canais informais.
- A maioria dos canais oferece filtros genéricos; poucos investem em personalização.
- Apenas Fever e Meetup fazem onboarding de interesses; nenhum combina curadoria local com eventos gratuitos e pagos em uma experiência única.
Benchmarking
Cinco concorrentes diretos e indiretos foram comparados em seis dimensões-chave.
Benchmarking
Cinco concorrentes diretos e indiretos foram comparados em seis dimensões-chave.
Processo de design
Pesquisa com usuários
Aplicamos um formulário quantitativo com questões qualitativas junto a moradores da RMR. Os dados revelaram um problema estrutural de descoberta, curadoria e clareza informacional.
127
participantes na pesquisa
56%
não sabem onde procurar eventos
84%
já perderam um evento por falta de informação
Critérios mais importantes para decidir participar: orçamento (84,6%), distância (74%), tipo de evento, companhia e energia social disponível.
“Chegou ao ponto de saber de um show que gostaria de ter ido através de um outdoor, só que trabalho de casa e muitas vezes não passo por avenidas movimentadas.”
— Respondente do formulário
Principais dores identificadas
Dificuldade em encontrar eventos do próprio interesse
77
Não saber onde procurar eventos
70
Preço alto dos eventos
58
Falta de informações detalhadas
57
Informações desorganizadas
23
Dificuldade de encontrar companhia para ir
22
Definindo o problema
A pesquisa revelou que a dificuldade não está apenas em comprar ingressos, mas principalmente em descobrir oportunidades alinhadas aos interesses de cada pessoa no momento certo.
Pergunta norteadora
“Como poderíamos facilitar a descoberta de eventos relevantes, reduzindo a dependência de algoritmos imprevisíveis e fontes fragmentadas?”
Matriz CSD
Certezas
- Redes sociais são uma das principais formas de descoberta.
- A dispersão das informações é uma dor recorrente.
- Não existe plataforma que centralize eventos da RMR.
- Muitas pessoas perdem eventos por falta de informação.
Suposições
- Usuários querem uma forma mais fácil e personalizada de descobrir eventos.
- Filtros avançados são desejados.
- Integração com redes aumentaria o engajamento.
- PCDs têm dificuldade com informações de acessibilidade.
Dúvidas
- Quais critérios pesam na escolha? Respondido pela pesquisa.
- Quais as maiores frustrações com as soluções atuais?
- Com quanta antecedência as pessoas planejam?
- Estão dispostas a viajar para um evento?
Personas
Persona principal
Luana Andrade
- Quer sair nos fins de semana, mas não sabe o que está acontecendo.
- Usa o Instagram como fonte principal, mas o algoritmo não entrega eventos culturais.
- Já perdeu eventos que teria adorado por falta de informação no momento certo.
- Decide com base em preço, distância e companhia.
Produtor musical independente
André
- Organiza eventos em locais diversos e usa redes sociais para divulgar.
- Eventos independentes competem em visibilidade com grandes produções.
- Representa o lado B2B do produto — alcance sem estrutura de marketing.
Jornada AS-IS – Luana
Intenção
Dor
Nenhuma fonte clara de consulta
Oportunidade
Notificações proativas e sugestões personalizadas
Busca informal
Dor
Informação efêmera e dispersa
Oportunidade
Hub com calendário centralizado
Exploração ativa
Dor
Só evento pago ou comercial, excesso de ruído
Oportunidade
Tags úteis: gratuito, cultural, familiar
Decisão
Dor
Falta de dados sobre acessibilidade e confiabilidade
Oportunidade
Informações práticas e prova social
Pós-evento
Dor
Boa experiência pouco divulgada
Oportunidade
Avaliação rápida e compartilhamento nativo
Conceito e marca
Partiu é um convite à ação
“Será que tem algo
acontecendo hoje?”
A marca não é institucional — ela fala como um amigo bem-informado sobre o que está acontecendo na cidade.
Explorador
Curiosidade, descoberta, liberdade.
Amigo / Everyman
Pertencimento, acessibilidade, sem elitismo.
Espontânea · Urbana · Social · Vibrante · Acessível · Descomplicada
Gradiente radial
Laranja → roxo nos headers das telas principais. Elemento de identidade, não decoração.
Tipografia
Plus Jakarta Sans — moderna, legível, amigável. Regular a Bold.
Ícones
Tabler Icons, estilo Line Rounded — biblioteca única para consistência total.
Laranja
#FF6A00
Cor de energia e ação da marca. Usada para destacar decisões, chamadas, datas, tags e pontos de interação.
Tons claros
#FFF4EB
Base de respiro para superfícies claras, contrastes suaves e momentos de leitura com sensação mais leve.
Roxo
#471395
Camada expressiva da identidade. Traz contraste, profundidade e personalidade para headers e elementos visuais.
Neutros roxos
#271B2F
Tons de estrutura para fundos, cards, contraste e hierarquia. Sustentam a estética urbana e noturna do produto.
Priorização
O que construir primeiro?
As funcionalidades foram organizadas em uma Matriz MoSCoW com base nos dados de pesquisa e nas jornadas mapeadas.
Must Have
MVP
- Feed personalizado a partir dos interesses do onboarding
- Filtros de categoria, preço, distância e data
- Detalhe com informações completas, incluindo acessibilidade
- Perfil com histórico e lista de desejos
- Busca com sugestão automática
Should Have
Importante
- Notificações e lembretes de eventos salvos
- Indicativo de ingressos esgotando
- Avaliações e comentários
- Login social
Could Have
Futuro
- Integração com Spotify
- Ver amigos que vão ao evento
- Canal de revenda de ingressos
- Filtros avançados combinados
User flow
Descobrir e participar de um evento
O fluxo principal foi desenhado com foco no “happy path” — o caminho ideal, sem fricções.
Acesso
Onboarding
Feed personalizado
Busca e filtros
Detalhe do evento
Perfil e histórico
Wireframes
Validando a estrutura antes do visual
Wireframes de baixa fidelidade (375 × 812 px) validaram a arquitetura de informação e o fluxo entre telas antes de qualquer decisão visual.
Onboarding
Home / Feed
Detalhe do evento
Ingressos
Busca e filtros
Mapa
Protótipo exploratório /Lovable
Wireframes de média fidelidade
Protótipo exploratório criado no Lovable para validar rapidamente a estrutura das telas, o fluxo principal e a arquitetura de informação antes do refinamento visual.
Design system
Construindo antes de desenhar telas
O design system foi desenvolvido integralmente antes de qualquer tela de alta fidelidade. Essa decisão acelerou a produção, garantiu consistência e eliminou retrabalho — organizado em 13 seções.
A partir dessa base, o UI Kit foi organizado em 13 grupos de componentes, cobrindo desde fundamentos visuais até padrões complexos de navegação, filtros, mapas, cards e estados de interface.
Fundamentos
Paleta, tipografia, espaçamentos e grid mobile.
Átomos
Badge/Tag, Avatar, Toggle, Rating e Chip/Filtro.
Formulários
Input, Email, Password, Search, Select e Textarea — 6 estados cada.
Botões
9 variantes × 4 estados; ícone Tabler via boolean property.
Cards
Vertical, horizontal, pequeno, curadoria, bombando, próximo, ingresso e salvo.
Navegação
Bottom Nav com 4 tabs e Top Bar nos estados Default, Back, Search e Transparent.
Mapa
Map Pin com state × category; default, selecionado e cluster.
Compostos
Filter Row, Section Header, Avatar Group e Card Organizador.
Onboarding
Progress Bar com 5 steps, cards de seleção e categoria.
Filtros avançados
Bottom Sheet com accordions de categoria, data, preço e localização.
Ilustrações
4 ilustrações editoriais flat do onboarding.
Ícones
Conjunto Tabler Line Rounded completo.
Imagens
Biblioteca de imagens de eventos para cards, headers e estados editoriais do produto.
Protótipo de alta fidelidade
Da pesquisa à tela
Com o design system estabelecido, as telas seguiram as diretrizes: light mode com background #FAFAFA, gradiente radial laranja-roxo nos headers principais, cards brancos com sombra suave, Plus Jakarta Sans e laranja com parcimônia.
Home
Header gradiente, saudação, busca, filtros rápidos e seções de cards.
Mapa
Visualização por localização, eventos próximos, pins interativos e navegação pelo mapa.
Onboarding
Cadastro inicial, localização, preferências de interesse e personalização da experiência.
Detalhe do evento
Informações completas, vibe do evento, produtor, acessibilidade, prova social e CTA de ingresso.
Ingressos
Ingresso salvo, comprovante disponível e acesso organizado dentro do aplicativo.
Perfil e histórico
Eventos salvos, ingressos, histórico de eventos passados e preferências do usuário.
Ferramentas e ia
Processo assistido por IA
A inteligência artificial foi integrada ao processo com papéis bem definidos em cada etapa — sempre orientada por decisões humanas de design.
Gemini Deep Research
Desk research e síntese de dados secundários sobre o mercado e o comportamento dos usuários.
Lovable
Prototipagem em média fidelidade — estrutura rápida de telas para validar a arquitetura de informação.
Claude + Figma MCP
Prototipagem de alta fidelidade no Figma — componentização, interações e automação via Desktop Bridge.
As ferramentas aceleraram a execução, mas as escolhas conceituais, visuais e de experiência foram tomadas pela equipe.
Modelo de negócio
Viabilidade além da interface
Um Business Model Canvas contextualizou o produto como negócio digital.
Proposta de valor
Descoberta fácil e personalizada; centralização por região, preço e categoria; notificações inteligentes; solução para produtores independentes.
Segmentos
Jovens adultos 18–40 urbanos; turistas e novos moradores; organizadores; pequenos negócios e espaços culturais.
Canais
App iOS/Android; site responsivo; Instagram, TikTok, Facebook; e-mail; influenciadores locais.
Receitas
Comissões sobre ingressos; planos premium para organizadores; publicidade segmentada; patrocínios; destaques.
Parceiros
Organizadores, casas de show, espaços culturais; plataformas de ingressos; creators locais.
Custos
Desenvolvimento e tecnologia; marketing e aquisição; suporte; curadoria de conteúdo.
Aprendizados
O que ficou
A pesquisa com 127 respondentes ancorou as decisões em dados reais — sem ela, hipóteses iniciais teriam guiado o design na direção errada.
Construir o design system antes das telas acelerou a produção e garantiu consistência. O tempo investido pagou dividendos a cada tela nova.
Clareza sobre arquétipos, tom de voz e paleta antes das telas eliminou dúvidas visuais durante a construção.
A colaboração humano-IA acelerou o processo sem comprometer a qualidade — desde que os papéis estejam bem definidos.
O sistema de ilustrações trouxe coesão emocional ao onboarding e reforçou a identidade da marca.
