2020dc è un blog che parla dell'influenza che ha avuto un maggiore utilizzo della tecnologia dovuto al Covid-19.

2. ALICE CATTELAN
IRENE VALLI
RICCARDO BASSO
SONIA SECCO
Team

3. Il nome del blog nasce dall’idea che il 2020 sia stato un nuovo anno 0.
Visto l’anno rivoluzionario abbiamo deciso di giocare sull’abbreviazione d.C.,
convenzionalmente utilizzata per riferirsi al termine “dopo Cristo”. Al contrario, con la nostra
rielaborazione la c minuscola indichiamo un “dopo covid”, riferendoci alla trasformazione iniziata a
Marzo 2020.
Duemilaventidc
Lo scopo del blog è quello di sottolineare l’importanza e l’impatto di questa novità,
facendo risaltare alcune soluzioni che potrebbero essere molto utili. Si andranno ad analizzare
diversi aspetti della vita quotidiana e non, circoscritti a tre macro-aree: cyberpsicologica,
lavorativa-organizzativa ed eventi-spettacolo.

4. Architettura del blog

5. Architettura - header
L'header, presente uguale in ogni sezione del sito, spiega di cosa parla il blog.
Attraverso il main menu è possibile accedere a qualsiasi parte del sito.

6. Architettura - menù
Home - Presenta la lista di tutti gli articoli. Riteniamo possa risultare la scelta più
efficace poiché l’obiettivo del blog è quello di diffondere contenuti.
Eventi-spettacolo, lavoro-organizzazione, cyberpsicologia - Tre categorie che
caratterizzano il blog. La categoria lavoro-organizzazione ha una sottocategoria: new
tools. La categoria cyberpsicologia ha una sottocategoria: società.
About us - Presenta l’obiettivo del sito e la descrizione delle tre categorie. Dal
sottomenu di about us si raggiunge la pagina team.
Collegamenti ai social - Twitter, LinkedIn, Telegram.

7. Architettura - widget
Leggere un articolo casuale.
Ispezionare la tag cloud.
Cercare specifiche informazioni all'interno del blog.
All'interno di ogni articolo sono presenti alcuni widget per:
Visualizzare gli articoli recenti.
Gli stessi widget sono presenti anche
nella home page e nelle pagine
relative all'about us e team.

8. Architettura - footer
Per il nostro blog abbiamo optato per un footer abbastanza semplice, contenente una
sezione relativa ai social network, un'altra sezione con una mail per chiedere
informazioni direttamente allo staff del blog e infine ritroviamo ancora una volta una
sezione per effettuare una ricerca specifica all'interno del blog.

9. Struttura articolo - 1
Ogni articolo inizia con il suo
titolo, alcune informazioni relative
la categoria di appartenenza, il
tempo di lettura, la data di
pubblicazione e l'autore.

10. Struttura articolo - 2
Collegamenti interni, se
possibili con nostri
articoli
Possibilità di
condividere i nostri
articoli sui social
Tag significativi
Possibilità di
lasciare un
commento

11. Struttura articolo - 3
Alcuni articoli presentano nella
parte finale un breve elenco
delle fonti utilizzate per la
stesura dell'articolo, mentre in
altri le fonti sono specificate
all'interno del corpo dell'articolo
stesso, man mano che vengono
utilizzate.
In tutti gli articoli è presente in
fondo una scheda contenente
informazioni sull'autore
dell'articolo.

12. Approfondimenti personali
Nextcloud: rivoluzione open source nel mondo del cloud
Piattaforme online divulgatrici di eventi live: inizia il vero declino per i
media tradizionali?
Social network e informazione ai tempi del Covid-19
Libertà di espressione sui social: dall’emergenza Covid ai giorni d’oggi.
Il percorso in questo anno 0 dopo Covid
Irene Valli:
Riccardo Basso:
Sonia Secco:
Alice Cattelan:

13. Architettura - Plugin installati
Anti-spam
Icone social Tempo di lettura Barra di lettura
Pubblicazioni
automatiche LinkedIn
Backup Analytics
Table of contents
WordPress.com Analisi SEO

14. Identità Grafica

