Steel Works

Obiettivo

Steel Works è un'officina artigiana di Vicenza con due anime sotto lo stesso tetto: carpenteria metallica, inox e arredo industriale su misura da una parte, lavorazioni custom per auto e moto dall'altra, a partire dagli scarichi in acciaio inox saldati a mano. Online c'era solo una pagina segnaposto creata con un builder. Serviva un sito che raccontasse entrambe le attività senza dividerle in due, che si facesse trovare nelle ricerche locali e che portasse i contatti dove il cliente lavora davvero: su WhatsApp.

Strategia & Design

• Un'officina, due percorsi: la home presenta le due attività e porta a due pagine dedicate, Carpenteria & arredo e Lavorazioni auto & moto, ciascuna con processo, lavori, video, recensioni, FAQ e contatto.
• Un'identità che sa di officina: fondo antracite, toni carta calda e un verde acido come accento, titoli condensati tutti in maiuscolo, sezioni numerate come in una rivista e il teschio del logo usato come firma che ritorna.
• Il tono di chi lavora il ferro: testi diretti, in prima persona plurale, scritti come parla l'artigiano ai suoi clienti.
• Conversione su WhatsApp: un pulsante in ogni sezione e un bottone sempre visibile, perché i preventivi nascono da una foto e da un messaggio.

Sviluppo tecnico

• Scritto da zero, senza CMS, temi o framework: HTML statico, un solo foglio di stile e un solo script, circa 55 KB in tutto, per un sito leggero e veloce.
• Scintille di saldatura animate: un sistema di particelle con gravità e bagliore che parte dalla torcia nella foto di apertura e resta agganciato al punto giusto su qualsiasi schermo.
• Animazioni su misura: parallasse, schede che si inclinano seguendo il mouse, titoli che compaiono riga per riga, contatori animati, una linea del processo che si riempie scorrendo e una conversazione WhatsApp animata che spiega il primo passo.
• Accessibilità curata: animazioni ridotte per chi le disattiva nel sistema, navigazione da tastiera con focus visibile, testi alternativi descrittivi su tutte le foto dei lavori.

Contenuti & funzionalità

• 10 pagine in italiano e inglese, con 41 foto e 12 video ricavati dal materiale dell'officina e dai contenuti TikTok: Mustang, Shelby, Golf GTI e R32, BMW, Alfa Giulia, Dodge, Harley V-Rod, roll-bar, banchi inox, ringhiere e arredo.
• Video dentro al sito: i video si guardano in una finestra sulla pagina, senza mandare il visitatore su TikTok, con il link all'originale accanto.
• Aperto o chiuso adesso: un riquadro calcola lo stato dell'officina sugli orari reali e indica quando riapre.
• SEO locale e multilingua: titoli e descrizioni scritti pagina per pagina sulle ricerche della zona, indirizzi delle pagine parlanti, dati strutturati LocalBusiness con orari, servizi e area servita, versioni italiana e inglese collegate tra loro e nella sitemap.
• Leggibile anche dalle AI: un file llms.txt riassume attività, servizi, contatti e orari per i motori di risposta.