Plot — Uma rede social para eventos na vida real
Plot — Uma rede social para eventos na vida real
Plot — Uma rede social para eventos na vida real
Veja onde os seus amigos vão, planeje seus próprios eventos, e nunca falte nos momentos que importam. Plot é onde a experiência realmente acontece.
Veja onde os seus amigos vão, planeje seus próprios eventos, e nunca falte nos momentos que importam. Plot é onde a experiência realmente acontece.
Veja onde os seus amigos vão, planeje seus próprios eventos, e nunca falte nos momentos que importam. Plot é onde a experiência realmente acontece.
Ano: 2026
Cliente: Projeto pessoal
Product design
UX/UI
Pesquisa
Resumo
Resumo
A ideia do Plot surgiu de uma observação: diversos aplicativos de eventos já tentaram construir uma camada social em torno dos eventos, mas nenhum teve sucesso real nisso. Esse gap virou o ponto de partida para uma pergunta: existia uma necessidade real e não atendida por um espaço digital onde as pessoas pudessem ver onde seus amigos estão indo na vida real, e criar seus próprios eventos com mais facilidade?
Para validar essa pergunta, analisei dois dos aplicativos de eventos mais usados no mercado brasileiro: Sympla e Shotgun.
O Sympla tem um foco mais voltado a eventos culturais (shows, teatro, workshops), enquanto o Shotgun é mais focado em vida noturna e casas de festa. Ambos possuem algum tipo de recurso social, mas limitado apenas aos eventos vendidos em suas próprias plataformas — por isso, a camada social só existe dentro do funil de transação deles.
A ideia do Plot surgiu de uma observação: diversos aplicativos de eventos já tentaram construir uma camada social em torno dos eventos, mas nenhum teve sucesso real nisso. Esse gap virou o ponto de partida para uma pergunta: existia uma necessidade real e não atendida por um espaço digital onde as pessoas pudessem ver onde seus amigos estão indo na vida real, e criar seus próprios eventos com mais facilidade?
Para validar essa pergunta, analisei dois dos aplicativos de eventos mais usados no mercado brasileiro: Sympla e Shotgun.
O Sympla tem um foco mais voltado a eventos culturais (shows, teatro, workshops), enquanto o Shotgun é mais focado em vida noturna e casas de festa. Ambos possuem algum tipo de recurso social, mas limitado apenas aos eventos vendidos em suas próprias plataformas — por isso, a camada social só existe dentro do funil de transação deles.
É exatamente esse o gap que o Plot vem preencher: um espaço construído em torno de todos os eventos, independente de onde o ingresso é vendido, com o foco deslocado da transação para a experiência social — quem vai, como organizar, e como as pessoas realmente se encontram.
É exatamente esse o gap que o Plot vem preencher: um espaço construído em torno de todos os eventos, independente de onde o ingresso é vendido, com o foco deslocado da transação para a experiência social — quem vai, como organizar, e como as pessoas realmente se encontram.
Desk Research
Desk Research
Para validar a suposição por trás do Plot, procurei dados recentes sobre como jovem adultos estão se relacionando com mídias sociais e conexões ao vivo.
Para validar a suposição por trás do Plot, procurei dados recentes sobre como jovem adultos estão se relacionando com mídias sociais e conexões ao vivo.
De acordo com a American Time Use Survey, pessoas de 15 a 24 anos agora passam 70% menos tempo com os amigos do que as pessoas da mesma idade em 2023.
De acordo com a American Time Use Survey, pessoas de 15 a 24 anos agora passam 70% menos tempo com os amigos do que as pessoas da mesma idade em 2023.
Uma pesquisa global em 2025 descobriu que 80% dos entrevistados da Geração Z se sentiu solitário no último ano, comparado com apenas 45% de Baby Boomers.
Uma pesquisa global em 2025 descobriu que 80% dos entrevistados da Geração Z se sentiu solitário no último ano, comparado com apenas 45% de Baby Boomers.
Ao mesmo tempo, o desejo de se afastar das redes sociais é mensurável e crescente.
Ao mesmo tempo, o desejo de se afastar das redes sociais é mensurável e crescente.
81% dos adultos da Geração Z e 78% dos millenials frequentemente desejam se desconectar de aparelhos digitais mais facilmente, de acordo com uma pesquisa conduzida em Fevereiro de 2025.
81% dos adultos da Geração Z e 78% dos millenials frequentemente desejam se desconectar de aparelhos digitais mais facilmente, de acordo com uma pesquisa conduzida em Fevereiro de 2025.
Essa mudança já está moldando como os jovens passam seu tempo livre, existe um grupo de adultos da geração Z e millenials em crescimento que estão deletando aplicativos de redes sociais e procurando conexões em pessoa, de lojas de vinis, hobbies em grupo ou simplesmente ver seus amigos ao vivo.
Essa mudança já está moldando como os jovens passam seu tempo livre, existe um grupo de adultos da geração Z e millenials em crescimento que estão deletando aplicativos de redes sociais e procurando conexões em pessoa, de lojas de vinis, hobbies em grupo ou simplesmente ver seus amigos ao vivo.
O que isso significa para o Plot?
O que isso significa para o Plot?
Essa pesquisa confirma duas coisas: Jovem adultos estão procurando ativamente razões para passarem menos tempo em seus celulares e mais tempo com pessoas ao seu redor, porém as ferramentas que eles possuem atualmente (mídias sociais, aplicativos de eventos dos dias atuais) não foram criados para essa mudança.
Eles foram construídos para manter a atenção no feed, e não organizar o que acontece fora dele. Esse é o espaço que o Plot foi criado para ocupar: não é mais um feed para rolar, mas uma leve camada que ajuda as pessoas transformarem "Queria ver mais os meus amigos" em um plano de verdade.
Essa pesquisa confirma duas coisas: Jovem adultos estão procurando ativamente razões para passarem menos tempo em seus celulares e mais tempo com pessoas ao seu redor, porém as ferramentas que eles possuem atualmente (mídias sociais, aplicativos de eventos dos dias atuais) não foram criados para essa mudança.
Eles foram construídos para manter a atenção no feed, e não organizar o que acontece fora dele. Esse é o espaço que o Plot foi criado para ocupar: não é mais um feed para rolar, mas uma leve camada que ajuda as pessoas transformarem "Queria ver mais os meus amigos" em um plano de verdade.
Entrevistas com usuários
Entrevistas com usuários
Para basear a desk research em um comportamento real, eu entrevistei 5 pessoas entre as idades de 21 a 31 anos sobre como eles planejam suas vidas sociais atualmente, descobrem eventos, e mantem contato com diferentes grupos de amigos.
Alguns padrões aparecerem repetidamente:
Para basear a desk research em um comportamento real, eu entrevistei 5 pessoas entre as idades de 21 a 31 anos sobre como eles planejam suas vidas sociais atualmente, descobrem eventos, e mantem contato com diferentes grupos de amigos.
Alguns padrões aparecerem repetidamente:
As pessoas conciliam diversos grupos de amigos diferentes sem uma visão única sobre o que eles estão planejando;
As pessoas conciliam diversos grupos de amigos diferentes sem uma visão única sobre o que eles estão planejando;
Fatiga de decisão e FOMO (Fear of Missing Out/medo de ficar de fora) são sentimentos comuns quando os planos do fim de semana não ficam claros com antecedência;
Fatiga de decisão e FOMO (Fear of Missing Out/medo de ficar de fora) são sentimentos comuns quando os planos do fim de semana não ficam claros com antecedência;
Organizar eventos muitas vezes acabam gerando fricções, como lembrar de todos que precisa convidar e prestar atenção em datas.
Organizar eventos muitas vezes acabam gerando fricções, como lembrar de todos que precisa convidar e prestar atenção em datas.
Based on these interviews, I distilled the findings into two personas that represent distinct but complementary needs: someone who struggles to discover what's happening and decide where to go, and someone who struggles to organize and host events for the people around them.
Based on these interviews, I distilled the findings into two personas that represent distinct but complementary needs: someone who struggles to discover what's happening and decide where to go, and someone who struggles to organize and host events for the people around them.
Baseado nessas entrevistas, eu criei duas personas que representam necessidades distintas porém complementares: alguém que tem dificuldades descobrindo o que está acontecendo e decidir onde ir, e alguém que acha difícil organizar eventos para amigos.
Baseado nessas entrevistas, eu criei duas personas que representam necessidades distintas porém complementares: alguém que tem dificuldades descobrindo o que está acontecendo e decidir onde ir, e alguém que acha difícil organizar eventos para amigos.
Matriz de Priorização
Matriz de Priorização
Baseado nas necessidades identificadas através das personas de Bia e Rafael, eu mapeei os principais atributos do aplicativo, ou seja, criei uma matriz de impacto vs. esforço para decidir o que deveria fazer parte das primeiras versões do Plot.
Recursos como lista de amigos, feed de amigos, calendário e RSVP ficaram no quadrante de alto impacto e baixo esforço, já que eles resolvem diretamente as principais dores das personas e viram a base do MVP.
Criação de eventos e mapas, estão no quadrante de alto impacto e alto esforço. Por mais que sejam recursos que requerem mais elaboração, eles causam um ótimo impacto no usuário. Atributos de baixa priorização como chat do evento, filtros e eventos curtidos ficariam em uma fase mais à frente. São adições importante porém não essenciais para a fundação do produto.
Baseado nas necessidades identificadas através das personas de Bia e Rafael, eu mapeei os principais atributos do aplicativo, ou seja, criei uma matriz de impacto vs. esforço para decidir o que deveria fazer parte das primeiras versões do Plot.
Recursos como lista de amigos, feed de amigos, calendário e RSVP ficaram no quadrante de alto impacto e baixo esforço, já que eles resolvem diretamente as principais dores das personas e viram a base do MVP.
Criação de eventos e mapas, estão no quadrante de alto impacto e alto esforço. Por mais que sejam recursos que requerem mais elaboração, eles causam um ótimo impacto no usuário. Atributos de baixa priorização como chat do evento, filtros e eventos curtidos ficariam em uma fase mais à frente. São adições importante porém não essenciais para a fundação do produto.
Wireframes
Wireframes
Com a matriz guiando o que construir primeiro, o próximo passo foi traduzir esses recursos em wireframes de baixa fidelidade no Figma: mapear as telas e user flows principais antes de qualquer decisão visual de design.
O objetivo nessa fase era estrutura, definir como os feeds de amigos, calendário, criação de eventos e RSVP iam ficar juntos em uma navegação corente.
Com a matriz guiando o que construir primeiro, o próximo passo foi traduzir esses recursos em wireframes de baixa fidelidade no Figma: mapear as telas e user flows principais antes de qualquer decisão visual de design.
O objetivo nessa fase era estrutura, definir como os feeds de amigos, calendário, criação de eventos e RSVP iam ficar juntos em uma navegação corente.
Flow de criação de eventos
Da home os usuários conseguem criar os seus eventos em qualquer momento através de um botão de "+" na barra de navegação, sempre acessível independente de onde eles estão no aplicativo.
O flow começa com o "Basics" onde a estrutura essencial de qualquer evento é definida: se o evento é público ou privado, tipo de evento, nome, data, horário e local. Logo depois, vem a tela "Personalize" onde o evento começa a ganhar a sua identidade. O usuário pode adicionar uma imagem de capa ou criar através de uma inteligência artificial, definir um tema se quiser, dress code, tags e uma descrição que os convidados poderão ler.
Antes de publicar o evento, a tela de "Overview" mostra para o usuário tudo que foi definido nas telas anteriores, dando também a opção de ajustar se necessário. Uma vez criado, o evento abre a sua própria página onde o anfitrião poderá adicionar seus convidados, e continuar ajustando os detalhes que forem necessários, sem precisar criar do 0 caso algo mude.
Da home os usuários conseguem criar os seus eventos em qualquer momento através de um botão de "+" na barra de navegação, sempre acessível independente de onde eles estão no aplicativo.
O flow começa com o "Basics" onde a estrutura essencial de qualquer evento é definida: se o evento é público ou privado, tipo de evento, nome, data, horário e local. Logo depois, vem a tela "Personalize" onde o evento começa a ganhar a sua identidade. O usuário pode adicionar uma imagem de capa ou criar através de uma inteligência artificial, definir um tema se quiser, dress code, tags e uma descrição que os convidados poderão ler.
Antes de publicar o evento, a tela de "Overview" mostra para o usuário tudo que foi definido nas telas anteriores, dando também a opção de ajustar se necessário. Uma vez criado, o evento abre a sua própria página onde o anfitrião poderá adicionar seus convidados, e continuar ajustando os detalhes que forem necessários, sem precisar criar do 0 caso algo mude.
Calendário
Calendário
Na própria Home os eventos confirmados pelos usuário com as datas mais próximas ficam expostos para lembrá-lo rapidamente. É possível clicar no card de cada uma delas para poder ser enviado para a página do evento e conferir detalhes.
Para uma visão mais detalhada, o ícone de calendário está sempre disponível no navbar para que o usuário tenha um acesso rápido em qualquer lugar no aplicativo. Dentro da tela de calendário, você tem uma visão ampla de todos os eventos do mês (atual, ou próximos) e cada um dos eventos próximos na parte inferior. O card do calendário sempre mantém a opção de você acessar a página do evento para ver mais detalhes.
Na própria Home os eventos confirmados pelos usuário com as datas mais próximas ficam expostos para lembrá-lo rapidamente. É possível clicar no card de cada uma delas para poder ser enviado para a página do evento e conferir detalhes.
Para uma visão mais detalhada, o ícone de calendário está sempre disponível no navbar para que o usuário tenha um acesso rápido em qualquer lugar no aplicativo. Dentro da tela de calendário, você tem uma visão ampla de todos os eventos do mês (atual, ou próximos) e cada um dos eventos próximos na parte inferior. O card do calendário sempre mantém a opção de você acessar a página do evento para ver mais detalhes.
Caminho de convite
Caminho de convite
Quando você for convidado para um evento, o convite em si é interativo - ele possui um estilo "stories", formato familiar dentro de diversas redes sociais. Ele torna um simples pedido de RSVP como algo mais pessoal do que apenas uma notificação estática. Esse tipo de interação é criado automaticamente ao quando se cria um evento.
O convite aparece na home assim que você é convidado. Ao clicá-lo, você é levado para a tela de interação e é apresentado quem é o anfitrião/dono do evento, a data, horário e local, se existe um tema ou dresscode. Ele é apresentado como uma tela por vez, assim como o estilo "stories" e permite que o usuário passe ou volte quando quiser.
Na última tela você tem todas as informações resumidas, e uma parte importante: o Slide de RSVP. Essa fricção extra - um botão mais complexo - é intencional, ele previne que alguma confirmação acidental aconteça. Caso o usuário ainda não esteja certo se poderá comparecer, o botão para confirmar depois fica disponível logo abaixo. Quando confirmado, o evento é automaticamente adicionado no calendário do convidado.
Quando você for convidado para um evento, o convite em si é interativo - ele possui um estilo "stories", formato familiar dentro de diversas redes sociais. Ele torna um simples pedido de RSVP como algo mais pessoal do que apenas uma notificação estática. Esse tipo de interação é criado automaticamente ao quando se cria um evento.
O convite aparece na home assim que você é convidado. Ao clicá-lo, você é levado para a tela de interação e é apresentado quem é o anfitrião/dono do evento, a data, horário e local, se existe um tema ou dresscode. Ele é apresentado como uma tela por vez, assim como o estilo "stories" e permite que o usuário passe ou volte quando quiser.
Na última tela você tem todas as informações resumidas, e uma parte importante: o Slide de RSVP. Essa fricção extra - um botão mais complexo - é intencional, ele previne que alguma confirmação acidental aconteça. Caso o usuário ainda não esteja certo se poderá comparecer, o botão para confirmar depois fica disponível logo abaixo. Quando confirmado, o evento é automaticamente adicionado no calendário do convidado.
Design system
Design system
Antes de detalhar o design system, é importante mencionar que a identidade visual do Plot segue uma linguagem divertida e jovem. O roxo vibrante é a cor mais importante, tanto em questão do branding quanto através do sistema do aplicativo.
Antes de detalhar o design system, é importante mencionar que a identidade visual do Plot segue uma linguagem divertida e jovem. O roxo vibrante é a cor mais importante, tanto em questão do branding quanto através do sistema do aplicativo.
Tipografia
Tipografia
A fonte Inter foi escolhida por ser amplamente utilizada, altamente legível e que é suportada através de várias plataformas. Ela também tem um papel deliberado na identidade, ela consegue manter uma neutralidade para não competir com os visuais mais lúdicos do resto do aplicativo, portanto priorizando a legibilidade e acessibilidade acima da estética.
A fonte Inter foi escolhida por ser amplamente utilizada, altamente legível e que é suportada através de várias plataformas. Ela também tem um papel deliberado na identidade, ela consegue manter uma neutralidade para não competir com os visuais mais lúdicos do resto do aplicativo, portanto priorizando a legibilidade e acessibilidade acima da estética.
Paleta de cores
Paleta de cores
O roxo é a cor principal da paleta, com o preto reservado para botões importantes e de alta prioridade. O roxo reforça a marca como a cor assinatura do aplicativo, enquanto o preto torna ações chave mais fáceis de se identificar. Mantendo a interface divertida e jovem sem sacrificar a acessibilidade ou legibilidade. As cores complementares reforçam a personalidade da marca ao mesmo tempo que ajuda distinguir diferentes tipos de informações através do aplicativo.
O roxo é a cor principal da paleta, com o preto reservado para botões importantes e de alta prioridade. O roxo reforça a marca como a cor assinatura do aplicativo, enquanto o preto torna ações chave mais fáceis de se identificar. Mantendo a interface divertida e jovem sem sacrificar a acessibilidade ou legibilidade. As cores complementares reforçam a personalidade da marca ao mesmo tempo que ajuda distinguir diferentes tipos de informações através do aplicativo.
Interação assinatura, o botão RSVP
Interação assinatura, o botão RSVP
O slide para RSVP foi criado especificamente para criar uma fricção e prever erros comuns como acidentalmente confirmar a presença para um evento. Exigir um gesto deliberado ao invés de um slimples "clique" torna as confirmações acidentais menos prováveis, garantindo que os usuários só irão interagir com o botão quando eles realmente tiverem a intenção.
O slide para RSVP foi criado especificamente para criar uma fricção e prever erros comuns como acidentalmente confirmar a presença para um evento. Exigir um gesto deliberado ao invés de um slimples "clique" torna as confirmações acidentais menos prováveis, garantindo que os usuários só irão interagir com o botão quando eles realmente tiverem a intenção.
Alta fidelidade
Alta fidelidade
Com a pesquisa, wireframes e design system criados, o último passo foi juntar tudo e criar as versões de alta fidelidade com um protótipo navegável: a versão do Plot que realmente se parece com um produto de verdade.
Toda tela aqui reflete nas decisões feitas no início do processo, os flows são criados de acordo com o que a Bia e o Rafael realmente precisavam, a estrutura segue as lógicas dos wireframes, e o visual aplica o design system de maneira consistente através de todas as interações.
Com a pesquisa, wireframes e design system criados, o último passo foi juntar tudo e criar as versões de alta fidelidade com um protótipo navegável: a versão do Plot que realmente se parece com um produto de verdade.
Toda tela aqui reflete nas decisões feitas no início do processo, os flows são criados de acordo com o que a Bia e o Rafael realmente precisavam, a estrutura segue as lógicas dos wireframes, e o visual aplica o design system de maneira consistente através de todas as interações.
On boarding
On boarding
A primeira tela que o usuário vê ao entrar no aplicativo é a splash screen, introduzindo imediatamente a marca através de seu logo. Em seguida, uma pequena sequência de on boarding mostra os principais atributos do aplicativo: descobrir eventos, em diferente categorias, ver quem está indo, convidar amigos e criar seus próprios eventos privados.
Cada tela possui um indicador claro no topo, para que os usuários sempre saibam quantos passos ainda faltam para atingir o login. Esse detalhe é importante pois reduz as chances de as pessoas desistirem no meio do caminho.
O flow termina no login, oferecendo tanto opções tradicionais de criação de conta, quanto um login fácil com a conta do google ou apple.
A primeira tela que o usuário vê ao entrar no aplicativo é a splash screen, introduzindo imediatamente a marca através de seu logo. Em seguida, uma pequena sequência de on boarding mostra os principais atributos do aplicativo: descobrir eventos, em diferente categorias, ver quem está indo, convidar amigos e criar seus próprios eventos privados.
Cada tela possui um indicador claro no topo, para que os usuários sempre saibam quantos passos ainda faltam para atingir o login. Esse detalhe é importante pois reduz as chances de as pessoas desistirem no meio do caminho.
O flow termina no login, oferecendo tanto opções tradicionais de criação de conta, quanto um login fácil com a conta do google ou apple.
Quiz de personalização
Quiz de personalização
Logo depois do seu primeiro login, novos usuários passarão por um pequeno questionário desenhado para ajudar o algoritmo a compreender o seu tipo de perfil, para que o Plot possa recomendar eventos que combinem com o gosto da pessoa, e não apenas onde os seus amigos estão indo.
O flow pergunta o que trouxe a pessoa para o aplicativo, que tipo de eventos eles gostam e como eles descreveriam a sua personalidade em uma festa, permitindo que o usuário selecione múltiplas opções para construir uma persona completa. Assim como o on boarding, uma barra de progresso permanece no topo e o flow finaliza em uma tela de confirmação.
Logo depois do seu primeiro login, novos usuários passarão por um pequeno questionário desenhado para ajudar o algoritmo a compreender o seu tipo de perfil, para que o Plot possa recomendar eventos que combinem com o gosto da pessoa, e não apenas onde os seus amigos estão indo.
O flow pergunta o que trouxe a pessoa para o aplicativo, que tipo de eventos eles gostam e como eles descreveriam a sua personalidade em uma festa, permitindo que o usuário selecione múltiplas opções para construir uma persona completa. Assim como o on boarding, uma barra de progresso permanece no topo e o flow finaliza em uma tela de confirmação.
Home
Home
Assim que o usuário entra no app, ele consegue ver duas informações importantes: um convite pendente para a festa de um amigo, se houver, e as datas de seus eventos mais próximos, para que nada seja esquecido.
Rolando a tela, é possível filtrar os eventos por categoria ou simplesmente conferir o que o Plot sugere para ele. Isso inclui eventos que os seus amigos confirmaram, sugestões personalizadas baseado em eventos antigos ou que o algoritmo identificou que você gostaria, e um feed com posts de eventos que você já confrmou, para manter a antecipação até o dia do evento chegar.
Um botão flutuante do mapa se mantém visível na home screen, dando ao usuário um atalho constante para descobrir eventos próximos de sua localização.
Assim que o usuário entra no app, ele consegue ver duas informações importantes: um convite pendente para a festa de um amigo, se houver, e as datas de seus eventos mais próximos, para que nada seja esquecido.
Rolando a tela, é possível filtrar os eventos por categoria ou simplesmente conferir o que o Plot sugere para ele. Isso inclui eventos que os seus amigos confirmaram, sugestões personalizadas baseado em eventos antigos ou que o algoritmo identificou que você gostaria, e um feed com posts de eventos que você já confrmou, para manter a antecipação até o dia do evento chegar.
Um botão flutuante do mapa se mantém visível na home screen, dando ao usuário um atalho constante para descobrir eventos próximos de sua localização.
Mapa
Mapa
A visualização do mapa mostra os eventos próximos da sua localização, cada um sendo representado com o seu próprio card de evento, o usuário pode olhar pelo mapa ou por uma lista logo abaixo. Filtros rápidos ficam logo acima do mapa, permitindo que os usuários limitem suas categorias rapidamente.
Para filtros mais específicos, a tela se expande para que o usuário tenha ainda mais controle sobre o tipo de evento que ele procura. Para que ele saiba que existem filtros mais específicos selecionados, o ícone no topo do mapa assume o número de itens selecionados na aba de filtros, assim ele sempre tem uma visualização clara de tudo que ele limitou para a pesquisa.
A visualização do mapa mostra os eventos próximos da sua localização, cada um sendo representado com o seu próprio card de evento, o usuário pode olhar pelo mapa ou por uma lista logo abaixo. Filtros rápidos ficam logo acima do mapa, permitindo que os usuários limitem suas categorias rapidamente.
Para filtros mais específicos, a tela se expande para que o usuário tenha ainda mais controle sobre o tipo de evento que ele procura. Para que ele saiba que existem filtros mais específicos selecionados, o ícone no topo do mapa assume o número de itens selecionados na aba de filtros, assim ele sempre tem uma visualização clara de tudo que ele limitou para a pesquisa.
Calendário
Calendário
O calendário junta todos os eventos que o usuário confirmou, privado ou público em uma visualização mensal. Logo abaixo do grid mensal, os eventos também são separados por semanas, para que seja uma visão mais escaneável dos eventos próximos sem precisar olhar o mês inteiro.
Cada card de evento tem um botão de acesso para os detalhes completos, com um atalho para a página do evento.
O calendário junta todos os eventos que o usuário confirmou, privado ou público em uma visualização mensal. Logo abaixo do grid mensal, os eventos também são separados por semanas, para que seja uma visão mais escaneável dos eventos próximos sem precisar olhar o mês inteiro.
Cada card de evento tem um botão de acesso para os detalhes completos, com um atalho para a página do evento.
Criação de eventos
Criação de eventos
Com a estrutura do wireframe já definida, este fluxo agora incorpora toda a identidade visual do Plot: preto para as ações principais e Inter mantendo cada campo e rótulo fáceis de ler, apesar das miniaturas e tags descontraídas.
O fluxo começa da mesma forma, em Básico, onde são definidos os detalhes essenciais do evento. Em seguida vem Personalizar, em que os anfitriões podem adicionar uma miniatura (enviada ou gerada por IA), definir um tema, dress code, tags e descrição, dando ao evento sua própria identidade visual antes que qualquer pessoa o veja.
A adição de convidados também se tornou uma tela dedicada e mais robusta, em vez de uma simples etapa do fluxo de criação. Os anfitriões podem buscar por nome, selecionar individualmente ou todos de uma vez e confirmar a lista de convidados em massa. Fazia mais sentido ter uma tela própria, já que gerenciar convidados, especialmente em eventos privados maiores, é algo a que os anfitriões costumam voltar depois que o evento já existe, e não apenas uma vez durante a configuração.
Com a estrutura do wireframe já definida, este fluxo agora incorpora toda a identidade visual do Plot: preto para as ações principais e Inter mantendo cada campo e rótulo fáceis de ler, apesar das miniaturas e tags descontraídas.
O fluxo começa da mesma forma, em Básico, onde são definidos os detalhes essenciais do evento. Em seguida vem Personalizar, em que os anfitriões podem adicionar uma miniatura (enviada ou gerada por IA), definir um tema, dress code, tags e descrição, dando ao evento sua própria identidade visual antes que qualquer pessoa o veja.
A adição de convidados também se tornou uma tela dedicada e mais robusta, em vez de uma simples etapa do fluxo de criação. Os anfitriões podem buscar por nome, selecionar individualmente ou todos de uma vez e confirmar a lista de convidados em massa. Fazia mais sentido ter uma tela própria, já que gerenciar convidados, especialmente em eventos privados maiores, é algo a que os anfitriões costumam voltar depois que o evento já existe, e não apenas uma vez durante a configuração.
Convite para eventos
Convite para eventos
Seguindo a mesma estrutura em formato de stories definida no wireframe, o convite agora incorpora toda a identidade visual do Plot: os elementos decorativos em forma de confete, os fundos em degradê roxo e a iconografia descontraída reforçam o clima festivo e de "sair para curtir" do app desde a primeira tela.
O fluxo mantém sua progressão: quem está anfitriando, o tema do evento, quem mais já confirmou presença e, por fim, os detalhes de quando e onde. Um detalhe que vale destacar é a tela de tema: a imagem exibida ali é a mesma miniatura de capa escolhida pelo anfitrião durante a criação do evento, de modo que os convidados veem uma identidade visual consistente do evento nas duas experiências, da criação ao convite.
O fluxo continua terminando na interação de deslizar para confirmar presença, com a mesma fricção intencional de antes, seguida de uma tela de confirmação que avisa aos convidados que o evento foi adicionado automaticamente ao calendário deles.
Seguindo a mesma estrutura em formato de stories definida no wireframe, o convite agora incorpora toda a identidade visual do Plot: os elementos decorativos em forma de confete, os fundos em degradê roxo e a iconografia descontraída reforçam o clima festivo e de "sair para curtir" do app desde a primeira tela.
O fluxo mantém sua progressão: quem está anfitriando, o tema do evento, quem mais já confirmou presença e, por fim, os detalhes de quando e onde. Um detalhe que vale destacar é a tela de tema: a imagem exibida ali é a mesma miniatura de capa escolhida pelo anfitrião durante a criação do evento, de modo que os convidados veem uma identidade visual consistente do evento nas duas experiências, da criação ao convite.
O fluxo continua terminando na interação de deslizar para confirmar presença, com a mesma fricção intencional de antes, seguida de uma tela de confirmação que avisa aos convidados que o evento foi adicionado automaticamente ao calendário deles.
Confere o vídeo de simulação!
Confere o vídeo de simulação!
Criado no After Effects
Chat
Chat
O recurso de chat traz a dimensão social do Plot para o ambiente de conversas diretas. Os usuários podem enviar mensagens privadas a amigos, compartilhar cartões de eventos diretamente nas conversas e organizar chats em grupo — tudo isso a partir de uma caixa de entrada dividida nas categorias "Todas as conversas", "Grupos" e "Favoritos".
Os chats em grupo desempenham um papel específico diretamente vinculado aos eventos: sempre que um evento privado é criado, um grupo é gerado automaticamente para ele, oferecendo ao anfitrião uma maneira rápida e centralizada de compartilhar atualizações com todos os envolvidos. À medida que os convidados confirmam presença, eles são adicionados automaticamente ao grupo; assim, a conversa evolui naturalmente junto com a lista de convidados, sem que o anfitrião precise adicionar ninguém manualmente. Também é possível silenciar notificações individualmente por conversa, permitindo que os usuários controlem quais chats permanecem em segundo plano sem emitir alertas.
O recurso de chat traz a dimensão social do Plot para o ambiente de conversas diretas. Os usuários podem enviar mensagens privadas a amigos, compartilhar cartões de eventos diretamente nas conversas e organizar chats em grupo — tudo isso a partir de uma caixa de entrada dividida nas categorias "Todas as conversas", "Grupos" e "Favoritos".
Os chats em grupo desempenham um papel específico diretamente vinculado aos eventos: sempre que um evento privado é criado, um grupo é gerado automaticamente para ele, oferecendo ao anfitrião uma maneira rápida e centralizada de compartilhar atualizações com todos os envolvidos. À medida que os convidados confirmam presença, eles são adicionados automaticamente ao grupo; assim, a conversa evolui naturalmente junto com a lista de convidados, sem que o anfitrião precise adicionar ninguém manualmente. Também é possível silenciar notificações individualmente por conversa, permitindo que os usuários controlem quais chats permanecem em segundo plano sem emitir alertas.
Perfil
Perfil
O Plot apresenta três versões de um perfil, dependendo da sua relação com a pessoa em questão.
No seu próprio perfil, você pode editar sua foto e imagem de capa, além de adicionar tags que descrevem os tipos de eventos de que você gosta, moldando a forma como seus amigos descobrem interesses em comum com você.
O perfil de um amigo exibe todas essas informações, além da data de aniversário e dos eventos para os quais ele já confirmou presença. A partir daí, você pode convidá-lo diretamente para um evento ou enviar uma mensagem, que abre a conversa específica com essa pessoa.
Para quem ainda não é seu amigo, essas mesmas informações permanecem ocultas. Os eventos confirmados não são exibidos até que a solicitação de amizade seja aceita — uma medida deliberada de privacidade para impedir que estranhos saibam onde alguém estará antes de haver uma conexão real entre as partes.
O Plot apresenta três versões de um perfil, dependendo da sua relação com a pessoa em questão.
No seu próprio perfil, você pode editar sua foto e imagem de capa, além de adicionar tags que descrevem os tipos de eventos de que você gosta, moldando a forma como seus amigos descobrem interesses em comum com você.
O perfil de um amigo exibe todas essas informações, além da data de aniversário e dos eventos para os quais ele já confirmou presença. A partir daí, você pode convidá-lo diretamente para um evento ou enviar uma mensagem, que abre a conversa específica com essa pessoa.
Para quem ainda não é seu amigo, essas mesmas informações permanecem ocultas. Os eventos confirmados não são exibidos até que a solicitação de amizade seja aceita — uma medida deliberada de privacidade para impedir que estranhos saibam onde alguém estará antes de haver uma conexão real entre as partes.
Navegue pelo protótipo
Navegue pelo protótipo
Aprendizados
Aprendizados
Projetar simultaneamente para a Bia e o Rafael foi um dos maiores desafios de equilíbrio deste projeto. Uma persona precisava de mais recursos de descoberta, enquanto a outra precisava de mais organização. Em vez de encarar isso como um conflito a ser resolvido, a situação serviu para testar se as funcionalidades principais (feed, calendário, criação de eventos) poderiam atender genuinamente a ambos, sem resultar em dois produtos distintos apenas "costurados" um ao outro.
Este projeto também reforçou como a fricção intencional pode ser uma decisão válida de UX, e não um erro a ser eliminado pelo design. A interação de deslizar para confirmar presença contraria o instinto de tornar tudo o mais rápido possível; no entanto, o objetivo aqui não era a velocidade, mas sim a intencionalidade: garantir que a confirmação tivesse um significado real antes de ser efetivada.
Por fim, validar a ideia por meio de pesquisa documental e entrevistas com usuários — antes mesmo de esboçar um único wireframe — tornou o restante do processo mais ágil e seguro. Em vez de supor o que os usuários desejariam, os wireframes e as decisões de design já estavam fundamentados em padrões extraídos diretamente de conversas reais, e não de suposições.
Projetar simultaneamente para a Bia e o Rafael foi um dos maiores desafios de equilíbrio deste projeto. Uma persona precisava de mais recursos de descoberta, enquanto a outra precisava de mais organização. Em vez de encarar isso como um conflito a ser resolvido, a situação serviu para testar se as funcionalidades principais (feed, calendário, criação de eventos) poderiam atender genuinamente a ambos, sem resultar em dois produtos distintos apenas "costurados" um ao outro.
Este projeto também reforçou como a fricção intencional pode ser uma decisão válida de UX, e não um erro a ser eliminado pelo design. A interação de deslizar para confirmar presença contraria o instinto de tornar tudo o mais rápido possível; no entanto, o objetivo aqui não era a velocidade, mas sim a intencionalidade: garantir que a confirmação tivesse um significado real antes de ser efetivada.
Por fim, validar a ideia por meio de pesquisa documental e entrevistas com usuários — antes mesmo de esboçar um único wireframe — tornou o restante do processo mais ágil e seguro. Em vez de supor o que os usuários desejariam, os wireframes e as decisões de design já estavam fundamentados em padrões extraídos diretamente de conversas reais, e não de suposições.
Confere mais alguns dos meus projetos
Confere mais alguns dos meus projetos
