BiBa Costruzioni

Servizi

UI/UX Design
Sviluppo Web
Ottimizzazione SEO
Integrazione CMS

Settore

Edilizia

BiBa Costruzioni S.R.L.S. è un'impresa edile a conduzione familiare con sede a Imperia, qualificata SOA per le opere pubbliche nelle categorie OG1, OG3 e OG6. Realizza edifici scolastici, interventi su condomini, coperture industriali ed edilizia residenziale tra Imperia e Sanremo. Il committente tipo è un ente pubblico o un amministratore di condominio, che prima di affidare un lavoro vuole vedere cosa è già stato costruito.

Un'impresa edile vive di opere finite, ma quelle opere finiscono in una cartella di foto sul telefono di qualcuno e non le vede nessuno. Serviva un portfolio che il titolare potesse alimentare da solo dopo ogni cantiere, senza chiamare nessuno e senza rischiare di rompere il sito. La difficoltà vera non era costruire il sito: era costruirlo in modo che restasse aggiornato anche fra due anni.

Dare a un'impresa senza reparto marketing uno strumento che si mantiene da sé. Il titolare doveva poter aggiungere un cantiere con foto e descrizione in pochi minuti, dal telefono, e vedere la scheda comparire online senza alcun passaggio tecnico.

Le schede progetto non stanno nel codice del sito: stanno in una tabella che il titolare compila come un foglio di calcolo. Carica le foto tutte insieme, scrive due righe, spunta "pubblicato", e il sito si aggiorna da solo. Nessun pannello da imparare, nessuna password in più, nessun database da mantenere.

Il resto del sito racconta l'azienda dove conta: la qualificazione SOA con le categorie per esteso, gli impegni di cantiere su sicurezza, fornitori e ambiente, il parco mezzi di proprietà. Sono le informazioni che un ente pubblico cerca prima di affidare un lavoro.

Il frontend è sviluppato in React con Tailwind CSS per un design system pulito e responsivo. Airtable funge da CMS headless: il titolare compila una tabella come un foglio di calcolo e il sito si aggiorna automaticamente. Il pre-rendering garantisce che i motori di ricerca trovino sempre contenuti completi, mentre Cloudflare distribuisce il sito a livello globale. Le immagini vengono convertite in WebP per ridurre il peso del 76%, e i dati strutturati Schema.org migliorano l'indicizzazione.

Prima la struttura delle informazioni, poi il design. Abbiamo definito quali campi servono a descrivere un cantiere — categoria, località, superficie, durata, foto — e solo dopo costruito le pagine attorno a quei campi. Il titolare ha ricevuto una guida illustrata passo passo per la gestione autonoma del portfolio.

Contenuto dinamico visibile ai motori di ricerca. Le schede progetto arrivano dal CMS mentre la pagina si apre: i motori di ricerca rischiavano di trovare pagine vuote. Abbiamo fatto in modo che le pagine venissero generate solo a dati caricati, così ogni cantiere ha il suo titolo, la sua descrizione e la sua anteprima quando il link viene condiviso su WhatsApp.

Peso delle fotografie. Le foto di cantiere arrivano dal telefono a piena risoluzione: 32,7 MB complessivi. Convertite in formato WebP sono scese a 7,8 MB, il 76% in meno, a parità di dimensioni e senza perdita visibile.

Punteggi tecnici. Accessibilità 100, best practice 100, SEO 100. Prestazioni 93 su desktop.

Un sito che l'impresa può far crescere da sola: ogni cantiere concluso diventa una pagina nuova, indicizzabile e condivisibile, senza costi ricorrenti di aggiornamento. La qualificazione SOA e gli impegni di cantiere sono scritti nero su bianco dove un ente pubblico li cerca.