Muller Toiture
Uma infiltração no telhado não se trata como um projeto de renovação: dois percursos, um site.
- Ano
- 2026
- Conceção
- 4 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Design
- Desenvolvimento
- Ferramenta de estimativa
- SEO local
Versão de demonstração publicada pela Kayzen Web num endereço Vercel; o domínio definitivo pertence ao cliente.
- percursos distintos
- 2
- perguntas para uma estimativa
- 3
- SEO Lighthouse
- 100/100
O que era preciso resolver.
O contexto
A Muller Toiture é uma empresa de coberturas sediada em Mions, com intervenção no leste de Lyon e no norte do Isère: coberturas, caleiras e rufos em zinco, isolamento, remoção de musgo.
A restrição
Dois clientes com comportamentos opostos chegam ao mesmo site. Quem tem uma infiltração procura um número, de imediato, muitas vezes num domingo à noite. Quem pensa em refazer o telhado procura uma ordem de preço e vai pedir três orçamentos ao longo de dois meses. Um percurso único teria servido mal os dois.
A resposta
Duas entradas distintas logo no primeiro ecrã. Uma faixa de urgência permanente com o número, visível sem deslocar a página. E, para o segundo perfil, um simulador de telhado que dá um intervalo de preço imediato a partir da área e do tipo de cobertura. Um capta a urgência, o outro a intenção de longo prazo.
As pontuações registadas na entrega.
Pontuações Lighthouse do site em produção. Publicamo-las tal como estão: quando uma delas é baixa, a causa e o plano de correção estão descritos mais abaixo, em vez de serem omitidos.
Cada opção, e a sua razão.
Faixa de urgência permanente
Número clicável, sempre visível, nunca escondido pelo deslocamento da página. Numa infiltração, a única métrica que conta é o número de segundos entre a chegada e a chamada.
Simulador em três perguntas
Área, tipo de cobertura, estado. O resultado é um intervalo explicitamente apresentado como tal, com os seus pressupostos. Dar um preço exato seria desonesto; não dar nada leva o visitante para o concorrente que se atreve.
A remoção de musgo tratada à parte
Serviço de valor unitário baixo mas de grande volume, muitas vezes pesquisado isoladamente. Tem a sua página própria em vez de uma linha numa lista.
Paleta do projeto
Ardósia
#39434D
Estrutura — a cor do material
Telha
#B15A2B
Ação
Céu
#EEF3F7
Fundo
Vermelho de urgência
#C0392B
Apenas a faixa de infiltrações
Sistema tipográfico
Títulos
Outfit 700
Texto corrido
Inter 400
O vermelho de urgência está estritamente reservado à faixa de infiltrações: uma cor de alerta usada para decorar deixa de alertar.
O que está por baixo do capô.
- Next.js
- React
- Tailwind
- Vercel
Simulador inteiramente do lado do cliente
O cálculo é feito no navegador: sem chamada ao servidor, sem espera, sem dados pessoais recolhidos antes de o utilizador o decidir. O contacto só é pedido depois de apresentado o resultado.
Uma frente de desempenho identificada
75 em desempenho, devido à galeria de obras. O plano está escrito: conversão para AVIF, srcset e divisão da galeria em páginas. A pontuação é pública; é mais útil explicá-la do que escondê-la.
Como o site se torna encontrável.
Pesquisas de urgência e pesquisas de projeto
«Fuite toiture urgence Lyon» (infiltração no telhado, urgência), «couvreur Mions» (telhadista em Mions), «prix réfection toiture Nord-Isère» (preço de renovação de telhado). Três intenções, três famílias de páginas: misturá-las é não se posicionar em nenhuma.
Zona de intervenção explícita
As localidades realmente servidas estão listadas e assinaladas na marcação. Um profissional que declara «toda a França» perde a pesquisa por localidade, que é a única que converte.
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.
Simulador utilizável por teclado
Campos nativos, resultado anunciado numa região live, nenhuma etapa dependente de arrastar e largar.
O que foi entregue.
- Início — urgência + simulador
- Coberturas e zinco
- Isolamento
- Remoção de musgo
- Simulador de telhado
- Zonas de intervenção
- Contacto
As etapas do projeto.
Análise dos pedidos
Dois perfis identificados a partir das chamadas recebidas.
Design
Faixa de urgência, simulador, percursos separados.
Desenvolvimento
Simulador do lado do cliente, formulários, notificações.
SEO
Três famílias de páginas, zona de intervenção na marcação.
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.