Progetto
Airon Pneumatic
Un catalogo tecnico headless e multilingua in cui prodotti, documentazione e future integrazioni possono evolvere come parti dello stesso sistema.
Industria, prodotto e infrastruttura
Un catalogo tecnico, progettato per diventare un sistema.
Airon presenta una gamma ampia di componenti pneumatici, varianti e soluzioni speciali a mercati internazionali. Il progetto doveva rendere questa complessità facile da esplorare in più lingue e, nello stesso tempo, preparare una base capace di sostenere nuovi strumenti domani.
Abbiamo progettato l’esperienza e sviluppato il frontend in Next.js su un’architettura headless: contenuti, dati di prodotto e interfaccia restano coordinati, ma possono evolvere con tempi e responsabilità differenti.
Cliente
Airon Pneumatic
Ambito
UX, headless, catalogo multilingua
Tecnologia
Next.js + CMS headless
Evoluzione
Configuratore + gestionale
La gamma si apre per famiglie, non si nasconde dietro un elenco.
Prodotti standard, soluzioni speciali, famiglie e modelli formano una gerarchia articolata. L’abbiamo trasformata in una navigazione visuale che permette di capire l’offerta prima ancora di conoscere il codice di un componente.
Il megamenu espone le famiglie e i prodotti; l’archivio mantiene una visione d’insieme. Sono due livelli dello stesso percorso, disponibili in una struttura multilingua coerente e pensati sia per chi esplora sia per chi sa già cosa cercare.
Ogni scheda riunisce comprensione, approfondimento e contatto.
La pagina prodotto mette insieme immagine, descrizione tecnica, posizione nella gamma e azioni utili. L’utente può orientarsi, approfondire la documentazione oppure inviare una richiesta senza perdere il contesto.
La struttura è ripetibile su gamme diverse e lascia spazio alle caratteristiche specifiche di ogni componente, evitando pagine rigide o costruite una per una.
Cataloghi, CAD e certificazioni seguono il prodotto.
La documentazione non vive in un archivio separato da decifrare. Ogni scheda richiama il pannello con i materiali pertinenti, ordinati per tipologia: cataloghi, disegni CAD, certificazioni, manuali e software quando disponibili.
In questo modo il sito accompagna non soltanto la scoperta, ma anche la valutazione tecnica e il lavoro quotidiano di progettisti, rivenditori e clienti.
Separare le parti rende il sistema più libero di cambiare.
Nel modello headless il CMS organizza contenuti e informazioni, mentre Next.js costruisce l’esperienza che le persone vedono. Non è una scelta tecnica fine a sé stessa: permette di far evolvere il sito senza vincolare ogni modifica alla stessa piattaforma.
L’interfaccia può diventare più veloce e ricca, le versioni linguistiche possono essere gestite centralmente e nuovi servizi possono leggere gli stessi dati. Per Airon significa avere un perimetro più agile, scalabile e pronto ad accogliere mercati e integrazioni successive.
Il configuratore potrà entrare nel sistema senza diventare un progetto isolato.
L’architettura è stata scelta anche per predisporre un futuro configuratore di prodotto collegato al gestionale Airon. L’obiettivo è guidare la selezione delle varianti, trasferire le scelte al sistema aziendale e generare richieste d’ordine strutturate.
Questa integrazione non è ancora stata realizzata. La base headless, però, è già pensata per aggiungerla con un raggio d’azione più controllato, senza dover ricostruire il catalogo e l’esperienza esistenti.
Il risultato
Una piattaforma che oggi racconta. E domani può operare.
Il catalogo pubblico è già utile e completo; la sua architettura permette di aggiungere servizi e connessioni senza ripartire da zero.
Headless
Evoluzione indipendente
Interfaccia, contenuti e dati possono crescere con tempi diversi mantenendo un sistema coerente.
Prodotti + documenti + lingue
Conoscenza connessa
Gamma, schede e materiali tecnici accompagnano lo stesso percorso sui diversi mercati.
Configuratore → gestionale
Perimetro predisposto
Il futuro flusso di configurazione e richiesta d’ordine è previsto dall’architettura, ma non ancora implementato.