01 · CONTESTO
La sfida
AB Multiservice vende cose che non hanno quasi niente in comune: una padella, un fusto di detersivo professionale, un escavatore di terriccio, una cassa di frutta e un faro per auto. Un cliente all'ingrosso che arriva sul sito deve capire in pochi secondi se in quel magazzino trova ciò che cerca, altrimenti chiama un altro fornitore. Il problema non era tecnico ma di gerarchia: dare a otto merceologie molto diverse lo stesso peso visivo senza che la pagina sembrasse un elenco casuale.
02 · APPROCCIO
La soluzione
Single-page Next.js 15 in App Router con esportazione statica (`output: 'export'`): nessun CMS, nessun database, nessuna console di amministrazione da aggiornare contro le vulnerabilità. Gli otto settori vivono in un array tipizzato dentro `lib/site.ts` insieme ai dati aziendali, così una variazione di indirizzo o partita IVA si propaga a tutto il sito da un punto solo. Ogni settore ha codice, descrizione, fotografia e testo alternativo; il layout Tailwind li allinea in una griglia uniforme che regge sia il desktop sia il telefono. Contatti sempre raggiungibili con telefono, WhatsApp, email e collegamento diretto a Google Maps. Aggiunta la pagina crediti con i riferimenti dello studio di sviluppo.
03 · RISULTATO
L'impatto
AB Multiservice ha un sito che si apre immediatamente anche da rete mobile dentro il negozio, perché le pagine sono file statici già pronti. L'assortimento è leggibile in una scrollata, ogni settore ha la sua scheda e i contatti sono sempre a un tocco: telefono, WhatsApp, email e percorso su mappa.
