Vitral 0.2

Skylark Air

A jornada de reserva de uma companhia aérea, da primeira busca ao código da reserva. Escolha a rota, as datas e os passageiros, compare voos numa faixa de datas com filtros, escolha assentos num mapa da cabine com extras, depois revise o itinerário e pague com um código de uso único.

ReservasViagensCheckout

Telas

  1. 2

    Voos

    Uma faixa de datas, filtros e cards de voo

    Abrir ao vivo
    Skylark Air: a tela Voos
  2. 3

    Assentos

    Um mapa de assentos, bagagem e seguro

    Abrir ao vivo
    Skylark Air: a tela Assentos
  3. 4

    Resumo

    Itinerário, detalhamento do preço e um pagamento verificado

    Abrir ao vivo
    Skylark Air: a tela Resumo

O que tem dentro

4 telas e 19 componentes, ligados por estado compartilhado e navegação local.

Recursos

  • Um formulário de busca com seletores de cidade filtráveis, seletores de data e um popover de passageiros
  • Uma faixa de preços para os dias próximos, filtros e cards de voo ordenáveis
  • Um mapa de assentos acessível: cada assento é um botão de alternância com sua fileira, posição e estado
  • Bagagem e seguro-viagem, com o total atualizado a cada escolha
  • Uma revisão com a linha do tempo do itinerário e pagamento com código de uso único

Telas

Perguntas

Sobre o Skylark Air e sobre templates em geral.

Sim. Os assentos são botões agrupados por fileira, com nomes como “Assento 14C, corredor”, aria-pressed nos que você reservou e disabled nos já ocupados.