Rota

Planejamento de viagens simplificado

Aplicativo de planejamento de viagens com funcionalidades centralizadas, pensado para simplificar a criação de roteiros personalizados, organizar informações e otimizar custos.

Informações de projeto

Função

UX/UI Designer Lead

Tipo

Aplicativo mobile do zero

Ferramentas

Figma, Trello, Maze

Plataforma

Mobile

Visão Geral do Projeto

Um projeto desenvolvido durante o curso de UX Unicornio, focado na criação de um aplicativo mobile para simplificar e centralizar o planejamento de viagens, oferecendo uma experiência clara, acessível e prática. O aplicativo é centrado em roteiros personalizados, organização das informações da viagem em um só lugar e planejamento alinhado ao orçamento.

Utilizamos o modelo de Design Thinking em 5 etapas, proposto pelo Hasso Plattner Institute of Design de Stanford (d.school). As etapas foram:

Empatizar

Definir

Idear

Prototipar

Testar

Estratégia

Iniciamos o projeto reunindo-nos como uma equipe em uma série de sessões de workshop online, focando primeiro em alinhar nossa visão e prioridades. Antes de mergulhar em soluções, queríamos entender claramente tanto o contexto de negócios quanto para quem estávamos projetando. Isso nos levou a estruturar nosso pensamento inicial, ajudando-nos a definir suposições-chave e a definir como o aplicativo poderia realmente apoiar os usuários ao longo de sua jornada de planejamento de viagens. Isso foi feito usando as seguintes estruturas estratégicas:


Canvas do Modelo de Negócios

Canvas da Proposta de Valor

Canvas do Modelo de Negócios

Canvas de Proposta de Valor

Pesquisa de Usuário

Estratégia de Pesquisa

A fase de pesquisa foi um esforço colaborativo de toda a equipe e uma base fundamental deste projeto. Começamos com pesquisa de mesa, revisando artigos, documentos e livros relacionados ao turismo e ao planejamento de viagens para construir um conhecimento básico sobre o assunto. Com base nesses aprendizados, mapeamos suposições e incertezas usando uma matriz CSD, seguida por uma análise leve da concorrência para entender as soluções existentes e os padrões do mercado. Após definir nossas perguntas de pesquisa, realizamos um estudo de métodos mistos combinando uma pesquisa com 154 respostas e entrevistas em profundidade com participantes selecionados. Um insight chave emergiu claramente: muitos usuários abandonam aplicativos de planejamento de viagens devido à personalização limitada e aos altos custos, o que se tornou um foco central na formação da nossa solução.


Matriz CSD

Análise da Concorrência

Pesquisa Quantitativa e Qualitativa

Entrevistas com Usuários

Matriz CSD

Análise de Concorrentes

Durante a análise da concorrência, nosso objetivo era validar ou desafiar as suposições e perguntas identificadas na matriz CSD. Examinamos os concorrentes existentes para entender quais recursos e possibilidades já estavam disponíveis no mercado, identificando lacunas e oportunidades para diferenciação. Isso nos ajudou a esclarecer como nossa solução poderia se destacar e criar impacto significativo para os usuários.

Pesquisa

Definimos nossas perguntas de pesquisa em torno de suposições e hipóteses chave. O questionário foi revisado e testado com contatos próximos antes do lançamento para garantir clareza e relevância. Seus principais objetivos eram descobrir os pontos de dor dos usuários ao criar itinerários de viagem, entender quais ferramentas eles sentem que estão faltando no processo e explorar como nosso público-alvo normalmente planeja suas viagens. A pesquisa combinou perguntas quantitativas e qualitativas e permitiu que os participantes respondessem de forma anônima ou compartilhassem informações pessoais para entrevistas de acompanhamento. Nesta fase, recebemos 154 respostas que foram cuidadosamente revisadas, fornecendo-nos os seguintes principais insights:

Entrevistas com usuários

Para a fase da entrevista, aproveitamos todos os insights coletados até este ponto para elaborar questões destinadas a abordar incertezas remanescentes e novas perguntas que surgiram ao longo do processo de pesquisa. As entrevistas foram realizadas remotamente via Google Meet e, com o consentimento dos participantes, gravações de tela foram feitas usando OBS para apoiar a análise posterior. Os participantes foram selecionados entre os respondentes da pesquisa que concordaram em participar, com o objetivo de garantir diversidade em fatores demográficos-chave, como idade, gênero, frequência de viagens e hábitos de planejamento.


O objetivo era descobrir como as pessoas atualmente planejam suas viagens, em quais ferramentas confiam, o que as frustra e onde as soluções digitais não conseguem apoiar totalmente suas necessidades.

