Atalaia Rastreamento: landing page de cotação para rastreamento veicular

Projeto conceitual desenvolvido pela ALB Seven. A Atalaia Rastreamento Veicular não é um cliente real: a marca, os preços, os números de prova, as avaliações e os depoimentos são ilustrativos, e a página avisa isso abaixo dos planos e no rodapé. O que existe de concreto é a landing page, publicada em atalaia.albseven.com, feita como exercício de página de conversão para um setor em que o cliente compra por telefone, não por checkout.

O problema do setor

O briefing do projeto partiu de uma leitura de sites de rastreamento voltados a pessoa física e a frotas. Os padrões se repetem: a chamada para ação é sempre contato humano (WhatsApp, 0800 ou formulário curto), a lista de recursos é quase idêntica entre concorrentes, e as reclamações mais comuns são atendimento que falha na hora do roubo, fidelidade com multa e letras miúdas sobre equipamento e instalação. A página, portanto, precisava vender clareza e não só tecnologia, e precisava levar o visitante ao WhatsApp com o mínimo de atrito, no celular, onde chega o tráfego de anúncio.

As decisões de projeto

• Formulário dentro do hero. A primeira tela divide copy à esquerda e um card de cotação à direita, com três campos (WhatsApp, tipo de veículo, cidade). No celular o card vem logo abaixo do subtítulo. O botão único do formulário é a chamada principal; telefone e WhatsApp direto ficam como link de texto, para não competir.
• Headline que nomeia o medo e responde. "Roubaram? Em minutos a gente bloqueia e localiza." O subtítulo coloca preço, instalação grátis e ausência de fidelidade antes de qualquer lista de recursos. Esses valores são escolha de copy do demo, não oferta da ALB Seven.
• Dois públicos em uma página. Uma bifurcação "Para você" e "Para sua empresa" direciona pessoa física e frotas sem duplicar a página. Os três planos (Essencial, Proteção+ e Frota) mostram preço ilustrativo e levam ao mesmo formulário, preenchendo o plano escolhido num campo oculto.
• Seção "Sem letras miúdas". Quatro compromissos respondem diretamente às objeções do setor: sem fidelidade, equipamento em comodato, atendimento humano 24h e contrato de uma página. A FAQ traz doze perguntas em quatro grupos (contrato, instalação, roubo, app).
• Envio pelo WhatsApp, sem backend. Os dois formulários montam a mensagem e abrem o WhatsApp. Como não há servidor, as proteções ficam no cliente: campo honeypot oculto, tempo mínimo desde o carregamento, intervalo entre envios, limite de envios por sessão, botão desabilitado durante o envio, máscara de telefone e validação por campo.
• Visual sóbrio e mobile-first. Azul-marinho, laranja de sinalização como único acento e off-white; Archivo nos títulos e Figtree no corpo. Cantos retos em botões e inputs, bloco sólido deslocado atrás das fotos, linha laranja sob cada título. A única animação é o reveal ao rolar, desligado sob prefers-reduced-motion.
• Fora do índice de propósito. A página leva noindex, nofollow para que a marca fictícia não apareça na busca nem concorra com o domínio da ALB Seven, mas mantém title, description e Open Graph para o link ficar legível quando compartilhado.

Stack

HTML, CSS e JavaScript puros, sem framework. O site carrega css/styles.min.css e js/main.min.js, gerados com esbuild a partir dos fontes legíveis. Fotos do Unsplash servidas com srcset e sizes, fontes do Google carregadas sem bloquear a renderização e ícones em um sprite SVG inline.

O que isso demonstra

Que uma landing page de serviço pode ser construída a partir das objeções reais do setor, com um único caminho de conversão e sem depender de backend, e ainda assim ser leve e acessível. A empresa é inventada; a pesquisa, a estrutura e a página no ar são reais.