Pular para o conteúdo

Oito telas, montadas só com o que já está documentado.

As telas reais do produto são compostas só com os componentes documentados. Nenhuma delas inventa um componente novo, um sexto degrau de tipografia ou uma cor fora da paleta. Se alguma precisasse, o incompleto seria o sistema.

A decisão que organiza tudo A conta nasce no fim da primeira reserva

O objetivo é recorrência, então existe conta persistente com histórico. Mas ela é criada ao final da primeira reserva, nunca como barreira de entrada: pedir cadastro antes de mostrar carro e preço reintroduziria exatamente o atrito que a Asa vende como diferencial.

Estado sempre na URL Recarregar reproduz o que se está vendo

Datas, local, categoria, carro escolhido e passo do checkout ficam na URL. O botão de voltar do navegador e o link compartilhado são comportamentos que a plataforma já ensinou a pessoa a esperar. Quebrá-los frustra uma convenção que não é nossa.

Um vermelho por tela A ação principal, e mais nada

Em todas as oito telas existe exatamente um botão vermelho. Onde há uma segunda ação (voltar, falar no WhatsApp, ver detalhes), ela usa contorno ou amarelo. É a regra de hierarquia aplicada como restrição de implementação.

A primeira dobra promete e já pergunta.

asalocadora.com.br
Asa Rent a Car
  • Carros
  • Como funciona
  • Aeroportos
  • Destinos
  • Dúvidas

Aluguel de carros em Recife e Fortaleza, dentro do aeroporto

Balcão 24h no desembarque. O carro sai do pátio do próprio aeroporto, sem van e sem taxa de aeroporto.

[ foto · viajante saindo do desembarque com a mala ]
Diária de 27 horas

Retirou às 10h, devolve até as 13h.

Cancele até 24h antes

Se o voo mudar, sem custo.

Carro em 8 minutos

Do balcão direto ao pátio.

4,7no Google
9,4no Reclame Aqui
Decisões desta tela
Carregamentosem splash
Navegaçãobarra superior
Buscadentro da dobra
Vermelho1 · botão "Ver carros"
Faixasamarelo → branco → preto

A busca fica no campo amarelo porque é a próxima ação da promessa. Logo abaixo, a foto da chegada com os três fatos operacionais em texto curto: a emoção vem da imagem, e um trio de ícones não a substitui. Só então a prova, as placas no campo escuro. Três faixas, três fundos, três estruturas: é a anatomia da home, detalhada em 15 Composição.

Por que a barra superior, e não lateral

São cinco seções de primeiro nível. Barra lateral só se justifica em produto denso com hierarquia aninhada. Aqui ela roubaria largura do conteúdo sem resolver nada.

Os filtros vivem na URL e sobrevivem ao recarregar.

asalocadora.com.br/frota?retirada=REC&de=2026-10-02T10:00&ate=2026-10-05T13:00&grupo=suv
Asa Rent a Car
  • Frota
  • Tarifas
  • Minha reserva

14 carros disponíveis

Recife · 02 a 05 de outubro · 3 diárias
SUV Automático Até R$ 200
[ foto · SUV no pátio ]
Grupo H · SUV automático

Ideal para Jericoacoara e Canoa Quebrada

5 pessoas · 3 malas · altura livre

[ foto · SUV compacto ]
Grupo G · SUV compacto

Bom para a orla e o centro de Recife

5 pessoas · 2 malas · câmbio automático

Esgotado nesta data
[ foto · sedã na orla ]
Grupo D · sedã automático

Confortável para Porto de Galinhas

5 pessoas · 3 malas · câmbio automático

Decisões desta tela
Filtrosquerystring
Carregamentoskeleton, não spinner
Gradeauto-fit, colapsa a 1 coluna
Vermelho1 · o card em destaque

Só o primeiro card leva botão vermelho; os demais usam contorno. Numa lista de catorze carros, catorze botões vermelhos anulariam a hierarquia e estourariam o teto de área da marca.

O título fala da viagem

"Ideal para Jericoacoara e Canoa Quebrada" em vez de "1.6 16V flex". A ficha técnica fica na linha de specs em cinza; o título responde à pergunta que a pessoa realmente tem: se o carro serve para onde ela vai.