Principais Insights de Pesquisa

Combinando resultados de pesquisas e entrevistas qualitativas, surgiram padrões comportamentais claros entre diferentes perfis de viagem, orçamentos e estilos de planejamento.

O Planejamento de Viagem é Fragmentado

Os usuários dependem de várias ferramentas desconectadas, resultando em informações dispersas e ineficiência.

Personalização Com Autonomia

Os viajantes desejam sugestões personalizadas, mas querem manter total controle sobre as decisões e ajustes do itinerário.

O preço é central para toda decisão

A comparação de custos para voos e acomodações é percebida como a parte mais estressante e que consome mais tempo do planejamento.

Organização Reduz a Ansiedade de Planejamento

Gerenciar reservas, confirmações e documentos gera estresse. Muitos usuários dependem de backups manuais para se sentirem seguros.

A Confiança Impulsiona a Confiança na Reserva

Os usuários dependem muito de avaliações, provas sociais e recomendações pessoais. Sugestões genéricas ou automatizadas são frequentemente vistas com ceticismo.

O contexto de viagem molda o comportamento

O planejamento do comportamento muda dependendo do tipo de viagem e da empresa, mas as ferramentas atuais raramente se adaptam a essas diferenças contextuais.

Arquetipos de Usuário

Com base nas entrevistas e na síntese de pesquisa, três arquétipos de usuário distintos foram definidos para representar padrões comportamentais recorrentes no planejamento de viagens. Cada arquétipo reflete uma mentalidade, motivação e relacionamento diferentes com o processo de planejamento.


Para os fins deste portfólio, os arquétipos são apresentados em um formato resumido, destacando seus comportamentos principais, pontos de dor e necessidades.

Controlado por controle

Clara

O planejador independente

"O planejamento é parte da viagem."

Valores

Autonomia e liberdade

Tendo controle

Comportamentos

Nunca contratei serviços de planejamento de viagens

Gosta de planejar

Viagens em diferentes contextos

Pontos de dor

Perde tempo trocando entre ferramentas

Dúvidas recomendação genérica

Precisa

Planejamento centralizado;

Recomendações inteligentes;

Controle sobre modificações de itinerário.

Orientado pela conveniência

Lucas

O escapista prático

“Eu não gosto de planejar, eu só quero viajar”

Valores

Economizando dinheiro

Praticidade e conveniência

Comportamentos

Evita um planejamento complexo

Decisões baseadas no orçamento

Viagens para relaxar

Pontos de dor

Sobrecarregado pela pesquisa

Inseguro sobre como estruturar um itinerário

Precisa

Roteiros de viagem prontos para uso com possibilidades de adaptação;

Sugestões alinhadas ao orçamento.

Conforto

Isabela

O explorador voltado para o conforto

“Informação demais dificulta a tomada de decisão.”

Valores

Tempo de qualidade com a família dela

Conforto e sensação de segurança

Comportamentos

Prefere experiências autênticas e únicas

Viagens com a família

Tem um orçamento flexível

Pontos de dor

Sobrecarregado por informações excessivas.

Gostaria de compartilhar o itinerário com seus familiares.

Sente-se inseguro com as diferenças culturais e de língua

Precisa

Interface visual simplificada com conteúdo selecionado;

Compartilhamento fácil de itinerários;

Guia cultural simplificado.

Jornadas do Usuário

Para entender melhor como cada arquétipo navega pelo processo de planejamento de viagens, jornadas de usuários detalhadas foram criadas para todos os três perfis, permitindo a identificação de padrões cruzados e informando uma direção de produto mais robusta.


Abaixo, uma jornada é apresentada em um formato simplificado.

Clara - A planejadora independente

Viajante frequente que gosta de planejar e valoriza a autonomia.

Viaja sozinho e busca experiências autênticas e personalizadas

Inspiração & Decisão

Pesquisa e Reserva

Planejamento de Itinerário

Preparação

Durante

a viagem

Após a viagem

Clara explora destinos alinhados com seus interesses e flexibilidade.

Ela pesquisa atividades, conversa com pessoas, cria mapas personalizados e constrói seu próprio itinerário.

Ela segue seu itinerário, mas se adapta conforme necessário.

Emoções e Dores

Empolgação

Curiosidade

Fadiga

Apreensão

Apreciação

Confusão

Antecipação

Ansiedade

Autonomia

Satisfação

Cumprimento

Nostalgia

Preocupações de segurança para viajantes solitários

Mudança de ferramentas e incerteza do príncipe

Gostando de planejar, mas inseguro sobre as recomendações

Medo de esquecer documentos importantes

Satisfeito por viver o plano, ainda depende de vários aplicativos

