Il progetto ha previsto la creazione da zero della presenza digitale di Utensilviteria, un'azienda operante nel settore della fornitura industriale e viteria. L'obiettivo era trasformare un business puramente offline in una realtà digitale capace di generare lead qualificati nel settore B2B e aumentare la brand awareness locale.
- Riepilogo
- Sfida
- Architettura
- Stack
- SEO
- Risultati
Utensilviteria
Digitalizzazione B2B con Angular SSG e SEO
01
Executive Summary
02
La Sfida
Il cliente non possedeva alcun sito web. La sfida principale era duplice:
Posizionamento
Creare autorevolezza immediata in un settore competitivo (B2B metalmeccanico) partendo da zero.
Gestione del Catalogo
Organizzare una vasta mole di informazioni tecniche (cataloghi PDF, brand multipli) in modo che fossero facilmente fruibili ma che, allo stesso tempo, trattenessero l'utente sulla piattaforma proprietaria.
03
Soluzione Architetturale e UX
Per rispondere alle esigenze B2B, l'architettura informativa è stata progettata per intercettare diverse intenzioni di ricerca:
Struttura "SEO-Oriented"
- Brand Pages: Creazione di landing page specifiche per ogni marchio trattato (es. "Rivenditore autorizzato [Brand] a [Città]") per intercettare traffico locale ad alta conversione.
- Targetizzazione per Settore: Sezione "Chi forniamo" per parlare direttamente alle industrie specifiche, aumentando la rilevanza semantica.
Strategia di Ritenzione (UX)
A differenza dei competitor che permettono il download immediato dei cataloghi, ho implementato un visualizzatore di PDF integrato. Questo impedisce all'utente di abbandonare il sito per leggere il documento offline, aumentando il Time on Page e le probabilità di contatto.
UI Design
Approccio minimalista con palette corporate (Azzurro/Rosso) per trasmettere pulizia, ordine e professionalità, valori chiave nel settore industriale.
04
Stack Tecnologico: Angular & SSG
La scelta tecnologica è ricaduta su uno stack moderno Serverless-ready per garantire massime performance e sicurezza.
Framework: Angular SSG
Perché SSG? Inizialmente sviluppato in SSR (Server Side Rendering), il progetto è stato migrato a SSG. Questa scelta ha permesso di pre-renderizzare ogni rotta (Route) come file statico.
- Vantaggio 1: Velocità (Core Web Vitals ottimizzati).
- Vantaggio 2: Crawlability. I bot di Google leggono HTML statico puro, eliminando i problemi storici di indicizzazione delle Single Page Applications (SPA).
Data Management (No-CMS)
Ho optato per un'architettura snella senza CMS backend (come WordPress). I dati sono gestiti tramite strutture JSON custom. Questo riduce i costi di manutenzione, elimina vulnerabilità di sicurezza lato database e velocizza i tempi di risposta.
05
Strategia SEO e Dati Strutturati
L'ottimizzazione per i motori di ricerca è stata integrata a livello di codice, non come un'aggiunta successiva.
SEO Tecnica
URL parlanti (semantic URL), gestione automatica delle Sitemap.xml e canonical tags dinamici per evitare contenuti duplicati.
Schema.org & Rich Snippets
Implementazione massiccia di JSON-LD per aiutare Google a capire il contesto:
OrganizationeLocalBusinessper la local SEO.DigitalDocumentper indicizzare correttamente i cataloghi tecnici.Offerper le promozioni in corso.
06
Risultati e Conclusioni
Il sito rappresenta ora un asset fondamentale per Utensilviteria. La struttura è scalabile e pronta per accogliere future integrazioni (es. e-commerce diretto). L'evoluzione da SSR a SSG ha dimostrato un approccio iterativo volto al miglioramento continuo delle performance, garantendo al cliente un prodotto tecnologicamente all'avanguardia e indipendente da costosi canoni di gestione CMS.
Performance
Core Web Vitals ottimizzati per massima velocità
SEO
Indicizzazione perfetta con Rich Snippets
Costi
Zero canoni mensili, architettura serverless
Scalabilità
Pronta per e-commerce e future integrazioni