O carro é página; o complemento é modal.

asalocadora.com.br/frota/grupo-h-suv?de=2026-10-02T10:00&ate=2026-10-05T13:00
Asa Rent a Car
  • Frota
  • Minha reserva
[ foto · SUV, atendente entregando a chave ]
Grupo H · SUV automático

Ideal para Jericoacoara e Canoa Quebrada

Altura livre para estrada de areia, porta-malas fechado e câmbio automático. Sai do balcão com tanque cheio e diária de 27 horas.

5 pessoas · 3 malas grandes · automático · ar-condicionado · km livre

diária a partir de R$ 189 3 diárias de 27h · retirada em Recife
SubtotalR$ 567,00
Taxa de aeroportoNão cobramos
Chegando 22h? Deixo a chave separada, é só me chamar aqui. O balcão fica aberto 24 horas.
Modal ou página
Detalhe do carropágina com URL própria
Proteção e extrasmodal
Política de combustívelmodal

O critério é se o conteúdo merece ser compartilhado ou ser porta de entrada vinda de fora. Um link de anúncio aponta para um carro específico, então carro é página. Escolher cadeirinha é uma decisão curta e contextual, que devolve a pessoa exatamente para onde ela estava, então é modal.

Onde o Registro 2 aparece

O bloco "Chegando 22h?" é a voz do balcão dentro de uma tela de produto: caixa baixa, primeira pessoa, sem exclamação. Ele responde à objeção real de quem chega em voo noturno.

Doze campos em três telas parecem menos que doze numa só.

asalocadora.com.br/reserva/dados?r=rec-4821
Asa Rent a Car Reserva REC-4821
  1. Passo 1 · agoraDados do condutor
  2. Passo 2Pagamento e caução
  3. Passo 3Confirmação
Faltou um dígito.
É por aqui que eu aviso quando o carro estiver pronto, e é o mesmo número que você usa para ver a reserva depois.
Sua reserva Grupo H · SUV automático Recife · 02/10 10:00 → 05/10 13:00
3 diárias de 27 horas
Total R$ 656,00
Decisões desta tela
Agrupamentopor unidade lógica
Voltar uma etapanunca apaga dados
Errocolado ao campo
Vermelho1 · "Ir para pagamento"

"Voltar" usa contorno: são duas ações na mesma tela, e só uma delas leva a pessoa adiante.

O resumo fica visível o tempo todo

O card lateral repete carro, datas e total em todos os três passos. Some a dúvida "o que exatamente eu estou comprando" no momento em que a pessoa está digitando CPF e número de CNH.

O total fica colado no botão, e a caução é explicada antes de ser cobrada.

asalocadora.com.br/reserva/pagamento?r=rec-4821
Asa Rent a Car Reserva REC-4821
  1. Passo 1 · concluídoDados do condutor
  2. Passo 2 · agoraPagamento e caução
  3. Passo 3Confirmação
3 dígitos no verso
Caução de R$ 2.000, bloqueada e não cobrada O valor fica reservado no limite do cartão e volta em até 5 dias úteis depois que você devolver o carro. Não descontamos nada dele sem falar com você antes.
Sua reserva
3 diárias de 27hR$ 567,00
Proteção básicaR$ 89,00
Taxa de aeroportoNão cobramos
Total agora R$ 656,00
Caução de R$ 2.000 bloqueada à parte
asalocadora.com.br/reserva/pagamento?r=rec-4821
Asa Rent a Car Reserva REC-4821
Estado: cartão recusado
Não conseguimos processar seu cartão O banco recusou a cobrança de teste que confirma o cartão. Nada foi cobrado. Confira os dados ou tente outro cartão.
Cartão recusado pelo banco emissor
Sua reserva
Total agora R$ 656,00
Decisões desta tela
Campos por forma de pagamentocondicionais
Validade e CVVlado a lado
Termos e consentimento de marketingos dois desmarcados por padrão
Botão durante a cobrançacarregando e travado
Saída desta telaVoltar, sem apagar dados

