Net Rénovation
Il sito di un cartongessista pensato per lo smartphone, perché è lì che sono i suoi clienti.
- Anno
- 2026
- Progettazione
- 2 settimane
- Stack
- React · Vite · Tailwind · Vercel
- Design mobile-first
- Sviluppo
- SEO locale
- Copywriting
- delle visite da mobile
- 80%
- larghezza del layout di riferimento
- 375 px
- performance — cantiere aperto e quantificato
- 59/100
Cosa c'era da risolvere.
Il contesto
Artigiano cartongessista di Lione: tramezzi, contropareti, controsoffitti, isolamento interno, per privati e cantieri di ristrutturazione.
Il vincolo
Oltre l'80% delle visite arriva da uno smartphone, spesso da una ricerca su Google Maps, in orario diurno. Il sito precedente era pensato per il desktop e diventava inutilizzabile su mobile: modulo fuori schermo, numero non cliccabile.
La risposta
Tutto è stato disegnato prima per uno schermo largo 375 pixel, poi allargato. Il numero è sempre cliccabile, il modulo sta in una schermata e le prestazioni sono descritte con le parole del cliente: «rifare un soffitto», non «controsoffitto sospeso in lastre di cartongesso BA13».
I punteggi rilevati alla consegna.
Punteggi Lighthouse del sito in produzione. Li pubblichiamo così come sono: quando uno è basso, la causa e il piano di correzione sono spiegati più sotto invece di essere taciuti.
Ogni scelta di design, e il suo perché.
Disegnato a 375 pixel
Il layout di riferimento è quello mobile, non quello desktop. Progettare al contrario porta sempre a un mobile penalizzato, ed è lì che si trova l'80% dei visitatori.
Il vocabolario del cliente
Le prestazioni sono chiamate come le formula il cliente. Il vocabolario tecnico c'è, ma in secondo livello: rassicura senza escludere.
Chiamata e preventivo sempre a portata
Barra d'azione fissa in fondo allo schermo. Su mobile, la parte bassa dello schermo è la zona del pollice, e quindi l'unica posizione che garantisce l'accesso.
Palette del progetto
Blu ardesia
#2C4A63
Identità
Arancio
#D96D2B
Azione
Bianco gesso
#F7F7F5
Sfondo
Inchiostro
#1E2226
Testo
Sistema tipografico
Titoli
Outfit 700
Testo corrente
Inter 400
Due famiglie bastano; la terza, ereditata dai contenuti iniziali, è segnalata come da eliminare nel piano di ottimizzazione.
Cosa c'è sotto il cofano.
- React
- Vite
- Tailwind
- Vercel
Un cantiere di performance dichiarato
59 in performance: è uno dei nostri due punteggi più bassi ed è dovuto a una galleria di cantieri fornita dal cliente senza ottimizzazione, a cui si aggiunge un font display in più. Il piano è scritto (normalizzazione delle immagini, eliminazione del terzo font) e sarà applicato al prossimo intervento. Lo mostriamo perché nascondere un punteggio pubblico non ha mai migliorato un sito.
Un modulo tollerante
Numero di telefono accettato in tutti i formati d'uso, con normalizzazione automatica. Rifiutare un numero scritto con i punti è un modo assurdo di perdere un cliente.
Come il sito si fa trovare.
«Plaquiste Lyon» e comuni limitrofi
Una pagina per ogni zona effettivamente servita (plaquiste = cartongessista), con esempi di cantieri specifici per ciascuna.
Coerenza con la scheda Google
Nome, indirizzo, telefono e orari rigorosamente allineati alla scheda dell'attività, da cui proviene la maggior parte del traffico mobile.
Cosa è stato consegnato.
- Home
- Prestazioni
- Lavori realizzati
- Zone d'intervento
- Preventivo
Lo svolgimento del progetto.
Prima il mobile
Layout a 375 px, barra d'azione, modulo in una schermata.
Contenuti
Prestazioni riformulate con le parole del cliente.
Sviluppo
Modulo tollerante, SEO locale.
Prossimi passi
Normalizzazione delle immagini ed eliminazione del font superfluo.
Cosa ci chiedono spesso.
Altri lavori
Edilizia e ristrutturazioneSER & BAT
Due clientele, un sito: il privato e l'ente di edilizia sociale non leggono la stessa pagina.
Conformità GDPR e SaaSKonsent by Kayzen
Un fornitore di banner che verifica i banner è giudice e parte: l'indipendenza era il prodotto.
Sicurezza offensiva e SaaSSentinel by Kayzen
Vendere un prodotto di sicurezza agli ingegneri: ogni affermazione doveva essere dimostrabile.
Lo stesso livello di rigore, per il tuo sito.
Audit gratuito del tuo sito attuale, preventivo entro 24 ore e un ragionamento scritto, come quello che hai appena letto. Pagamento in tre rate senza interessi; agevolazioni locali verificate prima della firma.