Voltar ao Início
LinkedIn
Mobile Product Design • Aviation UX

Azul: Redesign de conversão e experiência de viagem mobile.

Reestruturação da arquitetura de informação e ergonomia do aplicativo móvel, eliminando etapas de atrito no funil de reserva, facilitando a escolha de assentos e garantindo acesso offline resiliente ao cartão de embarque.

Função

Lead UX / Product Designer

Metodologia

Heurísticas & Wireframing

Plataforma

iOS & Android (Design Nativo)

Foco

CRO, Acessibilidade & Offline

Visão geral do ecossistema mobile da Azul
Diagnóstico de Produto

Desafios de Usabilidade Identificados

Fricção

Sobrecarga Cognitiva

O fluxo de busca original apresentava excesso de inputs simultâneos e baixa distinção tarifária, gerando desistência antes do checkout.

Ergonomia

Mapa de Assentos

Dificuldade de toque (tap target) em telas menores para selecionar poltronas da aeronave e pouca clareza nas comodidades do assento (Espaço Azul).

Aeroporto

Ansiedade no Embarque

Dependência de sinal de internet para recarregar o bilhete no portão e código de barras com baixo contraste sob iluminação intensa de terminal.

01 Arquitetura de Navegação

Soluções de interface desenhadas para o polegar (Thumb Zone)

Concentração de ações primárias na metade inferior da tela, permitindo operação confortável com uma só mão mesmo durante o deslocamento em aeroportos.

Tela de busca simplificada

01. Busca Direta & Sugestões

Entrada progressiva de dados: aeroporto de origem preenchido via geolocalização e seleção de datas em calendário com preços mínimos destacados.

Mapa ergonômico de assentos

02. Seleção Tátil de Assentos

Alvos de toque ampliados (mínimo 44x44px), legenda clara entre assentos livres, ocupados e categoria Espaço Azul, com preview imediato de taxa no rodapé.

Cartão de embarque de alta visibilidade

03. Boarding Pass Offline

Ticket armazenado localmente no dispositivo para funcionar sem conexão, com brilho automático no display e código de barras calibrado para leitores ópticos.

02 Decisões de Heurística

Detalhamento dos estados de tela e microinterações

Adoção de padrões que priorizam a clareza orçamentária e a redução do tempo total de conclusão de tarefa (Task Completion Time).

Fluxo de pesquisa de passagens

Pesquisa & Alternância de Modalidade

Segmentação simples entre compra em dinheiro (R$) ou Pontos Azul, evitando recarregar a tela e mantendo os parâmetros de busca preservados na memória.

Grade de resultados e tarifas

Listagem de Voos & Matriz de Datas

Carrossel superior com comparação de preços em dias adjacentes, duração total da viagem e sinalização explícita de voos diretos vs. conexões.

Cartão de embarque completo

Emissão e Hierarquia Crítica

Informações ordenadas pela ordem cronológica de necessidade: 1º Terminal e Portão, 2º Horário limite de apresentação, 3º Número do assento e grupo de chamada.

03 Design System & Acessibilidade

Padrões visuais pensados para uso em condições extremas

Contraste WCAG AA para Ambientes Iluminados

Em saguões de aeroportos e pistas de embarque externo, o reflexo solar na tela dos smartphones é constante. Todas as paletas de texto sobre o azul institucional e sobre superfícies brancas foram calibradas para atender a taxa de contraste mínima de 4.5:1, garantindo leitura instantânea sem exigir esforço visual.

Previsibilidade em Erros de Conexão

O estado de erro de rede foi desenhado para não interromper a navegação: caso a internet caia durante a seleção de voos, os dados já preenchidos permanecem salvos em cache local, permitindo retomada automática assim que a conectividade for restabelecida.

Próximo Estudo de Caso

IBMR EaD

Portal acadêmico e educação a distância

Ver Case do IBMR