Categoria: Casi studio | Tempo di lettura: 4 minuti


Quando Francesco Laghezza di Puglia Forniture (Fasano, BR) ci ha contattati, aveva un obiettivo chiaro: un sito che generasse contatti commerciali reali, non un biglietto da visita digitale. Nessun testo pronto, nessuna foto, solo un logo — e dieci categorie merceologiche da comunicare in modo efficace a imprese edili, installatori e studi tecnici del Sud Italia.

Ecco come abbiamo lavorato.


Il brief

Puglia Forniture è un distributore B2B multi-categoria: termoidraulica, ferramenta, segnaletica stradale, materiali da costruzione, videosorveglianza, materiale elettrico, condizionamento, archivi e scaffalature, DPI, arredi da esterni.

Il sito doveva fare una cosa sola: trasformare un visitatore in un contatto commerciale. Niente e-commerce, niente catalogo navigabile — un funnel diretto verso il form di richiesta preventivo.


Design: partire dal logo

Il logo di Puglia Forniture usa un blu acciaio freddo con tonalità grigio-ardesia. Prima ancora di toccare il codice, quella scelta cromatica ha definito l’intera palette:

RuoloColoreUso
Primario#4A8FA8 — blu acciaioAccenti, icone, bordi
Scuro#2C5F72 — blu notteSezione “Chi siamo”
Profondo#1A3D4DNav, hero, footer
Ardesia#3D4F58Sezione contatti
Freddo#F4F7F9Background generale
Ocra#E8A838CTA — unico tocco caldo

L’ocra è la scelta chiave: crea contrasto massimo sui fondi scuri, attrae l’occhio sui pulsanti senza stridere col brand. È l’unico elemento “caldo” in un sito altrimenti freddo e industriale — e funziona proprio per questo.

Per la tipografia abbiamo accoppiato Playfair Display (serif, autorevolezza) per i titoli e Inter per il corpo — leggibilità tecnica su schermi di ogni dimensione.


Struttura: una sola pagina, un solo obiettivo

Il sito è un one-page con cinque sezioni in sequenza logica:

  1. Hero — headline forte, tre stat numeriche (10+ categorie, 24h risposta, B2B), due CTA
  2. Categorie — griglia 10 card con icone, prima risposta alla domanda “cosa vendete?”
  3. Chi siamo — credenziali + quattro value proposition in card
  4. Come lavoriamo — tre step del processo commerciale
  5. Contatti — form preventivo + recapiti diretti

Ogni sezione spinge verso la successiva. Chi arriva dalla ricerca organica atterra sulla hero e trova la risposta alla sua domanda prima dello scroll; chi è già convinto trova il form a portata di clic da qualunque punto della pagina grazie al CTA fisso in navbar.


Tecnologia: statico + PHP

Per un sito vetrina di questa natura abbiamo scelto HTML/CSS/JS puro, senza WordPress né framework — tempi di caricamento minimi, nessun overhead, zero vulnerabilità CMS da gestire.

Il form di contatto è gestito da uno script PHP + PHPMailer su SMTP dedicato Register.it. All’invio:

  • validazione e sanitizzazione lato server
  • email HTML branded a info@pugliaforniture.it
  • copia automatica a ghezzino1982@libero.it
  • reply-to impostato sull’indirizzo del mittente (risposta diretta in un click)

Durante il deploy abbiamo incontrato un problema reale: il certificato SSL del server SMTP Register.it (authsmtp.register.it) risultava intestato a un hostname diverso. Risolto aggiungendo verify_peer => false nelle SMTPOptions di PHPMailer — una casistica non rara con provider italiani che condividono infrastruttura SMTP.


SEO on-page

Anche per un sito statico one-page, l’ottimizzazione SEO locale fa la differenza. Abbiamo inserito:

  • Title tag con keyword geografica: “Forniture B2B a Fasano (BR) | Termoidraulica, Edilizia, DPI”
  • Meta description con CTA implicita e keyword di settore
  • Schema.org LocalBusiness completo — ragione sociale, P.IVA, telefono, coordinate geografiche, orari, catalogo delle 10 categorie come OfferCatalog
  • Open Graph e Twitter Card per la condivisione social
  • Canonical URL, robots.txt e sitemap.xml dichiarata su Google Search Console

Il markup strutturato LocalBusiness è particolarmente utile per le ricerche locali: aumenta le probabilità di apparire nel Knowledge Panel di Google e nelle ricerche “fornitore X vicino a me”.


Il risultato

Un sito consegnato in una sessione di lavoro, pronto alla pubblicazione: file statici leggeri, form funzionante, SEO locale completa, completamente responsive su mobile.

Stack finale: HTML5 · CSS3 · Vanilla JS · PHP 8 · PHPMailer · SMTP Register.it · Schema.org · Google Search Console


Stai cercando un sito simile per la tua attività? Contattaci — lavoriamo con aziende in tutta Italia.