Um app mobile que centraliza a descoberta de eventos da Região Metropolitana do Recife — alinhados ao interesse, orçamento e contexto social de cada pessoa.

Visão geral

O que é o Partiu?

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.

FUNÇÃO Pesquisa · UX · UI · Design System

FUNÇÃO

Pesquisa · UX · UI · Design System

FUNÇÃO

Pesquisa · UX · UI · Design System

Diana Lins, Diogo Neves, Antonio Barbosa, Taciana Lins

EQUIPE Diana Lins, Diogo Neves, Antonio Barbosa, Taciana Lins

EQUIPE

PERÍODO 2024 – 2025

PERÍODO

2024 – 2025

O problema

Uma dor simples,
mas recorrente

Uma dor simples, mas recorrente

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.

Descobrindo eventos locais de forma mais simples e personalizada

Um app mobile que centraliza a descoberta de eventos da Região Metropolitana do Recife — alinhados ao interesse, orçamento e contexto social de cada pessoa.

Visão geral

O que é o Partiu?

Pesquisa

Entendendo o cenário

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.

R$ 108,29 bi

movimentados pelo setor de eventos entre jan e out de 2024. Buscas por shows cresceram 30% sobre a pandemia; eventos esportivos, 55%.

Fonte: Sympla

+19%

crescimento previsto do setor de eventos no Brasil em 2024

Fonte: Mercado e Eventos

+54%

crescimento de festivais de música no Brasil em 2024

Fonte: Diário do Nordeste

260+

eventos no formato de festival realizados até dez/2023

Fonte: Agência Mestre

Benchmarking

Cinco concorrentes diretos e indiretos foram comparados em seis dimensões-chave.

O benchmarking evidenciou que nenhum concorrente atende de forma equilibrada às principais necessidades identificadas na pesquisa. Enquanto Fever e Meetup lideram em personalização e recomendações, Eventbrite e Sympla oferecem recursos robustos para descoberta e compra de ingressos, e as redes sociais se destacam pelo aspecto social e pela descoberta casual. Em contrapartida, ainda existem lacunas na adaptação ao contexto local, na organização das informações e na centralização da experiência. O Partiu nasce justamente para preencher essas lacunas, combinando descoberta personalizada, filtros avançados, integração social e foco em eventos locais em uma única plataforma.

Oportunidade

Nenhum concorrente combina onboarding de preferências + curadoria local + eventos gratuitos e comunitários em uma experiência única.

Matriz CSD

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.

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

127

participantes na pesquisa

%

56%

56

não sabem onde procurar eventos

84%

já perderam um evento por falta de informação

%

84

Perfil dos participantes

Principais dores identificadas

Dificuldade em encontrar eventos do próprio interesse

Não saber onde procurar eventos

Preço alto dos eventos

Falta de informações detalhadas

Informações desorganizadas

Dificuldade de encontrar companhia para ir

Síntese

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?

Personas

Jornada AS-IS — Luana

idealização e Priorização

O que construir primeiro

Matriz MosCow

As funcionalidades foram organizadas em uma Matriz MoSCoW com base nos dados de pesquisa e nas jornadas mapeadas.

User Flow

O fluxo principal foi desenhado com foco no "happy path" —

o caminho ideal, sem fricções.

O fluxo principal foi desenhado com foco no "happy path" —

o caminho ideal, sem fricções.

1

Acesso

Novo usuário vai ao onboarding

2

Onboarding

Nome e foto

Localização

Categorias de interesse

Redes sociais (opcional)

3

Feed personalizado

Recomendações por local, interesse e comportamento

Filtros rápidos

Seções: Pra sair agora, Do seu jeito

4

Busca e filtros

Busca com sugestão automática

Filtros por data, categoria, preço, distância e acessibilidade

5

Detalhe do evento

Informações completas e vibe

Produtor com "Seguir"

CTA "Partiu por R$ X"

6

Perfil e histórico

Eventos salvos

Ingressos

Eventos passados

Wireframes

Wireframes de baixa fidelidade (375 × 812 px) validaram a arquitetura

de informação e o fluxo entre telas antes de qualquer decisão 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.

Conceito e marca

Conceito e marca

Conceito e marca

Arquétipos de marca

A marca não é institucional — ela fala como um amigo bem-informado sobre o que está acontecendo na cidade.

Espontânea

Urbana

Vibrante

Acessível

Descomplicada

Social

Explorador

Curiosidade, descoberta, liberdade.

Amigo / Everyman

Pertencimento, acessibilidade, sem elitismo.

design system

Construindo antes de desenhar telas

Cores e tipografia

Aa

Plus Jakarta Sans

Moderna, legível, amigável.

White

#FBFBFB

Laranja

#FF6A00

Cinza médio

#6B7085

Roxo escuro

#281C30

Roxo vibrante

#5A17A0

Laranja: Energia, ação, entusiasmo. Usado com parcimônia: botões, destaques de data, links.

White

#FBFBFB

Cinza médio

#6B7085

Roxo escuro

#281C30

Roxo vibrante

#5A17A0

Laranja

#FF6A00

White

#FBFBFB

Laranja

#FF6A00

Cinza médio

