Presentazione finale del progetto di gruppo per Strumenti e applicazioni web. Presentazione su Google: https://docs.google.com/presentation/d/1KPE1n4KpielKiPGJpo3m1qCsW2FO7eCxdSM6EFD0iyQ/edit?usp=sharing

1. Pietro Diliberto | Serena Fossati
Arianna Goldoni | Federico Mandelli
Whet your
Appetite

2. Chi siamo
Pietro Diliberto
Informatica per la
Comunicazione Digitale
UNIMI
Developer e UX/UI
Designer
Serena Fossati
Relazioni pubbliche e
comunicazione
d’impresa
IULM
Copywriter e
Grafica
Arianna Goldoni
Scienze della
comunicazione
UNIBO
UX Designer e
Grafica
Federico Mandelli
Filosofia
UNIMI
Copywriter e Web
designer

3. Blog

4. Blog di carattere
divulgativo e di
approfondimento
Il blog offre spunti di riflessione
e news aggiornate sul settore del
food delivery, inerenti a quattro
tematiche principali:
Etica
Trend
Casi aziendali
Tecnologia

5. Blog amici e fonti
Blog con cui abbiamo collegato
i nostri articoli:
Alcune delle fonti utilizzate per
i nostri post e articoli featured
sono:

6. Strumenti di lavoro
● Slack, Whatsapp
● G Suite - Drive, Slide,
Docs, Sheets, Forms, Keep,
Mail
● Wireframe.cc
● Photoshop
● App wordpress
● Infogram

7. Etica,
tecnologia,
mercato, trend
Post featured
Foodporn: visual
marketing per il food
delivery
Il food delivery: una
panoramica dalle origini allo
sviluppo omnicanale
Confronto UX e principali
funzionalità delle app di
food delivery
Gig economy ed aspetti
etici relativi ai rider

8. Architettura del sito

9. Grafica

10. Palette di colori
Abbiamo optato per una
palette costituita da 4 colori
principali. La scelta è
ricaduta su toni sgargianti
ma non troppo accesi.
Ogni colore è collegato a un
tema e mantenuto coerente
all’interno del sito web.

11. Tema Illdy
Abbiamo scelto un tema per creare un blog one page per rendere
più fluida la navigazione.

12. Font e leggibilità
● Ombreggiatura: migliora
la leggibilità su sfondo
bianco
Titoli
● Font “Poppins”, medie
spaziature
● Colore grigio, trend del
momento, ma più scuro
per migliore leggibilità
● Corsivo: limitato a
citazioni e parole straniere
● Grassetto: per evidenziare
concetti chiave
Testo
Contrasto
● Controllo e correzione
del contrasto tra testo e
sfondo in ogni sezione

13. Logo
Dopo aver studiato e provato
diverse opzioni...
...Siamo finalmente giunti ad
un logo definitivo:

14. Plugin, interventi in CSS,
HTML e Javascript

15. ● Modifiche HTML/PHP delle pagine a livello strutturale
e contenutistico.
● Oltre 400 righe di codice CSS per modificare lo stile e
la visualizzazione grafica di numerosi elementi.
● Scripting lato client (JavaScript) per la modifica
dinamica di struttura ed interazione.
● Modifiche griglia Bootstrap e utilizzo delle relative
classi per una migliore impaginazione dei contenuti.
● Commento del codice e Changelog delle modifiche.
Interventi nel codice

16. Interventi nel codice - CSS

17. Interventi nel codice - CSS

18. Interventi nel codice - JS

19. Interventi nel codice - JS

20. Plugin
Principali add-on
integrati nel blog
● AddToAny Share Buttons - Bottoni di
condivisione rapida sui principali social
network
● Gutenberg Wordpress - Struttura articoli
● Contact Form 7 - Form di contatti
● GDPR Cookie Consent - Gestione cookie
policy
● Header and Footer Scripts - Inserimento
script
● Same Category Posts - Suggerimento
automatico di articoli attinenti dal blog
● UpdraftPlus - Backup automatico in
Google Drive)
● Jetpack - Funzionalità di sicurezza
● Yoast SEO - Supporto SEO

21. AddToAny Share Buttons
Aggiunta e personalizzazione di
bottoni per la condivisione
rapida dei contenuti su social
network e applicazioni di
messaggistica.
Bottoni presenti all’interno
della lista degli articoli e alla
fine di ogni articolo.

22. GDPR Cookie Consent
Aggiunta di un banner per gestire, insieme alla privacy policy
Iubenda, il consenso all’utilizzo dei cookie di terze parti, per
adeguarsi allo standard di conformità richiesto dal testo della GDPR.