Realizado, mas nostálgico.

Oportunidades

Sugestões de destinos personalizadas

Comparação de preços inteligentes

Centralize o planejamento de viagens

Planejamento assistido por IA

Recomendações selecionadas

Lista de verificação interativa

Pasta de documentos

Modo "Estou viajando"

Dicas baseadas em localização

Compartilhamento fácil de itinerários

Memória de viagem automatizada

Jornada do Usuário

De Insights a Prioridades

Para traduzir insights de pesquisa em direções de produtos acionáveis, mapeamos as oportunidades identificadas em duas estruturas estratégicas: uma matriz de Valor para o Usuário × Valor para o Negócio e um agendamento Agora–Próximo–Depois.


Essa abordagem nos permitiu priorizar recursos não apenas com base no impacto do usuário, mas também no potencial de negócios, garantindo que a solução fosse tanto desejável quanto viável.

Valor do Usuário × Valor do Negócio

Para determinar por onde começar, as funcionalidades foram avaliadas de acordo com o valor que elas criam para os usuários e seu potencial impacto no crescimento dos negócios.

Prioridades

Reavaliar abordagem

Avaliar viabilidade

Ignorar/Descartar

Sistema unificado de planejamento de viagens

Modo de planejamento prático com sugestões de IA

Sistema integrado de controle de despesas.

Armazenamento seguro de documentos com organização automática de viagens e acesso offline.

Lista de verificação interativa com lembretes personalizáveis.

Informações sobre atrações com tempo médio de visita e detalhes principais

Acompanhamento da história de preços com sugestões do melhor momento para comprar.

Conteúdo de destino curado e verificado

Compartilhamento fácil de itinerários e documentos via link ou aplicativo

Guia cultural simplificado com integração de tradução

Alertas meteorológicos para o destino.

Insights de gastos médios anônimos de outros viajantes

Geração automática de álbuns de viagem

Comparação de preços inteligente com alertas personalizados.

“Modo de viagem” com sugestões geolocalizadas em tempo real.

Filtros avançados para voos, acomodações e atividades

Dicas de viagem e lembretes

Espaço colaborativo de planejamento em grupo com acesso e comentários compartilhados.

Roteiros prontos editáveis a preços acessíveis.

Recomendações de publicidade personalizadas.

Opção de compartilhar o aplicativo com amigos

Sistema de feedback pós-tarefa e sugestões de melhoria.

Avaliações e sistema de classificação de usuários.

Agora-Próximo-Depois

Com base nessa priorização, estruturamos o roteiro usando um framework Agora–Próximo–Depois para definir o escopo do MVP e as fases de expansão futura.


Agora: Recursos essenciais para validar a hipótese do produto.

Próximo: Melhorias que aprofundam a personalização e a retenção.

Depois: Recursos escaláveis projetados para expandir o ecossistema e o engajamento a longo prazo.

Agora

Sistema unificado de planejamento de viagens

Modo de planejamento prático com sugestões de IA

Sistema integrado de controle de despesas.

Avaliações e sistema de classificação de usuários.

Próximo

Roteiros prontos editáveis a preços acessíveis.

Recomendações de publicidade personalizadas.

Espaço colaborativo de planejamento em grupo com acesso e comentários compartilhados.

Mais tarde

Armazenamento seguro de documentos com organização automática de viagens e acesso offline.

Lista de verificação interativa com lembretes personalizáveis.

Dicas de viagem e lembretes

Sistema de feedback pós-tarefa e sugestões de melhoria.

Recomendações de publicidade personalizadas.

Informações de Arquitetura

Um fluxograma simplificado das informações contidas foi feito, para orientar quais páginas seriam necessárias e como elas se conectariam:

INÍCIO

MINHAS VIAGENS

NOVA VIAGEM

EXPLORE

PLANEJAMENTO / FINALIZADO

ADICIONAR INFORMAÇÃO

VIAGEM

INFORMAÇÕES GERAIS

INFORMAÇÕES PESSOAIS

FAVORITOS

DOCUMENTOS

PREFERÊNCIAS

NOTIFICAÇÃO

ITINERÁRIO

FINANÇAS

EXPLORE

VIA CHAT

PERFIL

Da Estratégia à Estrutura

Wireframe

Com as prioridades definidas, o próximo passo foi traduzir decisões estratégicas em fluxos estruturais. Wireframes de baixa fidelidade foram criados para validar layout, hierarquia e navegação principal antes de investir no design visual.


O foco nesta etapa foi a clareza, a colocação de recursos e garantir que o fluxo de planejamento primário estivesse alinhado com as necessidades dos usuários identificadas durante a pesquisa.

