PESQUISA
Entender contexto, público e necessidades antes de desenhar a interface.
PESQUISA * PROTOTIPO * UX/UI / 2024
GUIA DE VIAGEM NICOLA
Um estudo de UX/UI para transformar pesquisa, prototipagem, persona e sistema visual em uma experiência mobile de viagem clara, responsiva e pronta para guiar decisões.
SOBRE*
BAIXA FIDELIDADE*
PERSONA*
BRANDING*
RESPONSIVO*
UI KIT*
INTERAÇÕES*
SOBRE*
BAIXA FIDELIDADE*
PERSONA*
BRANDING*
RESPONSIVO*
UI KIT*
INTERAÇÕES*
01
SOBRE O PROJETO
UMA VIAGEM COMEÇA ANTES DA RESERVA.
O Guia de Viagem da Nicola Autolocadora foi um objeto de estudos desenvolvido durante o curso de UX/UI Designer da EBAC. O projeto abrange pesquisa de público, desenvolvimento de personas, prototipagem, testagem e entregas.
Nesta apresentação, o mural estático vira uma narrativa: do rascunho inicial ao fluxo de reserva, mostrando como cada decisão aproxima a pessoa de escolher um destino com mais clareza.
ITINERÁRIO DE DESIGN
DA PESQUISA AO CAMINHO USÁVEL.
WIREFRAMES
Distribuir conteúdo e hierarquia antes de aplicar imagem, cor e tom.
NICOLAU
Criar uma persona de voz para guiar o comportamento do aplicativo.
PROTÓTIPO
Validar navegação, responsividade, componentes e interações.
BAIXA FIDELIDADE
ANTES DA PAISAGEM,
O MAPA.
As telas iniciais foram desenvolvidas a partir de frames de rascunho, com distribuição de elementos antes da aplicação de identidade, cores, ícones, imagens e textos.
PERSONA DE VOZ
NICOLAU
ASSISTENTE VIRTUAL.
O Assistente Virtual Nicolau é responsável por guiar o tom de voz da marca dentro do aplicativo: amigável, esperto, determinado e pronto para organizar a viagem com informações claras.
60IDADE SIMBÓLICA
24HDISPONÍVEL
RSSANTIAGO
BRANDING
A MARCA TAMBÉM GUIA A EXPERIÊNCIA.
Textos, paleta, logo e tipografia foram aplicados seguindo o tom de voz da marca. O sistema visual usa contraste forte, azul institucional, vermelho de destaque e uma hierarquia tipográfica direta.
ALTA FIDELIDADE
A EXPERIÊNCIA GANHA IMAGEM, COR E AÇÃO.
A aplicação de imagens, cores e iconografia seguiu critérios de acessibilidade WCAG, mantendo o tom de voz e o contexto da marca dentro do guia.
RESPONSIVO
TRÊS ESCALAS.
UMA MESMA VIAGEM.
Todas as telas foram pensadas em três breakpoints: smartphone em 360 px, tablet em 768 px e desktop em 1440 px. A experiência muda de escala sem perder contexto.
UI KIT
COMPONENTES PARA MANTER A ROTA.
O UI Kit organiza botões, switches, rating, tipografia, sistema de cores e ícones principais. Ele sustenta a manutenção do layout e cria consistência para futuras telas.
INTERAÇÕES
O PROTÓTIPO DEIXA DE SER TELA E VIRA CAMINHO.
Para aumentar a fidelidade, foram desenvolvidas animações e interações explorando hovers, cliques em botões, modais e accordion. O fluxo mostra como a pessoa navega, compara e solicita uma reserva.