#6B7085

Roxo escuro

#281C30

Roxo vibrante

#5A17A0

Laranja: Energia, ação, entusiasmo. Usado com parcimônia: botões, destaques de data, links.

UI kit

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.

01 · Fundamentos
Paleta, tipografia, espaçamentos e grid mobile.
02 · Átomos
Badge/Tag (7 variantes), Avatar, Toggle, Rating, Chip/Filtro.
03 · Formulários
Input, Email, Password, Search, Select, Textarea — 6 estados cada.
04 · Botões
9 variantes × 4 estados; ícone Tabler via boolean property.
05 · Cards
Vertical, Horizontal, Pequeno, Curadoria, Bombando (dark), Próximo, Ingresso, Salvo.
06 · Navegação
Bottom Nav (4 tabs), Top Bar (Default, Back, Search, Transparent).
07 · Mapa
Map Pin com State × Category; default, selecionado, cluster.
08 · Compostos
Filter Row, Section Header, Avatar Group, Card Organizador.
09 · Onboarding
Progress Bar (5 steps), cards de seleção e categoria.
10 · Filtros avançados
Bottom Sheet com accordions (Categoria, Data, Preço, Localização).
11 · Ilustrações
4 ilustrações editoriais flat do onboarding.
12 · Ícones
Conjunto Tabler Line Rounded completo.
13 · Imagens
Biblioteca de imagens de eventos para cards e heros.

Sistema de ilustração

Narrativa visual do onboarding

Concebidas como flat design editorial contemporâneo, as ilustrações são artefatos narrativos derivados da pesquisa: cada cena corresponde a um momento da jornada emocional do usuário.

1 · Perceber

Personagem se arrumando para sair e pensando no que irá fazer.

Sempre tem algo acontecendo, mesmo quando parece que não.

2 · Procurar

Personagem em movimento; linha tracejada como percurso fragmentado.

Encontrar eventos não precisa ser uma caça ao tesouro.

3 · Encontrar

Cena de abraço, anel orbital ao redor das figuras.

Eventos acontecem em lugares, mas também entre pessoas.

4 · Compartilhar

Duas figuras em movimento conjunto; paleta vibrante.

A cidade passa a ser território de possibilidades.

1 · Perceber

Personagem se arrumando para sair e pensando no que irá fazer.

Sempre tem algo acontecendo, mesmo quando parece que não.

2 · Procurar

Personagem em movimento; linha tracejada como percurso fragmentado.

Encontrar eventos não precisa ser uma caça ao tesouro.

3 · Encontrar

Cena de abraço, anel orbital ao redor das figuras.

Eventos acontecem em lugares, mas também entre pessoas.

4 · Compartilhar

Duas figuras em movimento conjunto; paleta vibrante.

A cidade passa a ser território de possibilidades.

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

Pins de eventos e bottom sheet em 3 estados (Peek → Meio → Detalhe).

Onboarding

5 steps: perfil, localização, interesses, redes e sucesso.

Detalhe do evento

Hero, produtor, vibe chips, mapa e CTA "Partiu por R$ X".

Ingressos

Em breve, pendente e passados; detalhe com QR code.

Perfil e Config.

Bio, eventos salvos, histórico e Zona de Perigo.

Navegue pelo protótipo

Decisões de design notáveis

Laranja com parcimônia

reservado para ação e destaque, mantendo seu peso visual.

Zona de Perigo

excluir conta e sair separados em vermelho, boas práticas de LGPD.

Header com gradiente radial

cria identidade imediata sem sobrecarregar; aparece só em telas-chave.

CTA "Partiu por R$ X"

reforça o tom de convite e cria consistência entre branding e UX.

Bottom nav sem título

a própria tab comunica o contexto, liberando espaço vertical.

Filtros como accordion

cada seção expande individualmente, via frame-cloning com transição INSTANT.

Interações implementadas

Cards:

pressed / focused / favorited com animação de coração

Bottom Nav:

estado ativo por tab; Top Bar contextual

Mapa:

Smart Animate entre Peek → Meio → Detalhe

Filtros:

accordion por frame-cloning, transição INSTANT

Onboarding:

seleção com CHANGE_TO entre Default e Selected

Map pins:

animação de seleção por categoria

◈ Aura Trail — drag to cover the desired area

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.

11 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.

12 próximos passos

O que vem a seguir

•

Testes moderados de usabilidade com moradores da RMR.

•

Validar onboarding e descoberta pelo mapa com usuários reais.

•

Funcionalidades para produtores independentes (divulgação, analytics básico).

•

Mecanismos de recomendação mais sofisticados.

•

Completar o fluxo de compra (checkout e confirmação).

•

Iterar o produto com base em feedback real da região.

Obrigada
pela atenção!

Quer conversar sobre esse projeto ou trabalhar comigo?

Entre em contato

dialita - design visual

Estratégia e expressão

para seu projeto

Sitemap

Redes sociais

Instagram

Subir

dialita - design visual

Estratégia e expressão

para seu projeto

Redes sociais

Instagram

Subir

Sitemap

Estratégia e expressão para seu projeto

dialita

design visual

Sitemap

Redes sociais

Instagram