Analisi del sito web "www.birrificioangeloporetti.it" che concorre alla valutazione dell'esame di Teorie e Linguaggi della Comunicazione Digitale e del Web Marketing.

1. Elena Bignami Vincenzo Calabrò Andrea Marassi
WebMonsters
1MSTC Teorie e Linguaggi della Comunicazione Digitale e del Web Marketing

2. 1
La storia di Angelo Poretti
Il Birrificio Angelo Poretti è un birrificio italiano.
In seguito a varie acquisizioni il nome è diventato un marchio appartenente a
Carlsberg Italia S.p.a., società facente parte del gruppo Carlsberg.

3. Spazio del contenuto e spazio del paratesto
2

4. Lo spazio del contenuto
Cosa mi vuole far vedere il sito web?
IMMAGINI TESTI VERBALI
3

5. Lo spazio del contenuto
4

6. WebMonsters X Angelo Poretti 4
Lo spazio del paratesto
Dove sono, da dove vengo e dove vado?
STRUMENTI DI NAVIGAZIONE
5
Lo spazio del paratesto
Dove sono, da dove vengo e dove vado?
STRUMENTI DI NAVIGAZIONE

7. Lo spazio del paratesto Home Page
- Il logo perché risponde alla domanda “dove sono?”
- La barra principale di navigazione
- La barra di navigazione secondaria
- I collegamenti ai social (facebook, twitter, instagram)
- Le briciole di pane
- Le immagini Visita il Birrificio e Momenti da Expo
- Storia di Angelo Poretti
- Expo 2015
- Fascia “Le nostre birre”
- Fascia “In cucina con Alma”
- Fascia Approfondimenti con immagini cliccabili
- Barra Footer con link utili, collegamento social, Expo
6

8. Saperi e Generi
7

9. Quali sono i saperi che il sito pone come condizione necessaria per
essere utilizzato?
Saperi
8

10. Saperi Lingue necessarie:
italiano o inglese
Familiarità
con i social
Conoscenza del funzionamento
del logo della homepage
Conoscenza delle concezioni minime delle interfacce web
Doppia barra di navigazione e footer
9

11. Il sito “www.birrificioangeloporetti.it” è un sito vetrina che pubblicizza i propri
prodotti e pubblica materiale informativo.
Si appoggia al sito e-commerce esterno “www.vogliadibirra.it” per la vendita dei
prodotti via internet.
Generi
10

12. Alberatura sito
HEADER
- Visita il birrificio
- e-Shop
- Collegamenti Social Network
- Lingua
- Italiano
- Inglese
- Export
HEADER
- ID/ Nome del sito
- La storia
-Il birrificio
- Luppolopedia
- Birre
- Le ricette
- Media
BODY
- Slider fissi
- Immagini navigabili
- Testo
- Collegamenti
- Pulsanti
FOOTER
- Birrificio Angelo Poretti
- Birre
- Link Utili
- e-shop
- cookie
- www.beviresponsabile.it
- Expo 2015
- Icone social
- Copyright
Generi Analisi di Benchmarking
11
Il sito “www.peroni.it” è un sito vetrina che pubblicizza i propri prodotti e pubblica
materiale informativo.

13. Alberatura sito
HEADER
- Visita il birrificio
- e-Shop
- Collegamenti Social Network
- Lingua
- Italiano
- Inglese
- Export
HEADER
- ID/ Nome del sito
- La storia
-Il birrificio
- Luppolopedia
- Birre
- Le ricette
- Media
BODY
- Slider fissi
- Immagini navigabili
- Testo
- Collegamenti
- Pulsanti
FOOTER
- Birrificio Angelo Poretti
- Birre
- Link Utili
- e-shop
- cookie
- www.beviresponsabile.it
- Expo 2015
- Icone social
- Copyright
Generi
12
Il sito “www.birramoretti.it” è un sito vetrina che pubblicizza i propri prodotti
e pubblica materiale informativo.
Analisi di Benchmarking

14. 13
Lettore-utente modello

15. 14
Per chi è stato progettato il sito web?
1. CARATTERISTICHE
ANAGRAFICHE
2. COMPETENZE
INFORMATICHE
Lettore-utente modello

16. 15
Lettore-utente modello 1. Caratteristiche anagrafiche
http://www.exactitudes.com
Sesso: Uomo
Età: 27 anni
Interessi: musica, moto e moda
Sesso: Uomo
Età: 35 anni
Interessi: arte, cibo e cinema

