Bouw & Renovatie

Net Rénovation

Een site voor een gipsplaatvakman, ontworpen voor de telefoon — want daar zitten zijn klanten.

Jaar
2026
Ontwerp
2 weken
Stack
React · Vite · Tailwind · Vercel
  • Mobile-first design
  • Ontwikkeling
  • Lokale SEO
  • Copywriting
Website bezoeken(nieuw tabblad)Een project als dit bespreken
https://www.net-renovation.fr
Homepage van de website Net Rénovation — Bouw & Renovatie, gemaakt door Kayzen Web
van de bezoeken op mobiel
80 %
breedte van het referentieontwerp
375 px
performance — project gestart en begroot
59/100
Het uitgangspunt

Wat er opgelost moest worden.

De context

Gipsplaatvakman uit Lyon: scheidingswanden, voorzetwanden, verlaagde plafonds, binnenisolatie, voor particulieren en renovatieklussen.

De beperking

Meer dan 80 % van de bezoeken komt van een telefoon, vaak vanuit een zoekopdracht in Google Maps, overdag. De vorige website was ontworpen voor de desktop en werd op mobiel onbruikbaar: formulier buiten beeld, nummer niet klikbaar.

Het antwoord

Alles werd eerst getekend voor een scherm van 375 pixels breed, en daarna verbreed. Het nummer is permanent klikbaar, het formulier past op één scherm, en de diensten worden beschreven in de taal van de klant — “een plafond vernieuwen”, niet “verlaagd plafond in BA13-gipsplaat”.

Gemeten, niet beweerd

De scores bij oplevering.

Lighthouse-scores van de website in productie. Wij publiceren ze zoals ze zijn: als een score laag is, staan de oorzaak en het verbeterplan hieronder beschreven in plaats van verzwegen.

PageSpeed
59
Performance: 59 van de 100
96
Toegankelijkheid: 96 van de 100
100
Best practices: 100 van de 100
100
Vindbaarheid: 100 van de 100
Design & art direction

Elke keuze, en de reden erachter.

  1. Getekend op 375 pixels

    Het referentieontwerp is mobiel, niet desktop. Het omgekeerde leidt altijd tot een gebrekkige mobiele versie, en daar zit 80 % van de bezoekers.

  2. De woordenschat van de klant

    De diensten worden benoemd zoals de klant ze formuleert. De technische woordenschat bestaat, maar op een tweede niveau — hij stelt gerust zonder uit te sluiten.

  3. Bellen en offerte altijd bereikbaar

    Vaste actiebalk onderaan het scherm. Op mobiel is de onderkant van het scherm de duimzone, en dus de enige positie die toegang garandeert.

Kleurenpalet van het project

  • Leisteenblauw

    #2C4A63

    Identiteit

  • Oranje

    #D96D2B

    Actie

  • Gipswit

    #F7F7F5

    Achtergrond

  • Inkt

    #1E2226

    Tekst

Typografisch systeem

Koppen

Outfit 700

Lopende tekst

Inter 400

Twee families volstaan; de derde, overgenomen uit de oorspronkelijke inhoud, staat in het optimalisatieplan als te verwijderen.

Engineering

Wat er onder de motorkap zit.

  • React
  • Vite
  • Tailwind
  • Vercel

  1. Een erkend performanceproject

    59 op performance: het is een van onze twee laagste scores, veroorzaakt door een galerij met klussen die de klant zonder optimalisatie aanleverde, plus een extra displaylettertype. Het plan ligt klaar — normalisatie van de beelden, verwijdering van het derde lettertype — en wordt in de volgende ronde toegepast. We tonen het, omdat het verbergen van een openbare score nog nooit een website heeft verbeterd.

  2. Een tolerant formulier

    Telefoonnummer geaccepteerd in alle gangbare notaties, met automatische normalisatie. Een nummer weigeren dat met punten is geschreven, is een absurde manier om een klant te verliezen.

Vindbaarheid

Hoe de website vindbaar wordt.

  1. “Plaquiste Lyon” en aangrenzende gemeenten

    Eén pagina per gebied dat werkelijk wordt bediend, met voorbeelden van klussen die eigen zijn aan elk gebied.

  2. Consistent met het Google-bedrijfsprofiel

    Naam, adres, telefoonnummer en openingstijden strikt afgestemd op het bedrijfsprofiel, waar het grootste deel van het mobiele verkeer vandaan komt.

Sitestructuur

Wat er is opgeleverd.

  • Home
  • Diensten
  • Realisaties
  • Werkgebied
  • Offerte
Werkwijze

Het verloop van het project.

  1. Mobiel eerst

    Ontwerp op 375 px, actiebalk, formulier op één scherm.

  2. Inhoud

    Diensten herschreven in de taal van de klant.

  3. Ontwikkeling

    Tolerant formulier, lokale SEO.

  4. Gepland

    Normalisatie van de beelden en verwijdering van het overbodige lettertype.

Vragen

Wat ons vaak gevraagd wordt.

Omdat hij openbaar is en door iedereen in dertig seconden te controleren. Hem verzwijgen zou de indruk wekken dat we hem niet gezien hebben; hem uitleggen toont dat de oorzaak geïdentificeerd is en de oplossing begroot. Het is ook wat we verkopen als onderhoud.

Andere projecten

Terug naar het portfolio

Hetzelfde niveau van zorg, voor uw website.

Gratis audit van uw huidige website, offerte binnen 24 uur en een schriftelijke onderbouwing — zoals die u net hebt gelezen. Betaling in drie termijnen zonder extra kosten; lokale subsidies gecontroleerd vóór ondertekening.

Afspraak makenTarieven bekijken
Delen