About me

Alessandro Gobbo

Freelance Web Consultant

Email: info@alessandrogobbo.comTel: (+39) 333 8736133

https://it.linkedin.com/in/alessandro-gobbo-1ba47164

2

Come evitare siti amatoriali?

3

Nessuno nasce imparato, ma… Quali sono gli elementi che rendono il mio sito amatoriale?

Elementi grafici, visivi e audio:

● Musiche di sfondo● Gif animate● Immagini di qualità scadente / Immagini prese da Google● Contatore Shinystat● Google AdSense e altre pubblicità

Come evitare siti amatoriali?

Grafica del layout

● Tendenze passate e fuori moda● I colori● Attinenza

Tipografia

● Colori a basso contrasto o con abbinamenti cromatici scorretti

● Interlinea corretta● Allineamenti e margini non equilibrati

4

Come evitare siti amatoriali?

Codice

● Usare le tabelle● Scalare le immagini con l’HTML● Caricare l’ingrandimento di un’immagine in una nuova

pagina

Compatibilità

● Il sito va testato su tutti i principali browser

5

Come scegliere i colori giusti?

La scienza ci insegna che il colore non è altro che un’elaborazione visiva generata dai segnali nervosi che i fotorecettori della retina inviano al cervello.

Il colore è una sensazione che viene recepita dal cervello e che ha quindi effetti sul nostro organismo e soprattutto sul nostro atteggiamento psicologico.

6

Come scegliere i colori giusti?

In linea di massima, i colori caldi (giallo,arancione, rosso) sono stimolanti e positivi, ma anche irruenti e decisi. Il grigio, il nero, il marrone e il bianco sono colori eleganti ma passivi: freddi e distaccati, vengono spesso associati a sensazioni e situazioni negative o spiacevoli. I colori tenui, come le tonalità pastello, sono rassicuranti e ispirano fiducia. Stessa cosa per il verde e l’azzurro.

7

Come scegliere i colori giusti?

Tutto questo cosa ha a che vedere conla pubblicità e la grafica?

8

Come scegliere i colori giusti?

Rosso: Il colore che l’occhio umano percepisce più rapidamente, anche se recenti ricerche dimostrano che le persone più giovani e gli anziani hanno difficoltà a percepirlo. Il rosso rappresenta l’energia, la velocità, il pericolo, l'eccitazione, la forza, il sesso.

Blu: Il colore preferito dagli europei, soprattutto da quelli di sesso maschile. Il blu rappresenta la sicurezza, la responsabilità, la fiducia.

9

Come scegliere i colori giusti?

Giallo: Caldo e stimolante come il sole, è il colore dei sentimenti positivi e della felicità; questo colore è particolarmente amato dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia.

Arancione: Un colore caldo e ricco di energia, ottimo per incoraggiare il consumatore all’acquisto.

Verde: Colore fresco associato alla natura, alla luminosità e alla speranza. Per alcune persone può assumere la valenza di malattia e superstizione.

10

Come scegliere i colori giusti?

Viola: E’ un colore spesso associato alla religione, ma è anche considerato un colore regale ed elegante. Inconsciamente viene associato alla spiritualità ed alla dignità.

Rosa: Morbido e delicato è usato come simbolo di amore e dolcezza. Attenzione, però: un utilizzo eccessivo di questo colore può essere considerato infantile.

Bianco: Purezza, pulizia. Come già accennato in Asia il bianco è legato alla morte.

11

Come scegliere i colori giusti?

Nero: Può essere sofisticato, elegante o misterioso, ma simboleggia anche la morte e l’occulto. Comunque, se utilizzato in modo corretto (come spesso è utilizzato nei prodotti di lusso), specialmente in combinazione con l’oro, può creare un effetto molto esclusivo e chic.

Oro e Argento: Colori prestigiosi e regali. Tendono ad essere associati ai beni costosi.

12

Come scegliere i colori giusti?

Nero: Può essere sofisticato, elegante o misterioso, ma simboleggia anche la morte e l’occulto. Comunque, se utilizzato in modo corretto (come spesso è utilizzato nei prodotti di lusso), specialmente in combinazione con l’oro, può creare un effetto molto esclusivo e chic.

Oro e Argento: Colori prestigiosi e regali. Tendono ad essere associati ai beni costosi.

13

Come scegliere i colori giusti?

Abbinamenti di colore da evitare:

● Blu e Marrone● Rosso e blu● Verde e Rosso● Rosa (in tutte le scale, dal pastello al viola) e verde● Rosa (in tutte le scale) e marrone● Blu e verde

14

