![Page 1: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/1.jpg)
![Page 2: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/2.jpg)
About me
Alessandro Gobbo
Freelance Web Consultant
Email: [email protected]: (+39) 333 8736133
https://it.linkedin.com/in/alessandro-gobbo-1ba47164
2
![Page 3: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/3.jpg)
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à
![Page 4: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/4.jpg)
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
![Page 5: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/5.jpg)
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
![Page 6: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/6.jpg)
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
![Page 7: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/7.jpg)
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
![Page 8: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/8.jpg)
Come scegliere i colori giusti?
Tutto questo cosa ha a che vedere conla pubblicità e la grafica?
8
![Page 9: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/9.jpg)
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
![Page 10: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/10.jpg)
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
![Page 11: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/11.jpg)
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
![Page 12: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/12.jpg)
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
![Page 13: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/13.jpg)
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
![Page 14: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/14.jpg)
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
![Page 15: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/15.jpg)
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
![Page 16: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/16.jpg)
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
![Page 17: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/17.jpg)
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
![Page 18: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/18.jpg)
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
![Page 19: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/19.jpg)
Come mostrare se stessi
Il protagonista del tuo sito web sei tu!
19
![Page 20: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/20.jpg)
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
![Page 21: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/21.jpg)
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
![Page 22: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/22.jpg)
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
![Page 23: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/23.jpg)
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
![Page 24: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/24.jpg)
Ottimizzazione SEO
https://static.googleusercontent.com/media/www.google.com/en//intl/it/webmasters/docs/search-engine-optimization-starter-guide-it.pdf
24
![Page 25: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/25.jpg)
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
![Page 26: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/26.jpg)
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
![Page 27: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/27.jpg)
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
![Page 28: About mealessandrogobbo.com/tss/documents/002_TSS_15-11-2017.pdf · dai più’ giovani. Può’ anche essere associato all’idea del tradimento e della gelosia. Arancione: Un colore](https://reader034.vdocuments.site/reader034/viewer/2022042918/5f5f6d18c23502660c3e5f57/html5/thumbnails/28.jpg)
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.