O botão está mostrado no estado carregando de propósito: é o estado que impede o segundo clique e, com ele, a segunda cobrança de caução. O checkbox de termos nasce desmarcado: consentimento marcado por padrão não é afirmativo, e esta é a tela mais sensível do funil. A caução usa --warn, porque é um sinal de atenção; --info seria uma nota neutra. O estado de cartão recusado, abaixo, usa o mesmo par cor+ícone+posição do erro de campo do resto do sistema.

Duas abas ao mesmo tempo

Abrir um link em nova aba é um gesto trivial no navegador, e aqui significa duas versões da mesma reserva. Antes de confirmar o pagamento, o produto detecta estado desatualizado entre abas e avisa, em vez de deixar uma sobrescrever a outra em silêncio.

Depende do gateway

O nível de verificação exigido no momento da caução depende do gateway escolhido: se ele já impuser 3D Secure, o passo de segundo fator do sistema fica redundante. Detalhes em 09 Segurança.

A conta nasce depois da reserva, nunca antes.

asalocadora.com.br/reserva/rec-4821/confirmada
Reserva confirmada
Pronto. Seu carro já tá te esperando.

Mandei tudo no seu WhatsApp. Chega no balcão do saguão, mostra a CNH e sai em 8 minutos.

Código da reserva
REC-4821
Retirada02/10 · 10:00 · saguão REC
Devolução05/10 · 13:00
Pago agoraR$ 656,00
Caução bloqueadaR$ 2.000,00
Guardar para a próxima

Crie uma senha e a próxima reserva leva menos da metade do tempo: seus dados e sua CNH já ficam salvos.

Oito caracteres ou mais. Seu login é o WhatsApp (81) 99999-0000.
Por que a conta vem aqui

A recorrência precisa de um identificador estável, e um código que expira com a reserva não serve para isso. Mas pedir cadastro antes de mostrar carro e preço derruba a conversão. Este é o único momento em que os dois objetivos não brigam: a pessoa já converteu, e a oferta é concreta: "a próxima leva menos da metade do tempo".

"Agora não" precisa existir

A reserva já está confirmada e o código já está na tela. Se criar conta fosse obrigatório aqui, seria uma barreira depois da compra, o pior lugar possível para colocar uma.

Celebração sem confete

A confirmação usa etiqueta verde, campo amarelo e o código em display. Nenhuma ilustração comemorativa, nenhum emoji, nenhum contador animado. O número aparece inteiro, de uma vez.

O histórico traz a pessoa de volta, e um link quebrado ainda leva ao carro.

asalocadora.com.br/minha-reserva
Asa Rent a Car
Maria

Reserva ativa

Confirmada
Grupo H · SUV automático
REC-4821 · retirada 02/10 às 10:00, saguão de Recife

Reservas anteriores

REC-3390 · Grupo D · 12 a 15 de junhoR$ 512,00
FOR-2841 · Grupo G · 03 a 06 de marçoR$ 468,00

Meus dados

Ver o que a gente guarda sobre você, baixar uma cópia ou pedir a exclusão da conta e do histórico.

"Reservar de novo" é o motor

É o único vermelho da tela, e não por acaso: com dados e CNH salvos, refazer uma reserva anterior é o caminho mais curto que existe no produto. Esse atalho é o mecanismo de recorrência, sem pontos nem selo.

Meus dados é obrigatório

Com conta persistente, a LGPD deixa de ser um texto no rodapé: a pessoa precisa conseguir ver, baixar e apagar o que está guardado, dentro do próprio produto. Sem isso, cada pedido vira processo manual no suporte.

asalocadora.com.br/promo-carnaval-2024
Erro 404
Essa página saiu de circulação.

Mas o carro continua aqui. Me diz quando você chega que eu procuro pra você.

Por que o 404 é uma tela de verdade

A web recebe requisições para URLs que não existem mais o tempo todo: campanha antiga, buscador desatualizado, erro de digitação. Isso praticamente não acontece num app, que só navega entre as próprias telas. Por isso o 404 é um padrão exclusivamente web, e não pode ser uma tela em branco ou o erro genérico do navegador.

Devolve a busca em vez de um link para a home

Quem caiu aqui queria alugar um carro. Repetir o formulário de busca resolve a intenção original no mesmo lugar; mandar para a home obrigaria a pessoa a recomeçar a navegação por conta própria.

Anterior← 07 · Hierarquia Próxima seção09 · Segurança →