Trabalhos Sobre Experiência Contato
Todos os trabalhos

Uma oficina que explica antes de mexer

A Feres é uma oficina mecânica no Centro de Passo Fundo com nota 5,0 no Google e nenhuma presença digital própria. Desenhei e publiquei o site: quatro páginas, identidade tirada do chão da oficina e um único caminho de conversão — o WhatsApp.

Cliente
Feres Oficina Mecânica
Meu papel
Estratégia, design e código
Entrega
Site de 4 páginas, no ar
Freelance por
Partec Digital
O contexto

A reputação existia. O site, não.

Quem procura oficina não compara catálogo — compara confiança. A Feres já tinha isso resolvido offline: 5,0 de nota em 15 avaliações no Google, clientes que voltam e indicam. O problema é que, fora da ficha do Google, a oficina não existia.

O site não precisava inventar uma reputação. Precisava dar um lugar para a que já existia — e transformar a visita em uma conversa no WhatsApp, que é como esse negócio realmente fecha serviço.

01 · Direção visual

A estética veio de dentro da oficina

Nada de azul corporativo e foto de banco de imagens. A linguagem do site é a do próprio lugar de trabalho: amarelo de sinalização sobre fundo claro, faixa zebrada diagonal separando as seções e uma fonte monoespaçada nos rótulos, como etiqueta de ordem de serviço. As fotos são da oficina, com legenda técnica — “Bay 02 — preparação de motor”.

Página de contato do site da Feres, com endereço, telefone, nota do Google e tabela de horários
Sistema Amarelo só para ação, monoespaçada nos rótulos, faixa zebrada como divisor.
  • Archivo em caixa alta para as manchetes — peso e largura de placa de sinalização.
  • IBM Plex Mono nos rótulos — dá à interface o tom de ficha técnica, não de folheto.
  • Amarelo reservado à ação — o botão de WhatsApp é a única coisa realmente quente na tela.
  • Faixa zebrada como divisor — o elemento gráfico mais reconhecível de uma oficina, usado como respiro entre seções.
02 · Home

A promessa em duas frases

“Seu carro entra com problema. Sai com diagnóstico certo.” A manchete responde à dúvida que leva alguém a trocar de oficina — e o subtítulo fecha o ponto sensível: orçamento explicado antes de qualquer parafuso mexido. Logo abaixo, os três números que sustentam a conversa: nota, frentes de serviço e horário.

Página inicial completa do site da Feres: manchete, indicadores, três frentes de serviço, avaliações do Google e faixa de endereço
Home A página inteira — role dentro do quadro para percorrer.
03 · Serviços

Três frentes, numeradas como etapas de uma ficha

A própria ficha do Google já resumia o trabalho em três frentes, então a página partiu daí em vez de inventar uma taxonomia nova. Cada uma aparece numerada — 01/03, 02/03, 03/03 — com o que entra em cada serviço listado item a item. Quem chega com “um barulho estranho” encontra a frase que descreve o próprio caso.

Página de serviços com as três frentes numeradas: reparos automotivos gerais, revisão preventiva e preparação, cada uma com sua lista de itens
Serviços Reparos gerais, revisão preventiva e preparação, com o detalhe de cada uma.
  • Linguagem do cliente, não do mecânico — “aquele barulho que já passou por outra oficina e não foi resolvido”.
  • Numeração que é conteúdo — 01/03 comunica que a lista acaba; não é enfeite.
  • Entregável explícito — na revisão, o relatório do que foi verificado aparece como item, porque é diferencial.
04 · Conversão

Nenhum formulário no site inteiro

Formulário de contato é onde esse tipo de lead morre: a pessoa escreve, não sabe se alguém leu e vai para a próxima oficina. Todo caminho de contato do site vai direto para o WhatsApp, com telefone visível no cabeçalho de todas as páginas. A página de contato abre com a frase que resume a decisão: “sem formulário, sem espera”.

  • Telefone no cabeçalho fixo — visível em toda página, em qualquer largura de tela.
  • Avaliações reais, com nome — três depoimentos do Google reproduzidos na home, não reescritos.
  • Horário por dia da semana — inclusive a terça sem intervalo, que é a exceção que as pessoas erram.
  • Acessibilidade declarada — entrada, estacionamento e banheiro adaptados aparecem na página Sobre, porque isso decide a escolha de quem precisa.
  • Link para o Google Maps — a rota resolvida no app que a pessoa já usa.
Versão mobile do site da Feres, com cabeçalho, manchete, indicadores, frentes de serviço e avaliações empilhadas
Mobile Onde a maioria chega — vindo do Google Maps.
Aprendizado

O melhor conteúdo já estava escrito pelos clientes

A tentação em site de serviço é escrever sobre si mesmo: “excelência”, “qualidade”, “tradição”. As avaliações do Google diziam a mesma coisa com muito mais força — e com nome e rosto. Estruturar o site em volta do que os clientes já repetiam (transparência, preço justo, prazo cumprido) resolveu conteúdo e credibilidade de uma vez.