BTP EA Rénovation
Seis campos, nem mais um: o formulário é o produto.
- Ano
- 2026
- Conceção
- 3 semanas
- Stack
- Next.js · React · TypeScript · Tailwind · Vercel
- Design
- Desenvolvimento
- SEO local
- Funil de conversão
- Redação
- campos de qualificação
- 6
- compromisso de retorno
- 48 h
- páginas geográficas
- 9+
- CAPTCHA
- 0
O que era preciso resolver.
O contexto
Profissional de acabamentos de Lyon — pintura, estuque, revestimentos de piso e de parede, remodelação de casas de banho — com intervenção em Lyon e na área metropolitana.
A restrição
Um profissional da construção não perde clientes por falta de visibilidade, mas por falta de qualificação. As chamadas que não dão em nada custam horas: obra fora da zona, orçamento incompatível, serviço que ele não faz. O site tinha de filtrar antes da chamada, sem desencorajar os bons pedidos.
A resposta
O formulário de orçamento está no primeiro ecrã, não no rodapé, e é curto: seis campos que qualificam a obra — tipo de trabalho, área, divisão, localidade, prazo, contacto. É esta qualificação que torna eficaz a chamada de retorno; sem ela, a chamada começa com cinco minutos de perguntas.
Cada opção, e a sua razão.
O orçamento no primeiro ecrã
O formulário não está no fim da página: está ao lado da promessa. Quem visita o site de um profissional já sabe o que quer; obrigá-lo a percorrer três ecrãs antes da ação é pura perda.
Seis campos, escolhidos um a um
Cada campo retirado aumenta a taxa de preenchimento; cada campo acrescentado aumenta a qualificação. Seis foi o equilíbrio escolhido: acima disso, o abandono supera o ganho de informação.
Antes / depois em vez de fotografias de obra
Os profissionais mostram as obras em curso. O cliente, esse, quer ver o resultado. A galeria é construída em pares antes/depois, com a natureza exata dos trabalhos.
O compromisso de retorno visível
«Contacto de retorno em 48 horas» é um compromisso concreto, escrito por cima do formulário. Uma promessa vaga («responderemos com brevidade») não tranquiliza ninguém.
Paleta do projeto
Azul obra
#1D4E77
Estrutura, confiança
Laranja de segurança
#D9601A
Ação, orçamento
Cinzento betão
#F2F3F5
Fundo
Tinta
#1C2126
Texto
Sistema tipográfico
Títulos
Outfit 700
Texto corrido
Inter 400
Sólida e sem floreados. Os números de área e de prazo usam algarismos tabulares para se manterem alinhados no resumo do orçamento.
O que está por baixo do capô.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Validação do lado do cliente e do lado do servidor
O formulário valida em tempo real para ajudar no preenchimento, e volta a validar no servidor antes do registo. A validação apenas no cliente contorna-se em dez segundos e deixa passar qualquer coisa.
Anti-spam sem CAPTCHA
Campo isco, registo da hora de submissão e limitação de pedidos. Um CAPTCHA teria acrescentado atrito ao único elemento que o site tem de proteger — e é uma barreira de acessibilidade reconhecida.
Notificação imediata
Cada pedido é enviado por e-mail com todas as informações de qualificação no assunto. O profissional consulta o telemóvel entre duas obras: a informação útil tem de caber na pré-visualização.
Como o site se torna encontrável.
Uma página por arrondissement
Os nove arrondissements (bairros administrativos) de Lyon e as localidades da área metropolitana. Cada página tem conteúdo específico — bairros, tipologia do edificado, exemplos de obras — e não uma simples troca do nome da cidade.
Pesquisas por ofício, não por setor
«Peintre en bâtiment Lyon 3» (pintor da construção civil), «rénovation salle de bain Villeurbanne» (remodelação de casa de banho): o cliente procura um ofício e uma localidade, nunca «empresa de construção».
Marcação HomeAndConstructionBusiness
Tipo dedicado, zona de intervenção declarada, serviços listados como Service. Isto condiciona a apresentação no pack local.
Utilizável por todos.
Desde junho de 2025, o Ato Europeu da Acessibilidade exige a acessibilidade digital a uma grande parte dos serviços online. Tratamo-la na conceção, não como correção posterior.
Um formulário verdadeiramente acessível
Rótulos associados, erros anunciados e ligados ao campo, ordem de tabulação verificada. O formulário é o componente mais frequentemente inacessível de um site — e aqui é o único que conta.
O que foi entregue.
- Início — orçamento rápido
- Serviços (pintura, estuque, pisos, casas de banho)
- Trabalhos antes / depois
- Zonas de intervenção — 9 arrondissements + área metropolitana
- Contacto
As etapas do projeto.
Qualificação
Definição dos seis campos com o profissional, a partir das chamadas perdidas.
Design
Orçamento no primeiro ecrã, galeria antes/depois, compromisso concreto.
Desenvolvimento
Validação dupla, anti-spam sem CAPTCHA, notificação.
SEO local
Páginas por arrondissement, marcação por ofício.
O que nos perguntam com frequência.
Outros projetos
Conformidade RGPD & SaaSKonsent by Kayzen
Um editor de banners que audita banners é juiz em causa própria: a independência era o produto.
Cibersegurança ofensiva & SaaSSentinel by Kayzen
Vender um produto de segurança a engenheiros: cada afirmação tinha de ser demonstrável.
Dados & Serviço meteorológicoMétéo Climat France
358 páginas indexáveis, um mapa animado em 72 horizontes — e nem uma linha de framework.
O mesmo nível de exigência, para o seu site.
Auditoria gratuita do seu site atual, orçamento em 24 h e um raciocínio por escrito — como o que acabou de ler. Pagamento em três prestações sem juros; apoios locais verificados antes da assinatura.