15. Identità grafica - Tema
Il tema di Wordpress: Versal
E' maggiormente personalizzabile rispetto ad altri temi presi in considerazione
(Altervista Freeda)
Permette di accedere all'editor che contiene i file php, in modo da
modificare il codice nel punto preciso in cui serve
E' un tema WordPress leggero
Si adatta maggiormente alla nostra idea di blog, per la grafica pulita

16. Identità grafica - logo e favicon
Il logo presenta una forma con duplice significato: indica sia un virus ma al contempo riprende
l'idea di elementi di circuito con componenti elettronici che rendono l'idea di connettività.
Il logo è stato modificato rispetto alla versione iniziale per renderlo più leggibile da mobile.
Per la favicon e per le immagini profilo dei social
è stata utilizzata la parte iconografica del logo.

17. Identità Grafica - Font e Palette
#a4bebf Sfondo
Font-family:
#298488 Barra Menù
Palette colori pagina:
#001e1e Footer #000000 Testo articoli
'Poppins', sans-serf

18. Identità grafica - immagini
Per le immagini in evidenza sono state utilizzate immagini di:

19. Visualizzazione su mobile e desktop

20. Personalizzazione CSS

21. Personalizzazione CSS - Tema figlio
Per apportare alcune modifiche al nostro blog è stato creato un tema figlio,
di nome Versal Child, all'interno del quale sono stati modificati i seguenti file:
style.css
header.php
functions.php
Le principali modifiche effettuate sono riportate nelle slide seguenti.

22. style.css - 1
Qui ci sono le classi più
importanti per la
personalizzazione
dell'immagine contenente
il claim nella sezione
about us.

23. style.css - 2

24. style.css - 3
Qui ci sono le classi più
importanti per la
personalizzazione della
sezione dell'header
contenente l'immagine
che scorre seguendo il
puntatore del mouse.

25. header.php - 1
Questa sezione di codice
permette di ottenere un
header dinamico, con lo
sfondo che scorre
seguendo il puntatore del
mouse.

26. header.php - 2
Questa sezione di
codice permette di
ottenere un gradevole
effetto di transizione
nell'immagine che
contiene il nostro claim
nella sezione about us.

27. functions.php

28. Organizzazione

29. Linea editoriale
Accessibile a chiunque sia curioso e interessato ad informarsi sugli aspetti
tecnologici della vita quotidiana e non
Carattere divulgativo
Pubblico di riferimento: utenti dai 18 ai 55 anni
Linguaggio friendly, accessibile a tutti

30. Piano editoriale
Abbiamo deciso di pubblicare
quattro volte a settimana, una
per componente del gruppo.
Per il piano editoriale è stato
utilizzato Google Calendar.
Abbiamo creato un calendario
dedicato ad ogni canale (blog,
Twitter, LinkedIn, Telegram) per
riuscire a gestire meglio le
pubblicazioni.
Nei social (Twitter, LinkedIn e Telegram) abbiamo pubblicato con una frequenza maggiore a
causa dei problemi iniziali con Facebook e Instagram.
Gli eventi che presentano il termine AUTO prevedono pubblicazione automatica.

31. Organizzazione gruppo
Google Drive: per la condivisione del materiale e la programmazione
Telegram: per confronto, consigli, discussioni
Google Meet: organizzazione, lavoro a schermo
condiviso, confronti diretti
Canva: per la realizzazione dei post
iniziali, progettazione infografiche

32. Presenza sui social
La nostra presenza sui social è stata abbastanza combattuta, ma alla fine siamo approdati su:
Duemilaventidc .
@2020dc 2020dc

33. L'argomento del blog (Il Coronavirus) è stato oggetto di attenzione da parte
degli algoritmi di rilevazione automatica di anomalie o fake news.
Facebook e Instagram non permettevano di pubblicare post contenenti
link al nostro blog.
Per questo motivo siamo stati costretti ad abbandonare questi due
strumenti.
Problemi social

34. Strumenti di automazione
Pubblicazione automatica
dei post su Linkedln
Programmazione pubblicazione
degli articoli sul blog

35. Analisi dei dati

36. Abbiamo ricevuto maggiori visualizzazioni l'8 marzo in corrispondenza della pubblicazione dei risultati del
sondaggio "Social tra informazione e libertà di espressione".
La durata media della sessione è di 16 minuti, quindi gli utenti leggono più di un articolo.
Poiché il blog è giovane abbiamo una percentuale maggiore di nuovi visitatori.
Visualizzazioni del blog per giornata dal 1 gennaio 2021 al 12 marzo 2021
Visualizzazioni del blog

