Cliente
SADIF -Società Artigiana DI Fatto è una falegnameria con sede nel mantovano. Fondata nel 1962, l’azienda è specializzata nella produzione su misura di controtelai per porte e serramenti, cassonetti per tapparelle e monoblocchi coibentati.
Oggi l’azienda, che conta 7 dipendenti, punta alla sostenibilità ambientale, cercando di minimizzare il consumo energetico e l’inquinamento con soluzioni green.
La richiesta
Rinnovare l’immagine aziendale sul web. Il sito precedente, online da diversi anni, non rispecchia più l’identità aziendale.
L’analisi delle pagine mette in evidenza la mancanza di un racconto coerente con quello che SADIF è oggi: la produzione su misura e l’impegno per la sostenibilità ambientale.
Mancano le foto dei prodotti e della loro lavorazione, fondamentali per accompagnare i testi e mostrare la produzione aziendale.
Non solo, i colori rosso brillante e grigio rendono le pagine web piatte e poco accattivanti.
Dati in breve
Settore:
Falegnameria
Tipologia progetto:
sito web parzialmente accessibile
Campi coinvolti:
Identità visiva, web design, coding, progettazione accessibile.
Collaborazioni:
- Flowlab
- Cuciverba
Servizi attivi:
manutenzione ordinaria
Visita il sito:
sadif.it
Realizzazione sito web per falegnameria
Per rinnovare l’immagine aziendale bisogna rivedere prima di tutto l’identità visiva: un nuovo logo e, soprattutto, una palette colori, calda e accogliente proprio come il legno, materiale utilizzato da SADIF per la produzione di buona parte dei prodotti.
I testi vanno riscritti, non solo per aggiornare e arricchire le informazioni sulla produzione e sulla storia aziendale, ma anche per essere coerenti con i valori aziendali e ottimizzati SEO.
Le nuove foto, scattate da una fotografa professionista, mostrano l’azienda e la produzione e valorizzano sia le persone che ci lavorano sia i materiali utilizzati.
Anche se alcune realtà, come SADIF, non hanno l’obbligo di legge di avere una comunicazione web accessibile, il mio consiglio è quello di far sempre progettare un sito ottimizzato al meglio. In questo modo, più persone possono accedere ai contenuti e soprattutto si è sulla buona strada per normalizzare il sito, anche in previsione di un futuro ampliamento degli obblighi di legge.
I giusti colori e font per una migliore leggibilità
Palette colori
Lo studio della palette colori per il sito di falegnameria SADIF è partito dal rosso, il colore aziendale che è stato rivisto per il nuovo logo. Non più un colore brillante, ma un rosso borgogna dai toni più caldi. Attorno a quel colore, ho selezionato altri 4 colori: blu notte, ocra gialla, ruggine e cloud dancer, un bianco sporco.
Tutti i contrasti cromatici rispettano le WCAG 2.1, per la maggior parte con livello AAA, garantendo la leggibilità dei contenuti.
Scelta dei font
I caratteri tipografici sono importanti in qualsiasi progetto di comunicazione. Scegliere il font giusto determina quanto e come un testo viene compreso dalle persone e, per un sito web, può influenzare anche la permanenza sulle pagine.
I font che ho selezionato per questo progetto rientrano nei miei studi sulla leggibilità dei testi digitali.
- Unbounded – per titoli, sottotitoli e bottoni.
È un font sans serif diverso dal solito, che crea un po’ di movimento. - Work Sans – per il testo principale e le voci di menù.
Un altro sans serif umanistico, in cui le lettere sono facilmente distinguibili tra loro per favorire una lettura fluida e senza fatica.
La sinergia tra colori, font e la gerarchia dei testi organizzata e ben studiata garantisce una buona comprensione dei contenuti delle pagine web di questo sito.
Il sito in WordPress per falegnameria SADIF
Il sito, composto da 6 pagine principali, è in WordPress.
Per volere del cliente, non ha sottopagine e le tre categorie dei prodotti sono presentate in tre diverse pagine: controtelai, cassonetti e monoblocco. Ho optato per utilizzare gli “accordion”, contenuti a scomparsa, per le descrizioni dei prodotti. La scelta non è completamente accessibile, ma era l’unica soluzione per contenere, per quanto possibile, la lunghezza delle pagine prodotto.
Come sempre completano la struttura del sito le pagine delle informative privacy e cookie e la pagina 404.
Per dare un po’ di movimento e alleggerire la lettura delle pagine, ho alternato sfondi bianchi a sfondi colorati (nei colori della palette). In questo modo, si dà valore ai contenuti e alle immagini, come le foto professionali e i rendering.
Il sito è stato progettato per garantire una navigazione ottimale da qualsiasi dispositivo: desktop, laptop, tablet (con schermo in orizzontale e in verticale) e da cellulare.
Il team di lavoro
Il nuovo sito di SADIF è il risultato di un lavoro in team:
- Nise Gerbino – Flowlab (link esterno) ha coordinato il progetto del suo cliente, si è occupata della realizzazione del logo e del lavoro di recupero e riordino del materiale. Insieme abbiamo lavorato ad alcuni aspetti del layout del sito;
- Silvia Ghisi – Cuciverba (link esterno), copywriter che si è occupata della scrittura dei testi ottimizzati per la SEO.
- Io ho curato il progetto, dalla consulenza iniziale alla messa online, con lo studio degli elementi dell’identità visiva, come font e colori, e del layout del sito in ottica di accessibilità.
Nessuna interruzione, il sito rimane online
Quando un cliente ha già un sito web attivo, la priorità assoluta è evitare i disservizi. Per questo motivo, sviluppo il nuovo progetto su uno spazio di staging online dedicato. Solo a lavoro concluso, e dopo l’approvazione finale del cliente, provvedo al trasferimento definitivo sul dominio aziendale.
Ottimizzazione SEO e gestione dei link (Redirect 301)
Durante il rifacimento totale di un sito, può essere necessario rivedere l’alberatura delle pagine e i relativi URL per ragioni di SEO e usabilità.
Per evitare i fastidiosi errori “404 – Pagina non trovata” e non disperdere il traffico storico, configuro accuratamente i redirect 301. In questo modo, chiunque clicchi su un vecchio link verrà reindirizzato alla nuova pagina correlata. Senza interrompere la navigazione e perdere traffico.
Il risultato: un sito accogliente e coerente con i valori aziendali
