Griego Porte

Non un e-commerce: uno showroom digitale

Griego Porte è il punto vendita di serramenti di Salvatore Griego a Via Campana 92, Quarto (NA). Chi entra in negozio tocca campioni, confronta finiture e parla con Monica, Sara e il titolare. Chi arriva dal web deve trovare la stessa densità di scelta, senza perdersi in un catalogo da marketplace.

Il sito non vende online. Converte su sopralluogo, preventivo e visita in showroom: due numeri di telefono, WhatsApp, mappa, orari, parcheggio gratuito. Il resto è fiducia — fotografia reale, marchi autorizzati, recensioni Google, P.IVA in footer.

La sfida

Un rivenditore di serramenti ha un problema di ampiezza, non di carrello:

1. Troppe famiglie — porte interne e blindate, infissi PVC/alluminio/legno-alluminio, monoblocchi, avvolgibili, pergole, cabine armadio, persiane e grate, parquet, scale, accessori
2. Troppi marchi — MisterShut, Garofoli, Salamander, VEKA, Rehau, Flessya, Annunziata, NewSolar, Sikurhome, Croci, MV Line, Claf, Arlem, Mr Art Design
3. Decisioni lente — il cliente non «aggiunge al carrello»: sceglie, misura, confronta, torna. Il sito deve accompagnare, non spingere
4. Traffico locale e da cantiere — smartphone in auto, WhatsApp dal salotto, PDF da inoltrare al geometra
5. SEO da attività fisica — Google Maps, NAP, orari spezzati (mattina/pomeriggio), recensioni vere

Un tema WordPress «costruzioni» avrebbe tenuto insieme le pagine. Non avrebbe tenuto insieme identità, peso delle immagini e velocità.

Design direction

Palette e tipografia sono quelle del logo: rosso porta, antracite, crema da showroom. Niente blu da template edilizia.

Il tono del copy è da consulenza in negozio: qualità, posa, assistenza post-vendita — mai «best price» o urgenza finta.

Perché Astro (e non WordPress)

Il precedente mentale del settore è il CMS con slider da 4 MB e dieci plugin. Qui il vincolo era opposto: decine di WebP da showroom e un sito che deve restare veloce su 4G.

Astro genera HTML statico. JavaScript parte solo per isole vere:

• menu mobile
• carousel hero con slide differite (le foto successive non pesano sul LCP)
• carousel recensioni
• filtri marchi in homepage
• filtri cataloghi PDF
• scroll-reveal sulle sezioni

Niente runtime di page builder, niente jQuery, niente CSS da tema. Un unico foglio da BaseLayout. Font e immagine LCP in preload. Quasi tutte le immagini in loading="lazy"; la prima hero è eager con srcset (640 / 800 / 960 / 1200w).

Un sito da showroom deve sembrare un catalogo stampato che si sfoglia in un secondo — non una vetrina che aspetta il TTFB.

Architettura informativa

Navigazione corta in header, profondità nel contenuto.

La fascia rossa dell’header replica le famiglie anche quando si è già dentro una scheda: da mobile è lo scaffale dello showroom.

Homepage come strumento di vendita

Non è un «above the fold e basta». È un percorso:

1. Promessa (posa + preventivo + assistenza)
2. Contatto immediato (telefono / WhatsApp / mappe)
3. Prova sociale breve (testo showroom)
4. Undici blocchi prodotto con foto e «Scopri di più» — alcuni a carousel interno (pergole, persiane)
5. Marchi autorizzati con filtri (Porte, Infissi, Tapparelle, Zanzariere, Grate e persiane)
6. Invito a personalizzare la porta
7. Sei recensioni Google in carousel, con nome e fonte
8. Blocco «Dove siamo» cliccabile verso Google Maps
9. Chiusura preventivo + WhatsApp

Le recensioni non sono placeholder: citano Salvatore, Sara, Monica, il montatore Paolo — le stesse persone che il cliente troverà in negozio. È social proof nominale, non stelline generate.

Schede prodotto

Ogni famiglia ha una pagina propria, non un paragrafo in homepage. Esempio porte interne:

• split hero testo + foto
• sistemi di apertura: battente, filomuro, scorrevole, Magic, rototraslante, a libro
• galleria modelli (Garofoli e altre linee) con lightbox «Ingrandisci»
• catalogo ufficiale + cataloghi correlati (BILIKO / MisterShut)
• CTA «Richiedi preventivo per porte interne» già contestualizzata

Stesso schema per blindate, infissi, monoblocchi, oscuranti, bioclimatiche, cabine, grate, scale, parquet, accessori. Il catalogo PDF non è un cassetto a parte: entra nella scheda di chi sta già scegliendo.

Due conversioni, due form

Il serramento non si compra in tre click. Servono due porte d’ingresso.

Preventivo tecnico (/contatti/#preventivo)

Campi da geometra e da showroom, non da landing generica:

• anagrafica e indirizzo
• tipologia (porta, finestra, portafinestra, avvolgibile, cassonetto, persiane, zanzariere)
• materiale (legno, alluminio/ferro, PVC)
• numero pezzi, colore, indirizzo di posa
• sistema di apertura, numero ante, senso, sopraluce
• misure L × H in millimetri
• note libere

Feedback di invio e di errore in pagina. Privacy linkata. WhatsApp come canale parallelo («preferisci scriverci qui»).

Personalizza la tua porta (/personalizza/)

Percorso più emotivo, per chi ha lo stile in testa ma non le misure:

• tipo: porta interna, blindata, infisso, altro
• stile: moderno, classico, filomuro, scorrevole, rototraslante, a libro, «non so / da consigliare»
• note

Due funnel, stessa azienda: uno parla al cantiere, l’altro a chi sta arredando.

SEO da attività locale

Markup JSON-LD LocalBusiness + HomeAndConstructionBusiness:

• ragione sociale, P.IVA, telefono fisso e cellulare, email
• indirizzo strutturato e coordinate
• openingHoursSpecification con due fasce lun–ven (09–13 e 16–20) e sabato mattina
• amenityFeature parcheggio gratuito
• areaServed: Italia, showroom a Quarto
• sameAs Facebook, Instagram, scheda Google Maps
• canonical verso https://griegoporte.it/

NAP ripetuto in header, fascia orari, footer e pagina contatti — coerente, non «un telefono in homepage e un altro in footer». Open Graph e meta description allineati al posizionamento porte e finestre Quarto (NA).

Stack tecnico

Dettagli che fanno la differenza

• WhatsApp sticky sempre visibile — il canale reale del cliente campano
• Orari spezzati scritti come si dicono in negozio, non un unico «9–20» falso
• Parcheggio in sede ripetuto: ostacolo rimosso prima della visita
• P.IVA e ragione sociale in chiaro: B2B e condomini vogliono vedere l’azienda
• Lightbox sulle foto prodotto: lo showroom digitale si ingrandisce, non si scorre e basta
• Cataloghi scaricabili per il tecnico che non passerà dal sito una seconda volta

Risultati

• Identità visiva allineata al logo e allo showroom fisico, non a un tema «edilizia»
• Catalogo largo (11 famiglie, 10+ marchi, PDF filtrabili) senza affogare la homepage
• Due conversioni distinte: preventivo di cantiere e personalizzazione di stile
• Base statica manutenibile: nuove famiglie o PDF si aggiungono senza plugin
• SEO locale pronta per Maps e query porte / infissi Quarto

Il sito deve fare quello che fa Salvatore in negozio: ascoltare, mostrare, e fissare un sopralluogo.