17. 16
Lettore-utente modello 2. Competenze informatiche
Conoscenza delle concezioni minime delle interfacce web
Utilizzo abitudinario di smartphone
Utilizzo del web anche per effettuare acquisti online

18. 17
Azioni e desideri

19. 18
Azioni e desideri
Quali azioni mette a disposizione il sito?

20. 19
Azioni e desideri
ACQUISTARE INFORMARSI INTERAGIRE

21. 20
Azioni e desideri Acquistare

22. 21
Azioni e desideri Informarsi

23. 22
InteragireAzioni e desideri
Il sito propone un viaggio virtuale completo all’ interno del mondo Poretti.
Il lettore può seguire lo sviluppo del prodotto dalla sua nascita fino all’ incontro
con il consumatore.

24. 23
Analisi dello Spazio visivo

25. 24
“Angelo Poretti è marchio industriale della birra, che negli ultimi anni ha deciso
di vestire i panni dell’artigianale per raggiungere nuovi segmenti di mercato, con
una scelta che ha rivelato una curiosa passione per i luppoli.”
cronachedibirra.it
Brand Image e linea comunicativa generale

26. 25
Brand Image e linea comunicativa generale
La strategia di Poretti – appartenente al gruppo Carlsberg – è iniziata qualche anno fa, e fonda la sua
comunicazione su un numero variabile di luppoli da 3 a 10.
L’obiettivo è quello di intercettare i desideri dei consumatori, che rispetto al passato sono diventati
più esigenti e diversificati.

27. 26
Livello grafico-visivo
I contenuti visivi del sito sono chiari e ben organizzati.
In alto a sinistra troviamo due paratesti:
“Visita il birrificio” ed “e-shop” che rappresentano rispettivamente il chi e il che cosa andremo a
raccontare.
In alto a destra si trovano i loghi dei principali social, che rimandano alla comunicazione integrata
dell’azienda, spiegando come e con quali mezzi l’azienda comunica on-line.

28. 27
Livello grafico-visivo
Provando a invertire le tonalità, ad usare una scala di grigi o un semplice bianco e nero il sito risulta
sempre ben comprensibile, a favore dell’accessibilità da parte di utenti diversamente abili.

29. 28
Livello grafico-visivo
In seguito ad un’analisi di Design effective Visuals (FENG-GUI) abbiamo notato quali sono le aree che
attirano maggiormente l’attenzione nei primi 3 secondi di utilizzo:

30. 29
Analisi della coerenza e dell’usabilità

31. 30
Analisi della coerenza e dell’usabilità
Sono rispettate le principali funzioni di un sito, ma manca una funzione di ricerca semplice e pratica
che possa aiutare il lettore nel ritrovare con immediatezza specifici contenuti.
L’intero sito è progettato per fornire paratesti che rimandano ad “articoli testuali” più specifici, ma la
mappa del sito non è presente e va implementata.
Nel complesso il sito risulta avere una struttura semplice ma abbastanza intuitiva.

32. 31
Analisi della coerenza e dell’usabilità

33. 32
Analisi della coerenza e dell’usabilità

34. 33
Analisi della coerenza e dell’usabilità
5. Non è presente un area Search

35. 34
Analisi della coerenza e dell’usabilità

36. 35
Analisi della coerenza e dell’usabilità
7. Non sono presenti menù a tendina in quanto i contenuti non sono molti
8. Non ci sono contenuti promossi in homepage perchè il sito ha un e-commerce esterno
9. Al contrario, l’home-page è molto pulita e non ci sono eccessi grafici

37. 36
Analisi della coerenza e dell’usabilità

38. 37
Modifiche sito web

39. 38
Modifiche sito web
Lo stato dei tasti cambia passandoci sopra con il mouse, indicando di conseguenza una possibile
interazione da effettuare.
Aggiungere Youtube nella barra di navigazione dei collegamenti social perchè è una piattaforma
web di video sharing da sfruttare e da non sottovalutare.

40. 39
Una barra di ricerca utile agli utenti per orientarsi all’interno del sito e scrivere ciò che desiderano
trovare in velocità.
Modifiche sito web
Le icone di Instagram e Youtube non possono mancare nella sezione dei collegamenti ai social, in
particolar modo su dispositivo mobile.

41. 40
La mappa del sito all’interno della barra del Footer è indispensabile e molto utile perciò non può
non contenere le informazioni più importanti del sito web.
Modifiche sito web

42. Elena Bignami Vincenzo Calabrò Andrea Marassi
WebMonsters
1MSTC Teorie e Linguaggi della Comunicazione Digitale e del Web Marketing