Nome cliente
Studio Fiocchi Associati
Sede principale
Torino
Settori di riferimento
Consulenza aziendale
Competenze coinvolte
Web Design, UX/UI Design, Front-end Development, Performance Optimization
Tecnologie utilizzate
HTML, CSS, SASS, JavaScript, PHP, WordPress, Figma
Durata del progetto
4 settimane
In breve: obiettivi, soluzione e risultati
-
Studio Fiocchi Associati, studio di consulenza del lavoro con oltre trent’anni di attività, non disponeva ancora di un sito web istituzionale. Lo studio aveva quindi la necessità di creare una presenza online professionale che rappresentasse in modo chiaro i servizi offerti, la storia dello studio e il metodo di lavoro.
Oltre alla realizzazione del sito web, il cliente richiedeva una struttura tecnica semplice da gestire nel tempo, che permettesse in futuro la pubblicazione autonoma di articoli tramite una sezione blog e l’invio di comunicazioni periodiche ai clienti attraverso un sistema di newsletter segmentato per settore di appartenenza.
-
Wave Informatica ha sviluppato un nuovo sito web su misura, progettato per rappresentare in modo chiaro e professionale i servizi di Studio Fiocchi Associati e offrire una struttura solida per l’evoluzione futura della presenza online dello studio.
Il progetto è iniziato con una fase di progettazione grafica, durante la quale è stato realizzato un prototipo interattivo del sito per definire layout, palette colori, tipografia, organizzazione dei contenuti e struttura delle pagine. Questo ha permesso di validare in anticipo le scelte di design e di user experience.
Successivamente è stato sviluppato il sito web utilizzando WordPress con un tema grafico completamente custom, realizzato senza page builder. Questa scelta ha permesso di ottenere un sito leggero, performante e facilmente manutenibile, garantendo al tempo stesso una gestione semplice dei contenuti da parte del cliente.
Parallelamente allo sviluppo del sito, Wave Informatica ha configurato gli aspetti tecnici necessari alla pubblicazione del progetto online, tra cui dominio, caselle di posta dedicate e impostazioni server, oltre alla predisposizione della struttura per l’integrazione futura di un blog e di un sistema di newsletter.
-
Il progetto ha portato alla realizzazione del primo sito web ufficiale di Studio Fiocchi Associati, offrendo allo studio una presenza online professionale e coerente con la propria esperienza e con il posizionamento nel settore della consulenza del lavoro.
Il nuovo sito presenta un design elegante e professionale, una struttura dei contenuti chiara e una navigazione intuitiva, pensata per facilitare la comprensione dei servizi offerti e incentivare il contatto diretto con lo studio.
Dal punto di vista tecnico, il sito garantisce performance elevate, codice pulito e una piena compatibilità con desktop, tablet e smartphone. I test effettuati con Google PageSpeed Insights e GTmetrix hanno confermato ottimi risultati in termini di velocità di caricamento, accessibilità e best practice.
La piattaforma realizzata consente inoltre allo studio di gestire facilmente i contenuti nel tempo e rappresenta una base solida per lo sviluppo futuro di attività di comunicazione digitale, come la pubblicazione di articoli informativi e l’invio di newsletter ai clienti.
-
- Fase 1: Analisi iniziale degli obiettivi e del panorama competitivo
- Fase 2: Progettazione grafica e prototipo interattivo in Figma
- Fase 3: Sviluppo del sito web e del tema custom per WordPress
- Fase 4: Creazione delle pagine, revisione testi e creazione immagini
- Fase 5: Configurazione di hosting, dominio e caselle email
- Fase 6: Testing di performance, accessibilità e compatibilità cross-device e pubblicazione
Studio Fiocchi Associati è uno studio di consulenza del lavoro con sede a Torino.
Sebbene lo studio vantasse una storia più che trentennale – essendo stato fondato nel 1993 – mancava ancora un tassello fondamentale nella sua presenza online: il sito web.
Così Luca Fiocchi, socio dello studio dal 2023, ha deciso di affidarsi a Wave Informatica per la realizzazione del primo sito web dello Studio Fiocchi Associati.
Obiettivi del progetto
Il principale obiettivo del progetto era la realizzazione di un nuovo sito web, che permettesse in futuro anche la creazione di una sezione di blog, gestita autonomamente dal cliente.
Il secondo obiettivo era la creazione di un sistema di newsletter, che consentisse allo studio di inviare comunicazioni periodiche ai propri clienti, in base al settore di appartenenza, in tempi rapidi.
Progettazione grafica del sito web
La prima fase del progetto è stata la progettazione grafica.
Abbiamo sviluppato un prototipo grafico interattivo del sito web, utilizzando lo strumento Figma.
In questa fase sono stati definiti:
- palette di colori
- tipografia
- icone e illustrazioni
- immagini
- organizzazione delle pagine
- testi (scritti in parte dal cliente e in parte da Wave Informatica)
Sviluppo del sito web
Il nuovo sito web è stato realizzato utilizzando il CMS WordPress, ben noto per la facilità di gestione anche da parte di persone che non si occupano di sviluppo web.
Wave Informatica ha realizzato un tema grafico completamente custom, ovvero un tema proprietario in cui il codice viene gestito manualmente, senza affidarsi a page builder o site builder drag and drop.
In questo modo il cliente ha ottenuto un sito web con le caratteristiche che cercava:
- Design elegante e professionale, per rendere l’esperienza utente piacevole e trasmettere la professionalità dello studio;
- Performance elevate, verificate con PageSpeed Insights di Google e GTmetrix;
- Codice pulito e accessibile, facile da fruire dai bot dei motori di ricerca e degli LLM
- Compatibilità cross-device per un’esperienza ottimale su desktop, tablet e smartphone;
Ecco i risultati dei test delle performance, eseguiti con Google PageSpeed Insights e GTmetrix:
Oltre allo sviluppo del sito web, Wave Informatica ha affiancato il cliente nell’acquisto del dominio, e si è occupata della configurazione del dominio, la creazione di caselle di posta dedicate e le impostazioni del server necessarie per la pubblicazione del sito.
Le sezioni del sito web
Nella homepage e nelle pagine di servizio sono presenti sezioni di contenuto fondamentali per la user experience e per la conversione, tra cui:
- Header di pagina: la prima sezione che viene visualizzata, presenta i dati di contatto subito in evidenza, un menu di navigazione chiaro e un bottone che invita a contattare lo studio;
- Domande frequenti: importantissime per la SEO, la GEO e la SEO per le AI e per la user experience
- Il nostro metodo + numeri: l’approccio unico di Studio Fiocchi Associati e i numeri più importanti, a dimostrazione dei risultati raggiunti dallo studio;
- Come lavoriamo: una spiegazione chiara degli step previsti per ogni servizio, così chi visita il sito sa esattamente cosa aspettarsi;
- Perché sceglierci: una sezione immancabile, con brevi paragrafi di testo e box interattivi che riassumono i punti di forza dello studio e ciò che li distingue dalla concorrenza;
- CTA (Call to action): immancabile in qualunque sito web, invita la persona che visita il sito a contattare lo studio secondo i canali preferiti dal cliente, ovvero il numero di telefono e l’email;
- Footer: non un semplice piè di pagina di circostanza ma una chiusura ragionata, che contiene l’elenco dei link alle pagine di servizio e tutte le informazioni di contatto necessarie.
Immagini del sito online
Cosa ne pensa Studio Fiocchi Associati
Sapevamo già di poter contare su un partner affidabile, ma il risultato finale ha superato le nostre aspettative. Il sito realizzato per il nostro studio unisce perfettamente un’immagine professionale a un design e a contenuti moderni e concreti, rispecchiando pienamente la nostra richiesta iniziale.
Abbiamo apprezzato in particolare la trasparenza e la disponibilità in tutte le fasi del progetto. La comunicazione è stata sempre chiara, veloce ed efficace, rendendo l’intero processo semplice e senza intoppi.
Grazie!Luca Fiocchi - socio di Studio Fiocchi Associati
Leggi la recensione completa su Google