12 · App nativo · Sistema de Design Asa

O app ainda não existe. As decisões que o esperam, sim.

Esta seção documenta só o que muda quando o mesmo sistema sai do navegador. Tudo que as onze seções anteriores definem vale sem tradução: as cores, os cinco degraus, o ângulo de 8°, os 44px de alvo de toque e as quatro durações são valores de plataforma nenhuma. O que muda é a arquitetura de navegação e o que a plataforma oferece a mais.

Já está pronto para o app

Alvo de toque de 44pxtoken, independe de plataforma

Ícones a 24 e 48pxequivalente nativo direto

Durações 200–400mstempo, independe de plataforma

Conta persistentelogin já compartilhado

A conta persistente de 08 Fluxo de reserva é a peça que faz o app nascer reaproveitando histórico e dados salvos, em vez de duplicar cadastro. Sem ela, o app começaria com um segundo banco de usuários.

O que muda de verdade

Navegaçãotab bar no lugar da barra superior

Aberturasplash só no app

Código de acessoOTP digitado na tela

Segundo fatorbiometria do aparelho

Áreas reservadasnotch e home indicator

Cinco diferenças. Todo o resto do sistema atravessa sem alteração: é isso que se espera de um design system que fez o trabalho direito.

Grade mobile

Margem lateral20 a 24pt

Status bar com notch44pt

Home indicator34pt

Barra de navegação Android48px

O Material Design indica 16pt de margem lateral; 20 a 24pt dá mais respiro e ainda mantém a largura útil em múltiplo de 8. Ignorar o home indicator é a causa mais comum de botão cortado em aparelho real, mesmo com o design correto no simulador.

Duas delas contrariam o padrão de mercado. De propósito.

Contra o padrão Sem onboarding antes do cadastro

O padrão é mostrar duas ou três telas explicando o produto antes de pedir login. A Asa não terá nenhuma: o app abre direto na busca.

O onboarding pré-cadastro existe para vender a decisão de criar conta antes de pedir dados pessoais. Aqui ele não resolve nada, porque o app não pede conta para buscar, ver preço nem reservar: a conta nasce ao final da primeira reserva, exatamente como na web. Manter as telas de explicação seria criar um atrito para justificar um atrito que decidimos não ter.

Contra o padrão Sem gamificação

Nada de pontos, sequência de dias, conquistas ou ranking, mesmo com recorrência sendo o objetivo declarado do produto.

Gamificação faz sentido quando o produto depende de uso recorrente e voluntário: hábito, aprendizado, exercício. Alugar carro é transacional: a pessoa aluga quando viaja, e não porque manteve uma sequência. Pontos e ranking aqui seriam ruído sem resolver problema real, e ainda entrariam em choque com um sistema que não usa emoji nem tom lúdico. A recorrência se resolve por histórico, dados salvos e o botão "reservar de novo".

Segue o padrão Código digitado no lugar do link por e-mail

Na web, o link mágico funciona porque a caixa de e-mail já está em outra aba do mesmo navegador. No app, sair para o cliente de e-mail e voltar rompe o contexto.

Por isso o app pede um código numérico digitado na própria tela, com a validade sempre visível. E oferece mais de um canal: se o WhatsApp falhar, SMS, porque nem todo mundo tem acesso confiável aos dois ao mesmo tempo.

Segue o padrão Biometria como segundo fator da caução

O aparelho já tem Face ID ou digital configurados. Usar isso no momento de bloquear a caução tem atrito quase zero comparado a digitar um código.

A regra de quando pedir não muda em relação à web: só em ação de risco alto: caução, troca de cartão, troca de senha. O que muda é o como, porque o app tem um fator que o navegador não tem.

Seis telas, os mesmos componentes.

O app não tem componente próprio. O card de veículo, o campo, o botão, a etiqueta e a placa de número são exatamente os mesmos de 06 Componentes, só recompostos em 375 pontos de largura.

9:41▮▮▮

1 · Splash. Dura só o tempo real de carregar sessão e fontes: estender de propósito para "mostrar a marca" é percebido como lentidão. O lockup entra por opacidade em 200ms e fica.

9:41▮▮▮

Seu carro já tá te esperando.

Retirada

Datas

4,7

no Google, +4.500 avaliações

Buscar Reservas Ajuda Perfil

2 · Busca. Abre aqui, sem onboarding e sem pedir login. A tab bar tem quatro itens e o ativo muda de forma além de cor: ícone preenchido, além do vermelho.

9:41▮▮▮

14 carros Filtrar

[ foto · SUV ]

Grupo H · SUV

Ideal para Jericoacoara

Buscar Reservas Ajuda Perfil

3 · Frota. O esqueleto tem a forma do card real, e é estático: um brilho em loop violaria a regra de que nada no sistema pulsa. Um item por vez leva botão vermelho.

9:41▮▮▮

1 ✓
2 · agora
3

Só pra ter certeza que é você

Para bloquear a caução de R$ 2.000, confirme com a digital.

A caução volta em até 5 dias úteis depois da devolução.

4 · Segundo fator. A biometria é o caminho de menor atrito, mas nunca o único: quem não tem ou não quer usar recebe código, com validade visível. Sem tab bar: no checkout, sair da tarefa é o que não se quer facilitar.

9:41▮▮▮

Reserva confirmada

Pronto. Seu carro já tá te esperando.

Código da reserva

REC-4821

Retirada02/10 · 10:00

CauçãoR$ 2.000 bloqueada

5 · Confirmação. Tela dedicada, sem retorno silencioso à lista, e sem ilustração comemorativa, confete ou emoji. O código aparece inteiro, de uma vez.

9:41▮▮▮

Reserva ativa

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

REC-3390 · junhoR$ 512

FOR-2841 · marçoR$ 468

Buscar Reservas Ajuda Perfil

6 · Reservas. É o motor da recorrência, e por isso "Reservar de novo" é o único vermelho da tela. Sem pontos, sem sequência, sem selo: só o caminho mais curto para repetir o que já deu certo.

O que ainda não foi decidido, e por que.

Deep link para a reserva

Na web, uma tela endereçável é comportamento padrão. No app, isso exige universal links construídos de propósito. A mensagem de confirmação no WhatsApp precisa abrir a reserva certa dentro do app, e não a home. Isso é engenharia.

Notificação push

O app abre um canal que a web não tem. Fica em aberto porque a decisão é de operação: quantos avisos por reserva, e quem escreve. O registro já está definido: Registro 2, voz de balcão, sem emoji.

Fonte no aparelho

A BR Omny precisa ser empacotada no bundle do app, em .otf ou convertida. Diferente da web, não há fallback aceitável: um app inteiro em Helvetica não é uma degradação, é outra marca.

Modo escuro do sistema

O iOS e o Android oferecem; a marca não tem uma variante escura definida. Se for necessário, ela se resolve na camada semântica de tokens, que existe justamente para isso, sem repintar componentes.