Le scelte Seo e di design per una comunicazione efficace e strategica della pagina

In questo articolo condividiamo uno degli ultimi progetti su cui abbiamo lavorato, per condividere informazioni che possono rivelarsi utili.
Partendo dalle premesse dei nostri esperti e considerando il brief del cliente, vedremo come creare una pagina informativa efficace per un sito.

Diversamente da quello che si può pensare, progettare una pagina che all'utente comunichi un messaggio chiaro, gli susciti specifiche emozioni, inneschi desideri e gli permetta di navigare al suo interno con facilità, è un lavoro complesso.

La premessa è dunque necessaria: cosa deve comunicare una pagina per essere efficace?
Lo abbiamo chiesto ai nostri esperti di Design UX e UI che si sono occupati della progettazione e creazione della pagina e ci hanno risposto così:

“La pagina in esame, dato il suo obiettivo, deve contenere e comunicare al cliente finale due aspetti fondamentali: l’identità e la riconoscibilità del brand, il payoff e il messaggio comunicativo per cui è stata creata (in questo caso, la caratteristica del prodotto presentato: il tsa).”

Non solo, abbiamo coinvolto anche il nostro esperto Seo: “Una pagina è funzionale e comunica nel momento in cui risponde alle necessità dell’utente che cerca sul web le informazioni di cui ha bisogno”.

Per questo motivo, lo sviluppo del progetto presentato in questo articolo (la pagina del Tsa: chiusura caratteristica delle valigie del brand) è partito da una specifica analisi SEO.
Quest'ultima, grazie allo studio del comportamento degli utenti in fase di ricerca, ha restituito le linee guida da seguire per creare una pagina che restituisse ai consumatori le informazioni da loro ricercate sul web.

In questo articolo vogliamo accompagnarvi nella scoperta delle fasi di progettazione che hanno permesso di creare la pagina Tsa di Roncato; una pagina informativa per il loro eCommerce.

Partiamo dalla richiesta del cliente: dobbiamo comunicare la funzione e l’importanza del Tsa e vogliamo farlo con “qualcosa che risulti graficamente e visivamente d’ impatto”.

Per i nostri esperti questa richiesta si è tradotta in un obiettivo specifico: dare visibilità a questa caratteristica (il Tsa), attraverso la creazione di una pagina capace di comunicare in modo chiaro, impattante, coinvolgente e che allo stesso tempo rispettasse uno stile minimal.

Scopriamo quindi come il nostro Team di esperti ha deciso di operare per creare il connubio perfetto tra questi aspetti e linee guida.

Una pagina che comunica deve soddisfare le esigenze di ricerca degli utenti.
Un’analisi che restituisca dati utili e concreti non può che partire dallo studio del comportamento delle persone.

Per questo motivo dopo aver studiato e analizzato le keyword relative al brand in oggetto, è emerso che:
gli utenti nel momento in cui digitano le parole chiave (relative a questo ambito) all’interno dei motori di ricerca, si aspettano di trovare le informazioni che cercano o in una pagina transazionale come può essere quella di eCommerce, o in una pagina più informativa come quella di un blog.

È stato scelto di focalizzarsi sul cluster transazionale e, utilizzando il trust di Roncato, inserire un meta-title strategico, degli heading che prendessero le keyword correlate ed un testo ottimizzato lato SEO che avesse anche un impatto lato UX, cioè, non troppo sovra ottimizzato.

Sulla base di queste considerazioni sono stati definiti:

• URL
• Meta-Title: Valigie TSA con Lucchetto per Viaggi negli USA
• Meta-Description: Viaggia in sicurezza con le valigie TSA di Roncato.
        Acquista online la tua valigia affidabile e resistente, dotata del sistema di sicurezza approvato dall'aeroporto. Scopri la nostra collezione.
• H1: VIAGGIA NEGLI STATI UNITI CON VALIGIE RONCATO DOTATE DI TSA
• H2: COS’È IL TSA? - COME FUNZIONA LA CHIUSURA TSA? - SCEGLI LA TUA VALIGIA DOTATA DI TSA

Una volta stabilita la strategia SEO, la pagina è stata passata al Team grafico che si è occupato di concretizzare il progetto.

I nostri esperti del reparto di design, dopo aver definito in modo inequivocabile l’obiettivo che doveva avere il progetto e aver individuato come inserire le indicazioni Seo ricevute, si sono messi all’opera.

Vediamo come hanno tradotto nel concreto questi concetti.

Alla base di un’ottima user experience c’è la progettazione e, anche per questa pagina, le decisioni grafiche sono state prese considerando le 10 leggi Gestalt per garantire, appunto, la creazione di un’interfaccia grafica capace di coinvolgere l’utente.