Come scegliere i colori giusti?

Abbinamenti di colore adatti e di successo:

● Rosso e bianco● Rosa e nero● Blu e arancione● Marrone e beige● Marrone e oro● Viola e argento● Grigio e verde

15

Web & Tipografia

Innanzitutto ricordiamoci di non usare più di due font nei nostri progetti, a meno che non sia strettamente necessario.

La scelta del font deve tenere conto di diversi fattori:

● Eventuali loghi o slogan● Leggibilità (non esistono font belli e brutti, ma solo font

adatti)● Attinenza

16

Web & Tipografia

I titoli

I titoli sono usati per suddividere in sezioni il nostro testo, ed è preferibile che questi siano sintetici, concisi e in un colore più scuro rispetto al colore dei paragrafi.

E’ essenziale utilizzare titoli di pagina brevi (massimo 40 caratteri), semplici ed efficaci; inoltre un titolo che contiene i termini più significativi dei contenuti della pagina è un valido supporto per l’indicizzazione.

17

Web & Tipografia

I paragrafi

Per facilitare la lettura, è necessario dividere il testo in più paragrafi, con righe di una lunghezza massima di 60/65 caratteri; righe eccessivamente lunghe non facilitano la lettura e compromettono la comprensione del contenuto.

A differenza della carta stampata, nella tipografia web è preferibile optare per paragrafi brevi e il testo sottolineato va utilizzato solo per i collegamenti ipertestuali (link).

18

Come mostrare se stessi

Il protagonista del tuo sito web sei tu!

19

Come mostrare se stessi

Mostrare se stessi sul proprio sito web ha dei notevoli vantaggi, soprattutto se il nostro obiettivo sul web è quello di vendere i nostri prodotti e le nostre competenze.

20

Come mostrare se stessi

Ma qual è il modo migliore di porci sul web?

● La classica sezione “About”● Facciamoci vedere… ma non del tutto● Una propria fotografia inserita nel layout● Una propria fotografia come parte del layout● Illustrazioni

21

Motiviamo il nostro lavoro

Cerchiamo sempre di dare una motivazione alle nostre scelte e al nostro operato, facciamo capire che, dietro ogni lavoro, ci sono delle motivazioni e degli studi approfonditi.

Il messaggio da trasmettere è: “So quello che faccio, e so cosa potrei fare per te”.

Come mostrare se stessi

22

Offriamo qualche testimonianza

Dedichiamo un piccolo spazio ai testimonial: non è importante che siano molti, ciò che conta è che siano persone reali e con nome e cognome scritto nero su bianco.

Non è neanche necessario un poema: una buona testimonianza può essere anche una sola frase, estrapolata da un contesto più ampio.

Come mostrare se stessi

23

Ottimizzazione SEO

https://static.googleusercontent.com/media/www.google.com/en//intl/it/webmasters/docs/search-engine-optimization-starter-guide-it.pdf

24

Newsletter & DEM

Database building

Si tratta di un’attività delicata e cruciale che richiede tempo, pazienza e strategie specifiche, non con l’obiettivo di ingrossare le fila dei destinatari a qualunque costo, ma consapevoli di stare ponendo il primo, importante mattone di un rapporto proficuo e personalizzato con ciascun destinatario.

25

Newsletter & DEM

Principi chiave da tenere a mente:

● Ampliare la base di utenti● Puntare sulla qualità del database● Ottenere il consenso esplicito● Creare il database: operazione strategica

26

Newsletter & DEM

Come raccogliere il dato:

● Moltiplicare gli entry point● Dare valore● Link nella firma aziendale● Pop-up sul sito web● Pagina Facebook● Download di contenuti rilevanti

27

Newsletter & DEM

28

Single opt-in Double opt-in

Prevede un solo clic di conferma, una volta compilato il modulo con l’indirizzo email e gli altri dati richiesti.

Una volta compilato il modulo e inviata la richiesta, è necessario un clic nell’email di conferma inviata automaticamente.

Aumento della base dati veloce e immediatoIl 100% degli utenti che compilano il form entra in lista.

Aumento della base dati lento e articolatoIn media il 20% degli utenti non conferma l’iscrizione, perdendosi.

Presenza di indirizzi non verificatiDà adito a errori come caselle errate o piene, con conseguenze sul bounce.

Solo indirizzi verificatiMeno bounce e miglior deliverability, con impatto positivo a lungo termine.

Maggior rischio di segnalazioni spamCon conseguenze sulla reputazione del mittente, sia online che offline.

Miglior engagementE meno segnalazioni spam: la conferma attiva prova l’assenza di spam o abusi.