Tookkan · 2022
Tookkan
Transformando intenção de viagem em roteiro por IA dentro do app
Desenhei o fluxo end-to-end do quiz que traduz intenção de viagem em input para IA — calibrando o que perguntar, em que ordem, para público 35–70 anos sem parecer formulário.
Marketing — Apple App Store e Google Play Store
13
Perguntas no MVP (10 na V2)
4
Tipos de interação no fluxo
35–70
Faixa etária principal
Contexto
Por que o Tookkan precisava existir: operadoras concentravam receita em voo e hotel, enquanto experiências ficavam quase fora da jornada digital.
Turistas fechavam experiências presencialmente ou via WhatsApp — por falta de informação prévia e planejamento antecipado. Esse gap era a oportunidade: canal digital para quem já comprava online, mas não planejava a viagem inteira no app.
Problema de design
Quatro tensões a resolver no quiz — cada uma com implicação direta na taxa de completude e na qualidade do output da IA.
Mapa de experiência
Antes de detalhar o quiz, mapeei a jornada completa do app — do primeiro contato até o dia da viagem — para situar onde cada tela vive e qual objetivo atende.
Quatro fases estruturam o mapa: Motiva, Decide, Completa e se prepara e Viaja. Em cada coluna: ações e dores, gatilhos, telas e teste de usabilidade.
O quiz documentado abaixo opera nas fases Motiva e Decide — ponte entre intenção de viagem e geração do roteiro por IA.
Arquitetura do fluxo
13 perguntas · 4 tipos de interação
Do fork inicial ao input que alimenta a IA.
Destino conhecido?
Bifurcação inicial — define duas jornadas distintas antes do restante do quiz.
Região desejada
Continuar só ativa após escolha — constraint visível, não punitiva.
Cidade destino
Filtrada pela região anterior — reduz carga cognitiva.
Data, dias livres e orçamento
Calendário sequencial + input numérico — ponto crítico de abandono.
O que busca nesta programação?
Múltipla escolha combinando intenções de viagem.
Quem vai com você?
Família, casal, solo, amigos, pet — impacta atrações sugeridas.
Frequência de programações
Baixa → intensa; a IA traduz em densidade de roteiro.
Tipo de hospedagem
'Então me diga [nome]...' — quebra de tom intencional.
Orçamento em hospedagem
Slider contínuo + escape 'Ainda não sei'.
Meio de transporte
Afeta deslocamento entre atrações e escopo geográfico.
Necessidades especiais
Acessibilidade: idoso, gestante, mobilidade reduzida.
Cidades vizinhas?
Binário de encerramento — botões são a ação, sem 'Continuar'.
Roteiro por IA
Contexto coletado alimenta geração — loading de marca antes do output.
Documentação do fluxo — Já sei destino
Telas reais do ramo com 10 perguntas — clique para ampliar, role para explorar o detalhamento do passo crítico.
Ramificação “Já sei destino” — mapa completo com telas reais, detalhamento do passo crítico (data + dias + orçamento) e pontos de decisão.
Detalhamento · data, dias livres e orçamento
Clique em qualquer tela para ampliar · passe o mouse para destacar
Entrada da jornada
Estado de carregamento antes do quiz — reduz sensação de app “vazio” ao abrir o fluxo.
Bifurcação SIM/NÃO
Define a ramificação “Já sei destino” vs. “Ainda explorando” antes das 10 perguntas.
Calendário sequencial
Partida → retorno → dias livres. O range em amarelo confirma o período antes de avançar.
Confirmação visual por campo
Ícone verde em cada campo concluído. Crítico para o público 35–70 anos que não sabe se o dado foi salvo.
Tom conversacional
“Então me diga, Username…” — humaniza o fluxo num público com desconfiança de apps.
Escape no orçamento
“Ainda não sei” como alternativa ao slider — evita abandono por pergunta sem resposta.
Decisões de design
Quiz e tom
Confirmação visual por campo
Ícone verde em cada campo concluído na tela de data+orçamento. Reduz ansiedade de quem não sabe se o dado foi salvo — crítico para o público 35–70 anos.
Calendário sequencial com feedback
Partida → retorno → 'Ok. Datas definidas.'. O range destacado em amarelo confirma o período antes de avançar. Sem ambiguidade sobre o que foi selecionado.
Nome do usuário no enunciado
'Então me diga Kellen...' é escolha deliberada de tom. Em público com desconfiança de apps, humanizar o fluxo reduz fricção e aumenta completude.
Feedback e constraints
Loading como momento de marca
'Criando seu roteiro tookkan' com logo animado transforma o tempo de processamento da IA em expectativa positiva — não de espera.
Botão ativo só após seleção
'Continuar' permanece desabilitado enquanto não há resposta. Elimina envio incompleto sem mostrar erro — a constraint é visível, não punitiva.
Escape no slider de orçamento
'Ainda não sei' como opção alternativa ao slider reconhece que nem todo usuário chega com orçamento definido — e evita abandono por pergunta sem resposta.
Output
O que a IA entrega com os dados coletados no quiz:
- Roteiro por dia com atrações em ordem cronológica
- Filtros aplicados: tipo de viajante, intensidade e acessibilidade
- Avisos contextuais (ex.: local fechado em feriado, exigência de vacina)
- Resumo dos critérios usados para geração — transparência da IA
- Controle de gastos com saldo restante em tempo real
- Possibilidade de adicionar atrações manualmente por dia
- Seção de documentos necessários: voo, hospedagem, vacina
O quiz como motor de conversão — quem planeja, converte.
Hub do roteiro — três módulos, um destino
Em paralelo, explorei um hub com Roteiro, Carteira e Documentos como abas no mesmo contexto de destino — mesma viagem, zero reorientação. As fases Completa e se prepara e Viaja do mapa de experiência materializam nessa proposta.
Reflexão
Trabalhar com público de 35–70 anos num produto 100% digital exige mais do que boa usabilidade. Exige construção de confiança em cada micro-momento da jornada — do anúncio no Instagram até o e-mail pós-compra. Qualquer fricção no caminho é abandono.
Evolução do produto
V2 — Do roteiro ao companheiro de viagem
Após o MVP, o produto expandiu em quatro direções: gestão documental, controle financeiro, discovery de destinos e gestão de atrações.
Documentos e controle financeiro
Wallet de documentos
Na V1, campos de voo, hospedagem e vacina eram ícones sem ação. Na V2, cada categoria virou módulo com upload de PDF, notas e fotos — 7 categorias, 3 formatos de anexo, estados vazio e preenchido.
Controle financeiro por dia
A V1 mostrava saldo restante como informação passiva. A V2 transformou em módulo operacional: registra gastos por dia, recalcula saldo em tempo real, com accordions, edição inline e toast destrutivo antes de excluir.
Wallet documental e controle de gastos na V2 — navegação global, estados vazios e fluxos operacionais.
Discovery e gestão de atrações
Explorar reestruturado
Estrutura editorial com CTA para quiz, destaques, feriados como ganchos, categorias de atividade e grid por estado. Busca separada: Cidades ou Atividades. Detalhe com abas Localização e Horários.
Atrações e biblioteca de salvos
Dentro do roteiro, catálogo da cidade com filtro por categoria e adição ao dia. Salvos globais por cidade com estado vazio contextual e check-verde no card já adicionado.
Feedbacks e reflexão de produto
- Toast 'Roteiro salvo com sucesso' — confirmação positiva após salvar
- Toast 'Atração adicionada ao roteiro' — feedback cross-tela
- Toast destrutivo padronizado para roteiro, atividade e gasto
- Push notification no dia da viagem — extensão emocional fora do app
- Quiz 'já sei o destino' condensado de 13 para 10 perguntas
- Tela vazia de Roteiros com ilustração e CTA direto
Do discovery ao dia da viagem — quatro telas, uma jornada contínua.
O app de viagem sem captura de intenção se tornou
Companheiro completo do discovery ao dia da viagem.
Com quiz condicional que alimenta roteiro por IA
MVP com 10 perguntas validou o primeiro contato digital antes de qualquer intermediação humana; a V2 expandiu para documentos, gastos e exploração editorial — do discovery ao dia da viagem em uma jornada contínua.
Product Designer
Nathalia Maciel