Le macro-fasi del progetto di Design possono essere riassunte in due step:
1- Definire la struttura della pagina
2 -Graficare la pagina seguendo il design system del brand (insieme degli elementi grafici che caratterizzano il marchio e ne permettono la riconoscibilità)

Entriamo ora nel dettaglio delle scelte prese, analizzando gli elementi e le caratteristiche della pagina:

• La pagina è Responsive
Per garantire la massima User Experience è stata studiata una struttura della pagina apposita per ogni dispositivo, in modo che fruire del contenuto risulti funzionale, semplice ed efficace da ogni device.

• I contenuti testuali
All’interno della pagina i contenuti testuali sono inseriti selezionando e mantenendo due colorazioni precise.
Sono stati scelti due livelli di grigio:
- pieno e opaco riservato alle informazioni più rilevanti (titoli e paragrafi) e uno
- più trasparente e con una tonalità più chiara, da utilizzare per le informazioni che (pur dovendo essere presenti) devono essere lette in un secondo momento o hanno, queste ultime, la funzione di elemento grafico.

• Il Titolo 
Per soddisfare la linea guida base (chiaro, impattante e minimal) e rispettare le indicazioni Seo, il titolo è stato inserito con un carattere maiuscolo. Questa scelta permette di comunicare immediatamente la caratteristica principale trattata dalla pagina e il vantaggio che il consumatore può trarre dalla stessa.

La disposizione grafica che è stata scelta per il titolo è “allineata al video”.
Il motivo è il seguente: il titolo doveva essere complementare al video al quale è affiancato per evocare sensazioni ed emozioni precise, facendo immaginare agli utenti di vivere quei momenti rappresentati, grazie ai vantaggi apportati dell’articolo presentato.

Il colore del titolo: essendo un’informazione principale è stato scritto con la tonalità di grigio piena e opaca.

• I Video
Per evocare le sensazioni del viaggio e portare l'utente a immaginare e percepire le emozioni descritte, sono stati inseriti video emozionali: uno a fianco e a sostegno del titolo, l’altro a chiusura della pagina.

Entriamo nel dettaglio dei formati che sono stati scelti: 

- il primo aveva l’obiettivo di affiancare, sostenere il titolo e dare un contesto reale di quello che avrebbero vissuto i clienti comprando un prodotto Roncato. Per questo, per lasciare la rilevanza al titolo, è stato scelto un formato ridotto e verticale.
- il secondo aveva l’obiettivo di coinvolgere completamente il lettore e portarlo ad agire; per questo è stato inserito con formato full page e il testo è stato posto al suo interno.

• Il Payoff: Move your dream
È stato inserito sotto al titolo per trasmettere l’identità del brand e rendere il contenuto che segue memorabile e associato al marchio.

Il colore: a differenza del titolo, essendo un messaggio importante ma che deve essere percepito in un secondo momento, è stato scritto con una tonalità di grigio più chiara e optando per la trasparenza.

Il payoff è stato trattato in questo caso, anche, come elemento grafico per caratterizzare la pagina.

• La Sezione di contenuto
Sia le immagini che i testi concorrono ad informare l’utente, fornendo informazioni complementari e complete.
Le foto inserite hanno lo scopo di mostrare la caratteristica che viene presentata.

• La Sezione vetrina
Lo scopo della pagina è informare, coinvolgere e portare il cliente finale ad agire comprando il prodotto presentato dal brand.

Per questo motivo si è voluto concludere la pagina con una sezione dedicata alla "vetrina prodotti", in cui vengono mostrati agli utenti gli articoli che permettono loro di vivere le esperienze ed emozioni descritte nella pagina.

Progettare una pagina informativa in grado di comunicare, coinvolgere e convincere l'utente, richiede un grande lavoro.

Si parte da un brief con il cliente, ci si confronta internamente per individuare la soluzione migliore e successivamente (tramite collaborazioni tra i team esperti nei rispettivi ambiti), si passa alla realizzazione della pagina.
Questa non solo deve assolvere al suo compito di essere comunicativa, ma soddisfare e rispettare la decisione finale che, spetta al cliente.

Il feedback che abbiamo ricevuto è stato positivo.
La pagina è stata presentata al brand, il quale ha accolto positivamente l’idea di sviluppare una pagina ad hoc per spiegare e dare valore a questa caratteristica (il Tsa) che è un valore aggiunto alla qualità dei suoi prodotti. Non ci si è solo limitati a presentarla agli utenti in un piccolo paragrafo in fondo alla pagina prodotto.

Di seguito, il link per raggiungere la pagina https://www.roncato.com/it/ep/valigie-tsa