Transportadora de cargas em Curitiba

Uma transportadora de 42 anos recebia 1.207 visitas do Google num mês e nenhum pedido de cotação pelo site. Eu fiz uma landing page em que a cotação é a primeira coisa da tela.

  • Landing page
  • Curitiba, PR
  • Setembro de 2026
  • Prévia
prévia de site
A primeira tela do site de transportadora de cargas

Quem é

Uma transportadora de família
com 42 anos de estrada

A empresa coleta e entrega carga e encomenda em todo o Brasil, por avião e por estrada, com dez funcionários. O frete não tem tabela, cada cotação é calculada na hora.

Quem mais despacha são empresas, de indústria a fabricante de equipamento hospitalar, que mandam peça e material que não podem chegar de qualquer jeito.

de empresa familiar

0

de empresa familiar

funcionários

0

funcionários

de nota no Google

4,4

de nota no Google

O que eu fiz

Tudo o que entrou
nesse projeto

  1. Cotação no formato de romaneio

    Origem, destino e tipo de carga num formulário encostado no topo, que abre o WhatsApp com a mensagem pronta e não deixa mandar cotação vazia.

  2. Uma direção visual própria

    Chamei de romaneio, o papel de carga junto com a placa de estrada. A página é escura, e as únicas superfícies claras são o caminhão e o papel.

  3. A rota que anda pela página

    Um ponto vermelho sai da origem e chega no destino, do topo até a seção dos três passos.

  4. Os seis tipos de carga

    Num trilho com seta, e cada cartão diz se aquela carga vai por avião ou por estrada.

  5. Rastreio no lugar certo

    O campo leva direto pra página de rastreio do sistema da transportadora. No site antigo, o menu levava pra uma tela de login.

  6. Uma conversa de sexta à noite

    Um celular mostra a cotação sendo pedida fora do horário, mensagem por mensagem.

  7. Conferida em dez tamanhos de tela

    Do monitor ultralargo ao celular pequeno, com o topo limitado em altura pra o formulário aparecer na primeira tela do notebook, e 138 pares de cor medidos.

Antes e depois

Como era
e como ficou

  • 1.207 visitas do Google em julho e nenhum pedido registrado
  • O menu de rastreio levava pra uma tela de login
  • Ninguém respondia o WhatsApp à noite nem no fim de semana
  • A pessoa precisava achar o contato pra pedir cotação

As telas

O site,
página por página

Os números da empresa, que contam sozinhos, e o começo dos tipos de carga.
Os números da empresa, que contam sozinhos, e o começo dos tipos de carga.
Cada tipo de carga com a etiqueta de avião ou estrada, e os três passos.
Cada tipo de carga com a etiqueta de avião ou estrada, e os três passos.
O topo no celular, com a rota de Curitiba aos 27 estados e o WhatsApp.
O topo no celular, com a rota de Curitiba aos 27 estados e o WhatsApp.
A cotação pedida numa sexta à noite, mensagem por mensagem.
A cotação pedida numa sexta à noite, mensagem por mensagem.
O rastreio pelo número do documento e as dúvidas antes da primeira carga.
O rastreio pelo número do documento e as dúvidas antes da primeira carga.

Os detalhes

Foto, texto, cor
e o que tem por baixo

Fotos

Todas geradas com IA no Magnific, na paleta azul marinho com o vermelho só em detalhe. A foto do topo, um caminhão na estrada, saiu depois de oito tentativas. O logotipo de verdade foi encaixado em perspectiva na lateral do caminhão e da van, porque letra gerada por IA sai torta.

Textos

Escrevi a partir das respostas do dono, em áudio, a um questionário de 10 perguntas, do relatório de visitas do site antigo, dos contratos e do próprio site.

Identidade

Azul e branco da marca, com tons mais escuros de azul pra texto e botão, e o vermelho só como sinal. Títulos em Funnel Display, texto em Google Sans Flex e rótulos em IBM Plex Mono. O logo é o do site antigo, sem redesenho.

  • #0080BF
  • #00618F

Tecnologia

HTML, CSS e JavaScript numa página só. A foto do topo sai em três tamanhos, e a maior caiu de 606 kB pra 224 kB.

Páginas e seções

  • Cotação
  • Tipos de carga
  • Como funciona
  • Atendimento
  • Rastreio
  • Dúvidas

Quer um site pensado assim pro seu negócio? Me conta o que você vende e pra quem.