Construção & Renovação

Net Rénovation

Um site de pladurista pensado para o telemóvel, porque é lá que estão os seus clientes.

Ano
2026
Conceção
2 semanas
Stack
React · Vite · Tailwind · Vercel
  • Design mobile-first
  • Desenvolvimento
  • SEO local
  • Redação
Visitar o site(novo separador)Falar sobre um projeto como este
https://www.net-renovation.fr
Página inicial do site Net Rénovation — Construção & Renovação, realizado pela Kayzen Web
das visitas a partir do telemóvel
80 %
largura da maqueta de referência
375 px
desempenho — frente aberta e orçamentada
59/100
O ponto de partida

O que era preciso resolver.

O contexto

Profissional de pladur de Lyon: divisórias, revestimentos, tetos falsos, isolamento interior, para particulares e obras de remodelação.

A restrição

Mais de 80 % das visitas chegam a partir de um telemóvel, muitas vezes de uma pesquisa no Google Maps, durante o dia. O site anterior tinha sido concebido para computador e tornava-se inutilizável no telemóvel: formulário fora do ecrã, número não clicável.

A resposta

Tudo foi desenhado primeiro para um ecrã de 375 píxeis de largura e depois alargado. O número está sempre clicável, o formulário cabe num ecrã e os serviços são descritos na linguagem do cliente — «refazer um teto», não «teto falso suspenso em placa de gesso cartonado BA13».

Medido, não declarado

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.

PageSpeed
59
Desempenho: 59 em 100
96
Acessibilidade: 96 em 100
100
Boas práticas: 100 em 100
100
SEO: 100 em 100
Design & direção artística

Cada opção, e a sua razão.

  1. Desenhado a 375 píxeis

    A maqueta de referência é a do telemóvel, não a do computador. Conceber ao contrário conduz sempre a uma versão móvel degradada — e é aí que estão 80 % dos visitantes.

  2. O vocabulário do cliente

    Os serviços são nomeados como o cliente os formula. O vocabulário técnico existe, mas num segundo nível — tranquiliza sem excluir.

  3. Chamada e orçamento sempre ao alcance

    Barra de ação fixa no fundo do ecrã. No telemóvel, o fundo do ecrã é a zona do polegar e, portanto, a única posição que garante o acesso.

Paleta do projeto

  • Azul ardósia

    #2C4A63

    Identidade

  • Laranja

    #D96D2B

    Ação

  • Branco gesso

    #F7F7F5

    Fundo

  • Tinta

    #1E2226

    Texto

Sistema tipográfico

Títulos

Outfit 700

Texto corrido

Inter 400

Duas famílias bastam; a terceira, herdada do conteúdo inicial, está identificada para remoção no plano de otimização.

Engenharia

O que está por baixo do capô.

  • React
  • Vite
  • Tailwind
  • Vercel

  1. Uma frente de desempenho assumida

    59 em desempenho: é uma das nossas duas pontuações mais baixas, e deve-se a uma galeria de obras entregue pelo cliente sem otimização, somada a uma fonte display adicional. O plano está escrito — normalização das imagens, remoção da terceira fonte — e será aplicado na próxima intervenção. Mostramo-lo porque esconder uma pontuação pública nunca melhorou um site.

  2. Formulário tolerante

    Número de telefone aceite em todos os formatos habituais, com normalização automática. Rejeitar um número escrito com pontos é uma forma absurda de perder um cliente.

SEO

Como o site se torna encontrável.

  1. «Plaquiste Lyon» e localidades vizinhas

    Uma página por zona realmente servida (plaquiste: instalador de pladur), com exemplos de obras próprios de cada uma.

  2. Coerência com a ficha Google

    Nome, morada, telefone e horários rigorosamente alinhados com a ficha do Google Business Profile, de onde vem a maior parte do tráfego móvel.

Estrutura

O que foi entregue.

  • Início
  • Serviços
  • Trabalhos
  • Zonas de intervenção
  • Orçamento
Método

As etapas do projeto.

  1. Telemóvel primeiro

    Maqueta de 375 px, barra de ação, formulário num só ecrã.

  2. Conteúdo

    Serviços reformulados na linguagem do cliente.

  3. Desenvolvimento

    Formulário tolerante, SEO local.

  4. Próximos passos

    Normalização das imagens e remoção da fonte supérflua.

Perguntas

O que nos perguntam com frequência.

Porque é pública e qualquer pessoa a pode verificar em trinta segundos. Calá-la daria a impressão de que não a vimos; explicá-la mostra que a causa está identificada e a correção orçamentada. É também isso que vendemos na manutenção.

Outros projetos

Voltar ao portfólio

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.

Marcar uma reuniãoVer os preços
Partilhar