37. La pagina del sito con il maggior numero di visualizzazioni è la home del blog. Più del 60% degli
utenti non ha abbandonato il sito ed è passata ad un'altra pagina.
Al secondo posto si trova l'articolo con i risultati del sondaggio "Social tra informazione e libertà di
espressione". In generale la percentuale di uscita negli articoli è maggiore che nelle pagine.
Visualizzazioni delle pagine dal 1 gennaio 2021 al 12 marzo 2021
Visualizzazioni delle pagine

38. Dispositivi
Come ci si aspettava la maggior parte degli utenti accede al sito
tramite dispositivo mobile, ma ci spende meno tempo che da
desktop.
Potremmo apporre delle migliorie nel sito nella versione mobile,
come ad esempio la leggibilità, per fare aumentare la durata della
sessione anche da smartphone.
Dati ricavati dal 1 gennaio 2021 al 12 marzo 2021

39. La maggior parte dei referral vengono generati da Twitter e da LinkedIn. Non ne vengono rilevati invece
tramite il canale Telegram.
Referral
Referral dal 1 gennaio 2021 al 12 marzo 2021

40. Target dei visitatori
Il nostro pubblico di riferimento erano utenti dai 18 ai 55 anni. Volevamo rendere il blog
accessibile a chiunque fosse curioso e interessato ad informarsi sugli aspetti tecnologici della vita.
Analizzando i dati siamo riusciti a raggiungere il target che ci eravamo prefissati, in particolare gli
utenti dai 18 ai 34 anni. Controllando le categorie di interesse possiamo vedere che sono
inerenti al mondo del computer ed elettronica.
Dati ricavati dal 1 gennaio 2021 al 12 marzo 2021

41. Linkedln
La copertura è stata abbastanza omogenea. I nostri post raggiungevano una media
di 100 visualizzazioni.
Abbiamo stretto dei
collegamenti importanti con
attori influenti all'interno del
social

42. Twitter - 1
Nei tre mesi in cui abbiamo gestito twitter, ci sono state in totale 6.800
visualizzazioni, con una media di 77 al giorno.
Il giorno con maggiori visualizzazioni è stato il 26 febbraio, con un totale pari a
745.

43. Twitter - 2
Qui a lato sono mostrati i
4 tweet con il maggior
numero di visualizzazioni
totali.

44. Tramite un questionario
abbiamo voluto provare a
creare un'interattività con il
pubblico e la strategia si è
rivelata efficace. Infatti il
tweet maggiormente
visualizzato e condiviso è
stato quello relativo al
sondaggio.
Twitter - 3

45. Telegram - 1
Il nostro canale Telegram ha ottenuto
25 iscritti, raggiungendo un'apice di 59
visualizzazioni in alcuni degli articoli
pubblicati.

46. Telegram - 2
Abbiamo aggiunto DiscussBot per
dare la possibilità agli utenti di
commentare gli articoli.

47. Telegram - 3
Abbiamo pubblicato gli articoli sul
canale in corrispondenza del giorno in
cui venivano caricati sul blog.
Per creare un'interazione con il
pubblico abbiamo creato dei
sondaggi.

48. Telegram - 4
Fra tutti i social network utilizzati,
abbiamo notato che Telegram
sia stato quello che ha riscosso
meno interazioni e il blog è stato
raggiunto attraverso il canale
solamente una volta.

49. Riflessioni
finali

50. Sviluppi futuri
Dopo aver notato che il numero maggiore di accessi e di visite al blog
deriva da dispositivi mobili, sicuramente in futuro potremmo dare più
attenzioni e sviluppare di più la parte mobile del blog.
I social portano un traffico notevole, quindi in un futuro dovremmo
continuare a concentrarci su di essi e sfruttare ancor di più le loro
caratteristiche.
Abbiamo notato come il coinvolgimento degli utenti tramite questionari
ha portato dei feedback positivi e un maggior traffico. In futuro potremmo
incrementare questa interazione per far crescere ancor di più gli accessi al
blog.

51. Grazie!