23. Header and Footer Scripts
Permette di aggiungere codice JavaScript nell’header e/o footer del
sito web o delle singole pagine del blog, senza dover intervenire
direttamente nel codice.

24. Same Category Posts
Suggerisce automaticamente in fondo ad ogni articolo link ad altri
contenuti dal blog attinenti alla medesima categoria.

25. UpdraftPlus Backup
Plugin per il backup giornaliero e
il ripristino automatico di
database, temi, plugin, file e
media.
Integrato con Google Drive
(backup and upload).

26. Sguardo d’insieme

27. Strategia: articoli,
social e automazione

28. Linea editoriale
Quattro categorie: casi
aziendali, trend,
tecnologia, etica
Ogni post associato a
una o due categorie
● Linguaggio semplice e
non tecnico, ma credibile
● Regolarità nelle
pubblicazioni:
4 post a settimana
(Prove durante il primo mese)
● Da fine novembre a fine
gennaio
Serena Lunedì 18:00
Federico Mercoledì 18:00
Pietro Giovedì 18:00
Arianna Domenica 11:00

29. Struttura articoli
● Lunghezza: 500/800 parole
● Struttura: suddivisione in paragrafi
● Editor: Gutenberg
● Elementi aggiuntivi:
- Immagini, embedding di contenuti
- Link interni ed esterni, fonti a fondo pagina
- Attenzione al corretto utilizzo dei tag HTML per titoli e
sottotitoli in ottica SEO
- Inserimento di un breve riassunto per ogni articolo
- Pianificazione per pubblicazione automatica

30. Facebook
Canale social
principale
● Rilancio di articoli del blog
● Coinvolgimento degli utenti
per compilare questionari
● Interazioni, anche in chat,
con i fan
● Frasi o novità tratte dagli
articoli
● Standard comune per il
layout
● Condivisione su profili privati

32. Copertura Locale

33. IFTTT
Sistema di automazione per la
condivisione su FB con WP
Facebook Auto Publish
1° step
- Immagine in primo piano:
dal blog a Facebook
- Impostazione orario di
condivisione
2° step
Descrizione post FB:
- Emoticons scelte
- Invito alla lettura
- Informazione che crea
aspettative o curiosità

34. Instagram
Secondo canale
social per ampliare
la visibilità
● Post giornalieri (due post la
domenica)
● Frasi o novità tratte dagli
articoli
● Importanza di essere
pertinenti nei post
● Standard comune per il
layout
● Tag delle aziende citate nel
post
● Uso delle stories per invitare i
follower a condividere i piatti
delle feste
● Stories collezionate in una
cartella in evidenza

36. Everyday statistics:
● App Wordpress
● Jetpack
Google Analytics:
● Analisi approfondite
● Tempi di lettura per articolo
● Bounce rate
Analytics
Jetpack o Google Analytics?

37. Dati Google Analytics integrati all’interno di una Dashboard Google
Data Studio.
Visualizzazione dinamica e in real time delle metriche scelte suddivise
in tre viste personalizzate contenenti le statistiche principali e di
maggior interesse.
Possibilità di condivisione in sola visualizzazione anche ad utenti non
GSuite.
Possibilità di collegare analytics provenienti da altre piattaforme
(Facebook, Instagram) tramite connettori a pagamento.
Integrazione Data Studio

38. Utenti in rapporto alla settimana precedente
Data Studio - Overview

39. Visualizzazioni per città
Data Studio - Utenti e dispositivi

40. Analisi dati
1
2
3
4
1. Conclusione della prima settimana di pubblicazioni.
2. Interruzione della pubblicazione durante periodo natalizio.
3. Ripresa delle pubblicazioni e condivisione intervista ad Alessandro
Severino (chef a domicilio).
4. Pubblicazione e condivisione del primo “post featured”
e ri-condivisione PrestoFood di Guido Consoli.

41. Analisi dati - Eventi significativi
Pubblicazione e ricondivisione articolo “Lo chef è servito! Un cuoco a
domicilio dai social alla tavola” con intervista ad Alessandro Severino.

42. Analisi dati - Eventi significativi
Pubblicazione post Instagram a rilancio dell’articolo “PrestoFood, la
realtà italiana che sfida Deliveroo”.
“Mi piace” e ricondivisione nelle
storie da parte di Guido Consoli
(CEO & founder PrestoFood).

43. Analisi dati - Eventi significativi

44. Google Search
Console e
Bing Webmaster
Per facilitare l’indicizzazione
ed ottimizzare la visibilità del
sito web

45. Google form feedback

46. Grazie per
l’attenzione!