Il processo di sviluppo per un sito web efficace non deve essere visto come una linea retta da A a B ma piuttosto come un percorso circolare in cui ad ogni fase di sviluppo segue una fase di controllo e una di ottimizzazione.
Il controllo dei risultati avviene ad esempio tramite la lettura dei dati di Google Analytics, lo studio delle mappe di calore con CrazyEgg, delle posizioni con SemRush e dei backlink attraverso Ahrefs.
In funzione dello studio di questi dati emergono le azioni da compiere per rendere ancora più valido ed efficace il sito web e i suoi contenuti. Le modifiche in genere coinvolgono sia l’interfaccia utente, utile per migliorare la possibilità di convertire un visitatore in cliente, sia i contenuti del sito, indispensabili per ottenere un buon posizionamento per le chiavi più importanti.
Qui pubblichiamo una parte del progetto di restyling del sito web SPAZIOCUORE, l’aspetto grafico, cercando di evidenziare le modifiche che abbiamo eseguito e il motivo per cui determinati cambiamenti sono stati compiuti.
Restyling sito web, le due versioni a confronto
A destra si può vedere la nuova versione, già a colpo d’occhio appare più definita e ordinata. L’aumento del contrasto ha proprio questo scopo: far risaltare gli elementi più importanti della pagina rispetto a quelli non funzionali alle conversioni.
OTTIMIZZAZIONI GRAFICHE, COSA ABBIAMO FATTO
Per il restyling del sito web SPAZIOCUORE abbiamo effettuato diversi interventi per migliorare il contrasto, l’ordine e quindi la leggibilità della pagina.
Aggiunta delle FixedBar
La Barra di navigazione Fissa che utilizziamo è un modulo posto all’estremità bassa del sito su un livello superiore a quello dei contenuti. Questa barra può essere resa anche responsive (provate a stringere la finestra del nostro sito per vedere come si modifica la nostra) e contiene le informazioni più importanti come i contatti e il link alla landing page.
Aggiunta area franchising
Se la risoluzione dello schermo lo consente in alto a destra abbiamo pubblicato un box in cui si promuove la possibilità di diventare un centro SPAZIOCUORE. Lo creazione di quest’area ci permette sia di mettere in evidenza un’area importante che di separare, nel menu principale, i due target di utenti (chi ha bisogno dei servizi e chi vuole diventare franchisee).
Spostamento della slideshow
A cosa serve una slideshow? Nel sito spaziocuore ci siamo accorti che veniva utilizzata molto poco dagli utenti e la sua unica funzione era quella di far scendere i contenuti e aumentare la frequenza di rimbalzo. Come fare? Abbiamo invertito la posizione dello slideshow e dei box del ‘cosa possiamo fare per te’ così da ottenere un duplice effetto: a. mettere in evidenza questi box, b. spostare la slideshow al limite basso in cui la pagina viene tagliata (così l’utente, incuriosito, è incentivato a scrollare la pagina verso il basso).
Modifica della comunicazione
Aumento del contrasto
Ci siamo accorti che l’aspetto generale del sito era poco contrastato e avevamo la necessità di mettere in evidenza alcuni elementi. Così abbiamo effettuato varie prove per testare il bilanciamento dei colori e abbiamo aumentato il contrasto del menu, dei box e delle scritte.
Modifica dei contenuti in Homepage
In home, sotto alla slideshow, abbiamo pubbicato il menu in cui abbiamo racchiuso le voci istituzionali (perchè chi vuole informazioni sulla società deve comunque trovarle), le ultime notizie dal blog e dal dicono di noi.
Elisabetta Favale di SPAZIOCUORE ha detto di noi...
SCRITTO IL
Luca è una persona paziente e disponibile. Mi ha accontentata in ogni richiesta (anche quelle che da tecnico non condivideva), talvolta mi ha permesso di sbagliare ma è servito a farmi capire.
Il sito ha avuto immediatamente grande successo e penso che possa essere considerato un bel lavoro ancora “in progress” visto che ci aiuterà ad evolverci.
Elisabetta Favale
Fondatrice e Amministratore Unico
SPAZIOCUORE