Teste de Wireframe

Para validar a estrutura central e o fluxo das tarefas, testes de usabilidade foram realizados usando wireframes de baixa fidelidade. O teste de usabilidade do wireframe foi conduzido com três participantes em um formato qualitativo, focando na identificação de pontos de atrito e melhorias estruturais antes de passar para a prototipagem de alta fidelidade, onde uma validação quantitativa mais ampla ocorreria.


Três jornadas principais de usuários foram testadas por meio de cenários de tarefas estruturadas, simulando situações de planejamento realistas. Cada tarefa foi projetada para avaliar a clareza de navegação, a descobribilidade de recursos e a progressão lógica entre as etapas.

Tarefa 1

Os participantes foram convidados a criar um novo itinerário a partir da tela inicial onde um cenário contextual foi fornecido.

Tarefa 2

A partir da tela do itinerário concluído, os participantes foram orientados a adicionar uma atividade específica à viagem.

Tarefa 3

Começando novamente pela tela de itinerário, os usuários foram solicitados a adicionar uma despesa vinculada à atividade criada na Tarefa 2.

Botão Principal

Durante os testes, nem todos os participantes compreenderam imediatamente que o botão “+” era utilizado para criar um novo itinerário. O ícone por si só não forneceu clareza contextual suficiente.

Iteração

Para melhorar a descoberta, o botão foi redesenhado com uma iconografia mais representativa e um rótulo de texto acompanhante.

Home

Roteiros

VIA Chat

Perfil

New

Home

My trips

VIA Chat

Perfil

Conclusão da Tarefa

Os participantes não perceberam claramente quando uma tarefa foi concluída. A falta de feedback criou incerteza sobre se a ação deles foi finalizada com sucesso.

Iteração

Para resolver isso, pop-ups de confirmação foram introduzidos para sinalizar a conclusão da tarefa e sugerir o próximo passo lógico.

Guia de Estilo

Uma vez que a estrutura e os fluxos principais foram validados, a próxima etapa foi definir a direcção visual.


Para garantir consistência e alinhamento com os objetivos do produto, um guia de estilo foi criado como a base para a interface. Este guia estabeleceu tipografia, sistema de cores, espaçamento e padrões de componentes, garantindo uma linguagem visual coesa e escalável em toda a plataforma.

Variação 01

HEX #EDECEA

Variação 02

HEX #D4D3D1

Neutro

Texto colorido

HEX #FAF9F7

Cor primária

HEX #0E7C6F

Chamada para ação

HEX #F7A072

Mais escuro

HEX #007063

Mais leve

HEX #248A7E

Mais escuro

HEX #EB8149

Mais leve

HEX #F7B897

Cores da Marca

Sucesso

HEX #3A9C60

Informação

HEX #48C9B0

Aviso

HEX #B88300

Perigo

HEX #BD492D

Cores do Estado

Escuro 3

HEX #004235

Escuro 2

HEX #00362B

Escuro 1

Texto colorido

HEX #002820

Modo Escuro

Sucesso

HEX #55B67B

Informação

HEX #48C9B0

Aviso

HEX #E9C46A

Perigo

HEX #EA5B37

Tipografias

Título

Lexend

Fontes do Google

Parágrafo

Mulish

Fontes do Google

Além da tipografia e dos sistemas de cores, outros elementos fundamentais foram definidos nesta fase, incluindo hierarquia de texto, padrões de iconografia, estrutura de grade e componentes principais da interface do usuário, como botões, campos de entrada e cartões.

Validação

Após aplicar o guia de estilo e o sistema de design no aplicativo, realizamos uma rodada de testes de usabilidade com usuários utilizando um método quantitativo através do Maze, com mapas de calor e perguntas abertas, e chegamos a algumas percepções interessantes:

Página inicial

Os participantes frequentemente se sentiram inseguros sobre onde clicar. Com base em suas respostas, identificamos que a tela inicial continha muitas informações e o uso de cores estava afetando sua capacidade de identificar claramente o caminho para completar a tarefa.

Botão CTA

Em algumas telas onde o botão CTA (ação primária) não está imediatamente visível, os usuários tiveram dificuldades para encontrá-lo. Manter a barra de ações fixa e visível ajudaria a melhorar a descobribilidade.

Resultados Gerais

No geral, os resultados foram muito positivos, alcançando uma pontuação de 88,16 de 100. O que demonstra que estávamos no caminho certo, mas ainda precisávamos de alguns ajustes para tornar a interface ideal.

A Solução

Após realizar os testes, implementamos as melhorias necessárias com base nas percepções coletadas. O design atualizado reflete esses ajustes, como mostrado abaixo.

