smarTalks – Agenzia Marketing

Business:
Agenzia Digital Marketing
Strumenti utilizzati:
Figma - WordPress
Ruolo di Fluctua:​
Architettura dell’informazione, design UX, design UI, sviluppo web
Deliverables:​
Sito vetrina aziendale
Obiettivo:​
Modernizzare l’interfaccia del sito per un target smarT, creare percorsi fluidi per una navigazione semplice ed ottimizzare ogni aspetto grafico con coerenza ed equilibrio

Introduzione e problem statement

smarTalks è una realtà giovane e dinamica, quello di cui aveva bisogno era un sito smarT, semplice e immediato per presentarsi ai loro clienti e partner.

A seguito di qualche chiaccherata con i due fondatori, Lorenzo e Sara, è emerso che il loro target-tipo non trovava semplice navigare nel sito e trovare ciò di cui aveva bisogno e non trovava accattivante l’aspetto grafico.

La soluzione

La soluzione ideata è stata un redesign del sito con un approccio mobile first e la creazione di un percorso ad hoc per l’utente. L’obiettivo era anche quello di esprimere graficamente con colori, icone e immagini la realtà del cliente.

Abbiamo dato molto spazio ai contenuti, come la pagina blog, la pagina impara con noi e quella i nostri aggiornamenti. Tutti contenitori di tantissimo materiale che ogni giorno vengono visitate da migliaia di utenti e che abbiamo riorganizzato nel sito in modo che fossero ben in evidenza.

Il procedimento

Come è importante fare per ogni redesign, abbiamo analizzato il sito iniziale e cercato di riorganizzare l’architettura dell’informazione con i dati raccolti dal cliente. La gerarchia del menù era poco chiara e non favoriva una navigazione in linea con gli obiettivi principali, per cui la nuova site map è stata il collante per riorganizzare ogni singola nuova schermata del sito.

Abbiamo poi ripensato ad una grafica in linea con le richieste del cliente bilanciando i colori della palette affinché emergessero facilmente le CTA primarie che convertono gli utenti.

Attraverso lo sviluppo su WordPress abbiamo sviluppato tutte le schermate e i dettagli progettati nei wireframe, completando con i test di usabilità di ogni elemento e le piccole rifiniture, come i pop-up e le animazioni che hanno fatto prendere vita all’attuale sito web!

Risultati e conclusioni

L’idea iniziale è stata quella di impostare l’esperienza utente allineandola alla proposta del Cliente. Il risultato è stato la progettazione di un sito versione desktop e responsive per mobile, dotato di un’area personale e con l’aggiunta dei preferiti, dei contenuti consigliati sulla base degli interessi e uno spazio dedicato all’inserimento delle recensioni. Per innescare il principio di rewarding è stata aggiunta un’area di risorse gratuite, una raccolta di contenuti creati ad hoc per la community.

Inoltre, per offrire un’esperienza alternativa di navigazione ed alleggerire il peso cognitivo della scelta, è stato impostato un test con alcune domande che restituiscono come risultato i prodotti più adatti al cliente, dando poi modo di inserirli agevolmente nel carrello o nei preferiti. I contenuti nel carrello sono sempre in primo piano per favorire il loro acquisto, mentre i contenuti dei preferiti sono affiancati da un pulsante che dà loro modo di essere spostati velocemente nel carrello.

Continua a leggere:

Raggiungi anche tu questi risultati, contattaci per una prima consulenza gratuita.