TigerTruck,alandingpagedeumaoficinadeveículospesados

O contexto

A Tiger Truck é uma oficina de Sorocaba (SP) especializada em veículos pesados. Com poucos anos de mercado, atende caminhões, carretas, ônibus, caminhonetes, tratores e máquinas. O cliente da Tiger Truck é o dono de frota ou o caminhoneiro autônomo, e o que ele compra não é conserto: é voltar a rodar.

O pedido era uma landing page para campanhas e busca local. Uma página, um objetivo: gerar pedidos de diagnóstico.

A dor

Para quem vive de frete, o custo real de uma quebra não é a peça. É o dia parado. Esse cliente decide rápido, pelo celular, muitas vezes na beira da estrada, e escolhe quem responde primeiro e parece saber o que faz.

Uma página que se apresenta demais antes de oferecer ajuda perde esse cliente. E uma oficina nova como a Tiger Truck precisa provar competência antes de ter um nome conhecido na região.

O estudo

A decisão central foi transformar a página num funil de uma oferta só: o diagnóstico gratuito. Ele baixa a barreira de entrada (não custa nada ouvir o que o veículo tem) e é a porta natural para o serviço pago.

A partir disso, a ordem das seções seguiu as perguntas do dono de frota:

1. Vocês resolvem o meu problema? Serviços (preventiva e corretiva, diagnóstico computadorizado, gestão de frota, atendimento emergencial) e os tipos de veículo atendidos.
2. Por que vocês? Os benefícios em linguagem de dono de frota: menos tempo parado, diagnóstico certeiro, experiência, garantia.
3. Quem já confia? Números da própria operação e depoimentos.
4. Como funciona? Três passos: contato, diagnóstico gratuito, manutenção executada.
5. Como eu falo com vocês agora? Formulário, WhatsApp, telefone e mapa.

O pedido de diagnóstico aparece no topo fixo, no banner, depois do processo e no contato. Um botão de WhatsApp flutua em todas as dobras.

A solução

A identidade visual partiu do universo do cliente: fotos escuras de oficina e caminhões, o logo do tigre em dourado e o laranja reservado para o que é clicável. O olho aprende rápido que laranja é ação.

O processo em três passos tira o medo do desconhecido. Quem nunca levou o caminhão ali sabe exatamente o que acontece depois do clique.

O formulário pede o mínimo (nome, telefone, e-mail e o problema do veículo) e fica ao lado do mapa, com link para abrir a rota. Um modal de captura com os mesmos campos abre a partir dos botões do topo e do banner, para o pedido não depender de rolar até o fim.

Como o formulário já pergunta o problema do veículo, o pedido chega à oficina com o assunto. A primeira conversa não começa do zero.

No celular, onde esse cliente decide, os indicadores do banner viram grade compacta, o carrossel de serviços vira gesto de arrastar e os botões respondem ao toque.

Como foi construído

React com Vite e Tailwind, gerado e iterado com um construtor de interfaces com IA e ajustado à mão. A primeira versão ficou pronta em dois dias. Performance recebeu atenção por ser página de campanha: imagens com carregamento preguiçoso, componente de imagem otimizada, ajustes específicos para toque no celular e um service worker para cache. O formulário começou numa função em nuvem e depois passou para um script de e-mail na hospedagem do cliente, para não depender de serviço externo. Tag manager para medir campanhas, banner de cookies, política de privacidade, termos de uso, sitemap e robots.

O que eu levo desse projeto

• Uma página, uma oferta. Toda seção responde a uma dúvida que impede o pedido de diagnóstico. O que não ajuda nisso ficou de fora.
• A oferta certa baixa a barreira. Diagnóstico gratuito é um pedido fácil de fazer, e é a porta para o serviço.
• Cor como sinal. Reservar o laranja para ação fez a página ensinar onde clicar sem instrução.
• Velocidade de entrega também é produto. Com IA na construção, a página foi do briefing ao ar em dois dias, e sobrou tempo para acertar a ordem das seções e o texto.