1. Strumenti e Applicazioni del Web
2018/2019
Progetto di Celeri Gabriele, Lucini Francesca e Marangon Andrea
https://technoodles.altervista.org
ANALISI E DISCUSSIONE FINALE
2. 2
L’IDEA
Il nostro blog ha analizzato le dinamiche
che si verificano all'interno del mercato
cinese dell'elettronica di consumo: gli
attori che ne fanno parte, le loro scelte e
i processi che hanno portato alla
situazione odierna oltre alle prospettive
e agli obiettivi per il futuro. Abbiamo
dato particolare importanza alle
strategie comunicative e di marketing
che sono state utilizzate per relazionarsi
al consumatore italiano.
BRAND
CONSUMATORE
Strategie di
comunicazione
e marketing
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
6. 6
GRAFICA: modifiche sul tema (1)
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
La home page è una pagina statica costruita attraverso il widget di testo e l’utilizzo di due plugin applicati
tramite shortcode (Final Tiles Grid Gallery e Responsive Posts Carousel). Questa struttura è stata realizzata
con codice HTML per uniformare la grafica a quella creata con Gutenberg nelle altre pagine del sito.
7. 7
GRAFICA: modifiche sul tema (2)
Abbiamo utilizzato il blocco ‘colonne’ all’interno
dell’editor Gutenberg per inserire i titoli e i grafici
realizzati con
I tre grafici mostrano i principali elementi che emergono
dalle user experiences e che incidono al momento della
scelta del prodotto.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
La pagina dedicata alle user experiences è stata costruita utilizzando Gutenberg e il plugin Responsive Posts
Carousel inserito tramite shortcode. Abbiamo scelto di dividere gli articoli in due caroselli in modo da rendere
meno caotica la visualizzazione da smartphone.
8. 8
GRAFICA: modifiche sul tema (3)
Tramite CSS abbiamo modificato alcuni aspetti che non era possibile cambiare dalle impostazioni del tema scelto.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
Abbiamo scelto di eliminare i suggerimenti che permettevano di visualizzare i post precedente e successivo poiché, durante la
lettura dell’articolo, sono già presenti alcuni suggerimenti nella sidebar e perché graficamente risultavano uniti tra loro nella
visualizzazione da smartphone.
Queste due modifiche hanno una finalità puramente estetica ma ci hanno permesso di personalizzare ulteriormente il nostro blog.
9. 9
GRAFICA: responsive
Poiché la maggior parte degli utenti accede al sito tramite smartphone,
abbiamo dato particolare importanza all’aspetto responsive adottando
soluzioni e plugin che si adattassero al meglio anche alla visualizzazione da
mobile.
L’anteprima dell’articolo
occupa lo schermo
permettendo all’utente una
visione completa. Inoltre, è
possibile scorrere i post sia
utilizzando le frecce
predisposte sia trascinando
orizzontalmente i contenuti.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
11. 11
GRAFICA: widget sidebar
Abbiamo impostato la sidebar sul lato destro solo durante la visualizzazione dei singoli articoli. Al suo interno
sono stati inseriti gli articoli recenti, scegliendo di visualizzarne 10 in modo da occupare buona parte della
lunghezza del testo, un’immagine con link, diversa a seconda delle fasi del blog, altre due immagini con link
agli approfondimenti e la tag cloud.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
13. 13
STRUTTURA: com’è cambiata…
BRAND
User experiences
Comunicazione
Percezione BRAND
ABOUT TN
POSITIONING
La struttura iniziale è stata semplificata: abbiamo eliminato la categoria tech in modo da focalizzarci sugli
aspetti strategici per i brand di cui parliamo. Inoltre è stata inserita la pagina positioning per dare risalto allo
studio che abbiamo svolto.
TEAM
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
USER EXPERIENCESTECH
NEWdlesNEWdles
14. 14
STRUTTURA: i tag
I tag sono stati utilizzati in modo trasversale alle categorie, soprattutto
per connettere ad ogni brand gli articoli che vi fanno riferimento.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
Per i brand di cui parliamo
più spesso abbiamo creato
quattro tag più evidenti che
sono stati inseriti sia nella
home sia nella pagina brand.
15. 15
PLUGIN
Akismet anti spam
Google Analytics by MonsterInsights
UpdraftPlus - Backup/Restore
Yoast SEO
Gutenberg
WPForms Lite
To Top
Utilizzato sia per la scrittura dei post sia per la costruzione delle pagine
Rende più facile risalire la pagina, soprattutto da smartphone
Form semplice per permettere ai lettori di contattare il team
Analisi SEO dei contenuti
Backup di tutte le modifiche e dei contenuti
Connessione ad Analytics
Blocca lo spam nei commenti
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
Preloader Plus Schermata di caricamento personalizzata con i colori del blog
WP Roll Back Permette di installare una versione precedente di un determinato plugin
16. 16
LINEA EDITORIALE
Gli articoli sono comprensibili anche per
un pubblico privo di conoscenze
tecniche.
Trattiamo, infatti, di aspetti diversi che
ruotano attorno al brand e al prodotto
finale; dunque il lettore si avvicina al
blog attirato da un particolare articolo.
Il nostro obiettivo è quello di trattenere
l’utente inserendo numerosi link interni
al blog e stimolare la curiosità e il
desiderio di approfondire.
Per fare ciò comunichiamo in modo
semplice le novità tecnologiche, le
analisi delle strategie comunicative e gli
studi sulla percezione dei brand.
Possibilità di
approfondire
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
18. 18
STRUMENTI: lavoro e condivisione
Questionari
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
19. 19
Google PageRank e SEO
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
TechNoodles appare tra i primi risultati proposti da Google. Tre delle prime quattro voci sono riferite al
nostro blog. Non solo la homepage ma anche la categoria brand e la pagina Twitter sono presentate da
Google come voci in evidenza.
20. 20
CANALI SOCIAL: Facebook
I followers della nostra pagina sono aumentati in modo costante:
inizialmente abbiamo coinvolto amici e colleghi di università e, da
gennaio, abbiamo promosso il progetto in gruppi tematici presenti sui
social (evidenziamo infatti la crescita avvenuta all’inizio del mese).
Abbiamo coinvolto i nostri lettori utilizzando anche piccoli sondaggi in
merito a questioni che venivano sollevate dai nostri articoli. In questo
modo coinvolgiamo l’utente e lo invitiamo a leggere i post in modo
diverso dalla classica condivisione dei
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
20
21. 21
CANALI SOCIAL: Facebook
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
La rappresentazione grafica della
stima di visualizzazioni che i nostri
post hanno fatto registrare mostra
come, nei giorni di pubblicazione dei
post sulla pagina Facebook, le
visualizzazioni si aggirino tra le 40 e le
100, con un calo verso la fine del mese
di gennaio.
Conseguenza di questo andamento
sono le interazioni da parte di chi
segue la nostra pagina. I picchi più alti
si registrano in giorni in cui abbiamo
pubblicato più post o quando abbiamo
pubblicato i questionari.
Le user experiences sono tra i post che
hanno attirato più reazioni grazie alle
condivisioni da parte degli intervistati.
22. 22
CANALI SOCIAL: Twitter
In questo grafico sono presentate le visualizzazioni e i tweet. In generale, sono i tweet a portare visualizzazioni al
profilo, infatti, nei giorni in cui non abbiamo pubblicato non si è registrato traffico. Il numero delle visualizzazioni
è aumentato soprattutto in prossimità del retweet da parte di Apple Italia News registrato il 18 gennaio. Grazie al
retweet si è verificato un notevole incremento trascinatosi per alcuni giorni.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
23. 23
ANALYTICS: dati generali
Il blog è stato associato a Google Analytics tramite il plugin Monster Insight. In questa schermata sono
riportati i dati generali che saranno analizzati più approfonditamente nelle slide successive
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
24. Articolo Facebook TNTwitter TN
24
ANALYTICS: attività (1)
Social personali
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
Le visite risultano essere più sensibili alle pubblicazioni sulla pagina Facebook di TechNoodles. Anche i profili
personali del team hanno contribuito all’aumento delle visite, soprattutto per ampliare la rete e far confluire utenti
sulla pagina del blog.
25. ANALYTICS: attività (2)
25
In questo secondo periodo, dopo aver pubblicato post in tutte le categorie e aver riempito il blog, è diminuita la
frequenza di pubblicazione assestandoci sui due/tre articoli a settimana. Anche in questa fase è Facebook ad
attirare più utenti sul sito
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
Articolo Facebook TNTwitter TN Social personali
26. 26
ANALYTICS: pagine più visitate
Dopo la home, la pagina più visitata è quella dedicata allo
studio compiuto sul brand positioning, grazie anche al link
diretto presente nel questionario con cui abbiamo raccolto i
dati.
HOME
Appare tra i più visitati anche uno degli articoli di
approfondimento pubblicato di recente.
Le user experiences hanno riscosso grande successo anche
grazie condivisione dei post da parte degli intervistati.
L’unico articolo singolo che appare in questa lista è infatti
una user experience.
Altra pagina molto visitata è stata ‘Team’ (About TN),
raggiungibile anche dal footer.
Tra i tag/brand, il più visitato è stato Xiaomi.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
27. 27
ANALYTICS: comportamento utente
La maggior parte degli utenti
proviene da Facebook. Grazie al
link pubblicato ci si dirige
direttamente al post per poi
abbandonare il blog (solo il 20%
circa fa registrare una 2a
interazione).
Le altre sorgenti e le ricerche
dirette, invece, portano l’utente
a passare prima dalla home per
poi proseguire con la 1a
interazione. Questi visitatori
visualizzano più pagine e si
muovono nel sito fino a
raggiungere anche la 12a
interazione prima di
abbandonare TachNoodles.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
28. 28
ANALYTICS: dispositivo
TechNoodles è visualizzato principalmente
tramite smartphone persiste comunque una
buona percentuale di utenti da desktop.
Smartphone made in
China?
Per essere coerenti con il tema del blog e
approfondire ulteriormente l’analisi, abbiamo
pensato di presentare i primi 10 modelli da cui i
nostri utenti hanno letto gli articoli in questi
mesi.
iPhone è in prima posizione ma non è precisato
il nome del device e si dovrebbe trattare della
la somma di più modelli. Molto presente
Huawei con gli ultimi modelli lite, seguono
OnePlus e Samsung.
TechNoodles: progetto di Celeri Gabriele, Lucini Francesca, Marangon Andrea
29. Progetto di Celeri Gabriele, Lucini Francesca e Marangon Andrea
https://technoodles.altervista.org
GRAZIE