Durante il corso abbiamo visto quanto fosse importante porre l'accento anche sul layout di pagina no dei siti che stiamo analizzando, dei competitor del cliente e del sito che state seguendo perché dovete essere in grado di capire in maniera corretta quali sono i layout che stanno funzionando su Google.

Durante il percorso avevamo visto um un sito che era un exchange di bitcoin come esempio che è ovviamente è un esempio molto in grande come struttura aziendale, ma um volevo farvi anche un esempio su un sito molto, molto più piccolo, in questo caso con un target B to B, perché va a cercare altri clienti e la dimensione è quella di un libero professionista.

Quindi è un sito sostanzialmente di una sola persona, quindi micro azienda nel vero senso del termine, ma che può comunque beneficiare di questo tipo di studio.

E questo anche per farvi vedere che appunto, ci sono diversi casi di applicazione e lo facciamo sul sul sito di una cliente che mi ha dato il permesso di condividere queste informazioni con voi e sulla.

Lei lavora come videomaker ed è Arianna Arianna Favalli, andando appunto a prendere sostanzialmente tutti coloro che cercano un servizio da videomaker, in questo caso una delle sue query di riferimento ai videomaker bologna perché è un servizio ovviamente estremamente locale e quindi quello che facciamo è andare a vedere le query principali del cliente e chi oggi ranca già in serp in modo da capire che cosa sta garantendo vantaggio competitivo ai agli altri o che cosa.

Insomma accomuna i siti che sono presenti in in serp in questo caso quindi la ricerca videomaker bologna ci porta a vedere evidentemente che si tratta.

I primi tre risultati sono tre videomaker e un un sito di aggregazione, quindi una director in buona sostanza e quello che facciamo è aprirli, metterci in modalità mobile.

Vedete che qua sono tutti mobile e per ognuno di questi cosa facciamo? Ne facciamo uno screenshot da mobile facendo contro il p e si apre il pannello e qua scriviamo screenshot, screenshot e catturiamo appunto lo lo screenshot di tutta la pagina.

Poi in realtà ci sono estensioni, ci sono altre cose, io lo faccio così semplicemente perché è molto comodo eh una cosa importante, una nota importante considerate che questa cosa la stiamo facendo da mobile perché solitamente traffico e soprattutto conversioni avvengono genera generalmente da mobile.

Non è detto che però questo sia il vostro caso specifico.

Okay se il vostro cliente genera più traffico da desktop è sostanzialmente improbabile.

Però chiaramente ci sono dei casi, ma soprattutto e questo è molto più probabile nel mercato italiano.

Conversioni da desktop ecco che anche lo studio del desktop del design desktop diventa fondamentale, perché abbiamo detto tante volte nel corso del del corso scusate il gioco di parole però se o come tutti i canali di marketing, deve funzionare in termini monetari, quindi in quel caso è assolutamente importante che sappiate riconoscere dei pattern vincenti anche da da desktop.

Okay, tornando a noi facciamo gli gli screenshot e li scarichiamo e poi carichiamo tutto su miro in questo caso che è il software che andiamo a usare il tool online che andiamo a usare per fare taggata dei um delle schermate.

In sostanza quindi, come visto per l'esempio delle crypto che trovate qua di fianco in buona sostanza nella stessa bordo di miro tengo un po' tutto quanto in cui vedete c'era un po' di caratteristiche comuni.

Questa è molto meno taggata di quella che avete visto.

Voi però facciamo la stessa cosa, quindi andiamo a taggare gli elementi comuni.

Questo è tra l'altro molto grande.

Adesso lo rimpiccioliamo um, per esempio, potremmo taggare una Hero Ege e vediamo in diversi dei siti qui per un qualche motivo ha uno spazio bianco che non indagheremo adesso.

Um per esempio Lance in realtà non ha una hero Ege ha un un un case in buona sostanza.

E poi infatti papa è un caso un po' particolare, se vogliamo.

Perché ha forme uno in altissima posizione.

Vedete come pop art? E come scusatemi.

NDS in questo caso spinge molto sugli elementi di conversione.

Molto, molto e beh, questo è è molto buono, ovviamente.

Um questo in realtà potremmo trasformarlo in ve-.

Ah, scusatemi.

Non l'ho detto prima.

La definizione dei colori per me è per attribuire le cose che ci sono in in comune.

Okay, anche Arianna vedete che per esempio ha una image e poi ha l'h uno um non so dirvi Riccardo Primiceri adesso guardiamo nel codice.

In realtà Riccardo Panceri ha un dev, quindi andiamo a vedere se c'è un h uno sì, l'h uno c'è, ma è il nome e cognome, quindi un uno che se vogliamo in un certo senso non è posizionate quanto può essere un un uno come videomaker freelance a bologna o videomaker fotografa? Ecco poi troviamo tanto è un testo e poi altra cosa interessante troviamo per esempio una cosa unica di riccardo primiceri ultimi video lui fa correttamente questa cosa, quindi ce la segniamo magari in un colore che è eh vabbè teniamo l'arancione perché è una buona idea.

Poi chiaramente non esiste una codifica di queste cose, le scegliete voi.

Lui per esempio, in questo caso mette ultimi video ed è importante che ve lo ricordiate che lo macchiate perché vedete che um né arianna né papa hanno questa e probabilmente per un videomaker almeno a fold è assolutamente importante.

Lui non ce l'ha proprio arianna ce l'ha se non sbaglio più giù in pagina, però potrebbe essere un elemento che possiamo possiamo alzare altra cosa per esempio vi potreste anche rendere conto di alcuni problemi l'auto impaginazione mobile, questi chiaramente verificate poi con un effettivo cellulare per capire se davvero c'è un un problema.

Altra cosa che potreste notare è il fatto che alas, per esempio inserendo il form inserisce una c t a estremamente forte subito, quindi ne prendiamo nota e andando giù beh ci sono le presentazioni dei videomaker.

Um quello di claudio panis invece è l'esempio sicuramente più leggero, veloce è tutto testo, non c'è tanto e però è sicuramente una pagina molto molto leggera.

Che cosa possiamo prendere da questo piccolo caso? Studio? E a questo punto anche che cosa porterò come esperienza alla alla cliente? Beh, possiamo prendere per esempio che due importanti miglioramenti applicare sono aggiungere una c t a che nel sito in realtà c'è adesso non lo sto vedendo, ma il sito in realtà c'è anche questa gialla qua sopra potrebbe esserci una bella c t a con un o o sotto.

Insomma a me che fotografa con partita iva ecco potrebbe essere posizionata qui.

Perché? Perché a questo punto noi abbiamo già dichiarato un po' quello che è il prodotto, che poi in realtà questo è il servizio chiaramente pone se stessa in primo um primo primo livello ecco, qui potremmo già dire qua mettiamo una c t a perché? Perché così iniziamo a fare già un po' di raccolta di magari qualcuno che vuole chiudere il prima possibile e non ha voglia di leggersi tutta la pagina.

Possiamo aiutarlo mettendo qua una c t a e poi altra cosa alla fine di questo testo potremmo pensare, come fa giustamente primiceri di mettere dei video.

Perché? Okay, il testo Ma io voglio vedere giustamente Se io mi metto nei panni di chi sta cercando un videomaker, voglio vedere che cosa sei in grado di fare.

Che cosa potresti fare per l'azienda? Okay, quindi, um, abbiamo visto, in sostanza, come anche per un piccolissimo sito, questa targatura possa aiutarci ad avere idee integrative, capire come i competitor stanno lavorando e che cosa possiamo fare per migliorare i delle nostre pagine.