Vai al contenuto
DS Program

Valsusa Serramenti

Il sito che porta il cliente fino alla richiesta di preventivo

Il sito pubblico di Valsusa Serramenti, a Giaveno dal 2005: quello che porta il cliente dalla prima visita alla richiesta di preventivo.

Tipo
Sito pubblico, richieste di preventivo
Cliente
Valsusa Serramenti, Giaveno
Ruolo
Design e sviluppo
  1. Home
  2. Catalogo
  3. Lavori
  4. Promozioni
  5. Richiesta
Tipo
Sito pubblico, richieste di preventivo
Cliente
Valsusa Serramenti, Giaveno
Ruolo
Design e sviluppo

Il problema

Tanta vista, pochi contatti.

Un sito di serramenti deve fare due cose insieme: far capire in fretta cosa offre l’azienda (prodotti, lavori, affidabilità) e trasformare quella fiducia in un contatto prima che il visitatore se ne vada. Il rischio di un sito vetrina è proprio questo: tanta vista, pochi contatti.

Il percorso

Un percorso, non un elenco di pagine.

Ogni pagina porta alla successiva, e la richiesta di preventivo è sempre a portata di mano.

Home

Il film: scorrendo, la telecamera entra nella casa.

La home come un film: scorrendo, la telecamera entra nella casa (ingresso, living, porta interna, apertura sul paesaggio) e i titoli arrivano al momento giusto. Poi i lavori, i prodotti, la promozione, il team, le recensioni e le domande.

Catalogo

Una pagina per ogni categoria di prodotto.

Il catalogo per categoria (PVC, legno e legno-alluminio, sistemi oscuranti, porte da interni, sicurezza), con una pagina per ciascuna.

Lavori

Le fotografie vere degli interventi: la prova.

La galleria dei lavori realizzati: fotografie reali degli interventi, la prova che accompagna ogni altra pagina.

Promozioni

«Facciamo a metà»: la campagna Agos One, dentro il sito.

La pagina Promozioni, «Facciamo a metà»: il 50% subito e il resto con Agos One, il percorso in quattro passi e la sintesi dell’offerta.

Richiesta

Il preventivo sempre a portata di mano.

Più punti di contatto (modulo, telefono, WhatsApp) ripetuti dove servono, non chiusi in una pagina sola. Il modulo di preventivo su Web3Forms, con consenso privacy e conferma solo quando l’invio riesce davvero.

Le scelte

  1. Una home che si guarda scorrendo

    La home non è una pagina da leggere ma un film da attraversare: scorrendo, la telecamera entra nella casa e i titoli arrivano mentre cambia la scena. Il film è un master H.264 a 66 fotogrammi al secondo, decodificato nel browser con WebCodecs e guidato dallo scroll; per chi riduce il movimento c’è una versione statica con gli stessi contenuti.

  2. Un sito che porta richieste, non visite

    Un sito di serramenti che elenca prodotti è un catalogo. Uno che porta lavoro fa capire al cliente cosa può chiedere (per categoria, per esigenza, con i lavori già realizzati come prova) e rende la richiesta di preventivo il gesto più naturale della pagina.

  3. Una promozione dentro il sito, non sopra

    La campagna Agos One doveva entrare nel sito senza sembrare un banner incollato e senza togliere il primo piano a Valsusa. È diventata una pagina dedicata («Facciamo a metà»: il 50% subito, il resto con Agos One, il percorso in quattro passi, la sintesi dell’offerta, invito sempre raggiungibile) costruita con lo stesso sistema di design del resto del sito.

  4. La fiducia prima del contatto

    Prima di chiedere un preventivo una persona vuole vedere con chi parla: lo showroom di Giaveno con indirizzo e orari, le recensioni Google, le persone dietro l’azienda, i lavori già fatti. Stanno vicino ai punti di contatto, non in una pagina a parte.

  5. Il tracciamento che rispetta il consenso

    Una verifica ha trovato problemi reali nella catena di misura: tag duplicati, consenso non ripristinato per chi tornava, tag Google Ads assente dalla maggior parte delle pagine. Sono stati corretti: il consenso è rispettato, e chi l’ha già dato non perde il tracciamento alla visita successiva.

  6. La conferma arriva solo se l’invio riesce

    La pagina di conferma del modulo si apre al successo reale dell’invio, non al semplice clic: una richiesta che non è arrivata non viene mai contata come arrivata.

Com’è fatto

Un sito statico in HTML, CSS e JavaScript su hosting Aruba: nessun backend proprietario da mantenere per raccogliere le richieste, che passano da Web3Forms. La home è un film H.264 a 66 fotogrammi al secondo, decodificato nel browser con WebCodecs e guidato dallo scroll, con una versione statica per chi riduce il movimento. Google Analytics 4 e Google Ads con Consent Mode v2: il consenso è rispettato e, per chi l’ha già dato, ripristinato alla visita successiva. Ogni modulo condivide lo stesso backend e lo stesso tracciamento, così una richiesta arrivata dalla campagna Agos One si distingue da una generica.

Lo stack
HTML/CSS, JavaScript, WebCodecs, Web3Forms, Google Analytics 4, Consent Mode v2, Hosting Aruba
Il mio ruolo
UX/UI, Frontend, Film della home, Pagina promozionale, Tracciamento e consenso, SEO locale

Il risultato

  • Più ingressi verso la richiesta: la home, ogni pagina prodotto, la pagina Promozioni, lo showroom.
  • La campagna Agos One vive dentro il sito, con l’identità di Valsusa in primo piano.
  • Nessun numero di traffico o di conversione: la catena di tracciamento è stata corretta da poco, e un dato va lasciato maturare prima di citarlo.
Visita valsusaserramenti.it

Lo stesso ecosistema

Dal sito si accede all’area riservata al personale: è Valsusa BIOS, il gestionale interno con cui l’azienda segue rilievi, preventivi e collaudi. Un progetto a parte, nello stesso ecosistema. Valsusa BIOS

Cosa ho costruito qui: Siti web

Ti serve qualcosa di simile?

Raccontamelo: parto da dove sei adesso.