Tela inicial

As principais atividades que o usuário precisará realizar são apresentadas na tela inicial:

Recomendações

Barra de pesquisa

Barra de pesquisa para usuários que sabem o que querem e preferem ir direto ao ponto

Viajando

Status de viagem durante as dicas e sugestões de viagem e acesso fácil ao itinerário atual.

Recomendações baseadas no gosto e nas pesquisas anteriores do usuário.

Pronto para o uso

Itinerários prontos que podem ser salvos em suas viagens e editados de acordo com suas preferências.

Navegação

Um acesso rápido aos temas significativos que ajudarão o usuário a completar as tarefas da forma mais suave possível.

Localização

As sugestões são baseadas na geolocalização do dispositivo

Categorias

Explore por categoria.

Tipo de Viagem

Explore por tipo de destino.

Rota PRO

Sugestão Rota PRO. Com assistência profissional e de IA.

Personalização e Autonomia

Os usuários podem começar com itinerários prontos e personalizá-los, ou criar seus próprios itinerários do zero. Eles podem adicionar atrações livremente, definir datas e horários para cada atividade e visualizar o tempo de viagem estimado e o transporte entre os locais. Na versão Pro, a IA auxilia na construção de itinerários personalizados com base no destino e nas preferências do usuário.

Organização Financeira

Os usuários podem acompanhar e gerenciar suas despesas de viagem adicionando custos ao longo da viagem. Eles também podem definir metas financeiras para planejar melhor seu orçamento. As despesas podem ser compartilhadas com amigos que estão viajando juntos, permitindo que o aplicativo divida os custos e envie notificações mostrando quanto cada pessoa deve àqueles que pagaram por uma atividade específica. Tudo isso está integrado com o itinerário, então, quando um custo é adicionado a uma atividade no itinerário, ele atualiza automaticamente a página de acompanhamento de despesas.

Integração

Durante a integração, os usuários podem optar por adicionar suas preferências de viagem para ajudar a personalizar a experiência no aplicativo desde o início, ou pular esta etapa e adicioná-las mais tarde.

Acomodações

Pesquise por hotéis e acomodações e seja redirecionado para sites onde você pode fazer suas reservas. Depois disso, você pode adicionar a reserva ao seu itinerário compartilhando seu e-mail de confirmação ou adicionando os detalhes você mesmo.

Passagens aéreas

Busque passagens aéreas e seja redirecionado para sites onde você pode comprá-las. Depois disso, você pode adicionar o bilhete ao seu itinerário compartilhando seu e-mail de confirmação ou adicionando os detalhes do voo você mesmo.

Notificações

Você pode ativar suas notificações para lembretes sobre sua viagem, bem como alertas de preço.

Bate-papo de IA

Um chatbot de IA integrado que o ajuda a planejar sua viagem.

Outras páginas

Escopo e Próximos Passos

Embora este tenha sido um estudo de caso abrangente, ainda há claras oportunidades para mais melhorias e validação.

Próximos Passos

Teste A/B

O próximo passo seria realizar um teste A/B comparando a versão anterior com a solução atualizada. Isso nos permitiria validar se as mudanças de design melhoraram efetivamente a experiência do usuário e identificar áreas adicionais para aprimoramento.

Recursos adicionais

Várias funcionalidades valiosas foram identificadas durante a fase de descoberta que não foram incluídas no MVP devido a restrições de priorização. Um próximo passo natural seria explorar e integrar essas funcionalidades, garantindo que estejam alinhadas com as necessidades dos usuários e os objetivos do produto.

Feedback ao vivo

O produto seria lançado e monitorado continuamente por meio de avaliações de usuários e dados comportamentais, permitindo iterações contínuas e melhorias de recursos com base no uso real.

Essa abordagem iterativa garante que o produto continue a evoluir com base em evidências, não em suposições.

Principais Aprendizados

O verdadeiro valor vem da integração, não de recursos.
A parte mais forte do produto não são recursos individuais, mas como eles se conectam:

itinerário

despesas

transporte

Essa integração cria um verdadeiro valor para o usuário e diferencia o produto.

A priorização é essencial.
Nem todos os recursos identificados foram incluídos no MVP. Aprender a priorizar com base no impacto versus o esforço foi crucial para manter o projeto focado e entregável.

A clareza supera a densidade de recursos.
A versão inicial tinha informações demais na tela inicial, o que reduziu a usabilidade. Simplificar a estrutura e priorizar as ações principais melhorou significativamente a navegação e a conclusão de tarefas.

Quer ver mais?

Próximo Projeto

Create a free website with Framer, the website builder loved by startups, designers and agencies.