1
INDICE // 2.4 NEWSLETTER WEB // 2.0 ABOUT
MODERN OBIETTIVI
// 1.0 RESTYLING LOGOMARCHIO
// 2.2 GRAFICA
// 2.1 WIREFRAMES
// 3.1 WIREFRAMES
// 3.0 ABOUT
JOURNAL
// 2.3 LA MOBILE DI MODERN
// 3.3 APP iPHONE / iPAD
// 4.0 PANNELLO AMMINISTRATIVO
// 4.4 CAMPAGNA PUBBLICITARIA
// 4.2 NEWSLETTER CARTACEA
// 4.1 LOGHI PROGRAMMI
// 3.2 GRAFICA 3.4 NEWSLETTER WEB
// 4.3 TESSERA ABBONAMENTO
GLI OBIETTIVI QUESTI SONO GLI OBIETTIVI DA CUI SIAMO PARTITI PER REALIZZARE IL NOSTRO PROGETTO
• Valorizzare il marchio con l’obiettivo di diffondere su più ampia scala l’identità della radio. • Definire una comunicazione visiva che sia in grado di parlare di radio popolare con un linguaggio forte, chiaro ed efficace, concentrandosi in modo particolare sull’aspetto innovativo della comunicazione online. • Sviluppare la molteplicità dei contenuti sottoforma di prodotto editoriale web, mantenendo prima di tutto visibile la principale caratteristica della radio: essere una realtà varia, composita, vivace e creativa. • Rendere l’ascoltatore/sostenitore protagonista dal primo accesso: ogni utente avrà uno spazio dedicato e un’identità con la quale potrà interagire all’interno del sito. • Aumentare il numero di abbonati, attraverso una campagna di promozione del nuovo sito.
4
// 1.0 RESTYLING LOGOMARCHIO IL LIEVE INTERVENTO CHE È STATO FATTO SUL LOGOMARCHIO CONSISTE PRINCIPALMENTE NELLA SOSTITUZIONE DEL FONT PRECEDENTE HELVETICA IN UN ALTRO PIÙ MODERNO E LINEARE: IL FISHMONGERK. È STATO ELIMINATO L’OUTLINE NERO E SONO STATE DETERMINATE LE GIUSTE PROPORZIONI DEL SEGNO GRAFICO, AMMORBIDENDO GLI ANGOLI PER RENDERE OTTICAMENTE TUTTO PIÙ CORRETTO ED EQUILIBRATO.
Prima
Radio Popolare
Dopo
5
// 2.0 MODERN LA VERSIONE
// 2.0 ABOUT MODERN PARTE DA QUI LA VOGLIA DI DAR VITA AD UNO SLANCIO INNOVATIVO CHE STRAVOLGE IL MODO DI FARE RADIO COME FINO AD OGGI LO ABBIAMO SEMPRE CONOSCIUTO. OGNI FORMA DI COMUNICAZIONE, D’INTRATTENIMENTO CONQUISTA IL PROPRIO SPAZIO AVVICINANDOSI AGLI ASCOLTATORI CHE DA QUESTO MOMENTO NON SOLO ASCOLTERANNO BENSÌ GUARDERANNO, RISPONDERANNO E PARTECIPERANNO DINAMICAMENTE E IN PRIMA PERSONA. IL CONCEPT HA COME FINALITÀ PREVALENTE QUELLA DI RENDERE LA NOSTRA INFORMAZIONE ACCESSIBILE AD OGNI STILE E FASCIA D’ETÀ. IL PUNTO DI FORZA È LA STRUTTURA MODULISTICA DI CUI SI AVVALE AFFIANCATA ALLA GRAFICA ACCATTIVANTE CHE LA VESTE, ALL’INTUITIVITÀ CHE L’UTENTE PERCEPISCE AL PRIMO CONTATTO E ALL’ACCURATEZZA DEL DETTAGLIO. OFFRIAMO RISPOSTE ALLE ESIGENZE PIÙ DISPARATE IN MODO DEL TUTTO NUOVO E AL PASSO COL FUTURO, CONSAPEVOLI DELLA STORIA CHE RADIO POPOLARE CONTINUA AD INCORPORARE.
8
// 2.1 WIREFRAMES LA STRUTTURA MODULISTICA DI MODERN. LOGO
CERCA
SLIDE SHOW
AVANZATA
HOME
DATA
PROGRAMMA DATA
AUDITORIUM EVENTI SOSTIENICI
BANNER #5
AVANZATA
DATA
PROGRAMMI
DATA
PROGRAMMA PROGRAMMA DATA
_// TITOLO
EVENTI
NEWS
LOGO HOME NEWS
PROGRAMMA
ASCOLTACI
AUDITORIUM
GALLERY
CERCA
PODCAST
NEWS
PROGRAMMA
NEWS
NEWS
HOME
PROGRAMMA DATA
ASCOLTACI PROGRAMMI
LOGO BANNER #5
PODCAST
NEWS
HOME NEWS
PROGRAMMI
DATA
DATA
DATA
EVENTI
SOSTIENICI CHI SIAMO
ERREPI TV
ERREPI TV
PLAYER
00:00 ON AIR PROGRAMMA
00:00 _// TITOLO
_// TITOLO
_// TITOLO
PROGRAMMI
PASSWORD
LOGIN
_//
TITOLO
_//
TITOLO
t f
ULTIMO POST
BANNER #1
_// TITOLO
t
_// TITOLO
f
ULTIMO POST DATA
BANNER #2
_//
TITOLO
_//
PASSWORD
ULTIMO POST DATA
COMMENTI
BANNER #1
_// TITOLO
_// TITOLO
PASSWORD
PROGRAMMA #2
SOCIAL
t
ULTIMO POST
_// UTENTE
_// UTENTE
f
ULTIMO POST
DATA
PROGRAMMA #3
DATA
f
ULTIMO POST DATA
ULTIMO POST DATA
BANNER #2 BANNER #4
BANNER #4
_// COMMENTA
BANNER #3
BANNER #3
_// TITOLO
t
BANNER #1
DATA
BANNER #2 _// TITOLO
BANNER #6
USERNAME
LOGIN
ULTIMO POST
BANNER #4 BANNER #3
TITOLO
PROGRAMMA #1
LOGIN
SOCIAL
BANNER #2 BANNER #4
BANNER #3
BANNER #6
USERNAME
SOCIAL
DATA
DATA
GALLERY
ON AIR PROGRAMMA
LOGIN LOGIN
SOCIAL BANNER #1
00:00
00:00 ON AIR PROGRAMMA
BANNER #6
USERNAME
LOGIN
PLAYER
PLAYER
LOGIN
BANNER #6
USERNAME PASSWORD
_// TITOLO
ON AIR PROGRAMMA
_// TITOLO
LOGIN
PROGRAMMA
EVENTI
CHI SIAMO
ERREPI TV
PLAYER
PROGRAMMA
AUDITORIUM
GALLERY
SOSTIENICI
CHI SIAMO
_// TITOLO
PROGRAMMA DATA
PROGRAMMI
PROGRAMMA
SOSTIENICI
_// TITOLO
BANNER #5
PODCAST
ASCOLTACI
PROGRAMMA
ERREPI TV
_// TITOLO
CERCA AVANZATA
LISTA PROGRAMMI
PROGRAMMA DATA
AUDITORIUM
GALLERY
BANNER #5
PODCAST
CHI SIAMO
_// TITOLO
PROGRAMMI
LOGO
CERCA AVANZATA
_// TITOLO sottotitolo
ASCOLTACI
INVIA
LOGO
CERCA
SLIDE SHOW
AVANZATA
HOME
PODCAST
NEWS
PROGRAMMA DATA
ASCOLTACI PROGRAMMI
PROGRAMMA
NEWS
DATA
PROGRAMMA DATA
AUDITORIUM EVENTI SOSTIENICI
BANNER #5
GALLERY // TITOLO
// TITOLO
// TITOLO
// TITOLO
// TITOLO
// TITOLO
// TITOLO
// TITOLO
CHI SIAMO ERREPI TV
PLAYER 00:00 ON AIR PROGRAMMA
LOGIN
BANNER #6
USERNAME PASSWORD
PROGRAMMI
LOGIN
SOCIAL BANNER #1
// TITOLO
// TITOLO
t
ULTIMO POST
f
ULTIMO POST
DATA
DATA
BANNER #2 BANNER #4 BANNER #3
// TITOLO
// TITOLO
9
// 2.2 GRAFICA LA VESTE GRAFICA DI MODERN: LA BARRA DEL MENÙ, IL PANNELLO DI NAVIGAZIONE E L’AREA DEI CONTENUTI.
BARRA DEL MENÙ
PANNELLO DI NAVIGAZIONE
AREA DEI CONTENUTI
• Logomarchio • Menù • Player • Area login
• Sezione cerca • Ultimi podcast • Gallery • Area social
In quest’area verranno visualizzati tutti i contenuti del sito. Col variare delle pagine e delle sezioni, possiamo trovare: news, video, programmi, eventi, podcast ecc...
10
// 2.3 LA MOBILE DI MODERN CON LA VERSIONE MOBILE, L’UTENTE HA LA POSSIBILITÀ DI VISUALIZZARE IL SITO PER INTERO SUL PROPRIO SMARTPHONE/TABLET. I CONTENUTI SONO ADATTATI PER ENTRAMBI I DISPOSITIVI, SIA IN VERTICALE CHE IN ORIZZONTALE.
11
12
// 2.4 NEWSLETTER WEB COMODA, ISTANTANEA ED INTERATTIVA, LA NEWSLETTER WEB È RICCA DI CONTENUTI SEMPRE AGGIORNATI: NEWS, ARTICOLI DEDICATI AD EVENTI DI OGNI GENERE, NOTIZIE RELATIVE ALLA NOSTRA REDAZIONE E MOLTO ALTRO ANCORA. PER RICEVERLA SULLA PROPRIA MAIL, OCCORRE ESSERE REGISTRATI AL SITO WWW.RADIOPOPOLARE.IT
13
// 3.0 JOURNAL LA VERSIONE
// 3.0 ABOUT JOURNAL MODERNITÀ E TRADIZIONE SI SPOSANO IN UN CONNUBIO CHE GENERA UN’IDEA NUOVA; LA FORZA CREATIVA LASCIA IMMUTATO UN FORMAT CHE CONTINUA A NUTRIRSI DEI CANONI CLASSICI SENZA TROPPO LASCIARSI TENTARE DALLA STRAVAGANZA: L’INFORMAZIONE, LE PAROLE E LE IMMAGINI CONTINUANO A RIMANERE PULITE E LINEARI ABBRACCIATE DA UNA STRUTTURA MODULISTICA MOLTO RAZIONALE. JOURNAL È UN “PRODOTTO” CHE VUOLE PERSUADERE GLI AMANTI DEI TRATTI COERENTI E DEGLI SCHEMI RIGOROSI ACCOMPAGNATI DALLE MOLTEPLICI TRASPARENZE, DALL’ELEGANZA DEL FONT E DAI MORBIDI GIOCHI DI LUCI E DI OMBRE. QUESTI SONO GLI INGREDIENTI PRINCIPALI CHE RENDONO IL SERVIZIO INFORMATIVO DI JOURNAL, COINVOLGENTE E STIMOLANTE.
16
// 3.1 WIREFRAMES LA STRUTTURA MODULISTICA DI JOURNAL.
LOGO
LOGIN
USERNAME
PASSWORD
CERCA
HOME
NEWS
ASCOLTACI
PROGRAMMI AUDITORIUM
EVENTI
SOSTIENICI
CHI SIAMO
LOGO
LOGIN
ERREPI TV ASCOLTACI IN DIRETTA
PLAYER
USERNAME
PASSWORD
CERCA
SLIDESHOW
HOME
NEWS
ASCOLTACI
PROGRAMMI AUDITORIUM
EVENTI
SOSTIENICI
CHI SIAMO
ERREPI TV ASCOLTACI IN DIRETTA
PLAYER
SLIDESHOW
NEWS
TITOLO SOMMARIO TESTO
TITOLO
BANNER #1
SOMMARIO TESTO
EVENTI
TITOLO
NEWS
SOMMARIO TESTO
TITOLO
DATA DESCRIZIONE
SOMMARIO SOCIAL
AUDITORIUM
TITOLO
ULTIMO POST
DATA DESCRIZIONE
ULTIMO POST
DATA
TESTO
DATA
VIDEO
TITOLO
TITOLO
TITOLO SOMMARIO
TITOLO BANNER #2
BANNER #1
TITOLO
TESTO
FOOTER
TITOLO
EVENTI
SOMMARIO
17
TESTO DATA DESCRIZIONE
// 3.2 GRAFICA LA VESTE GRAFICA DI JOURNAL: HEADER, BARRA DEL MENÙ, VIDEO, NEWS E VARI CONTENUTI.
HEADER / BARRA DEL MENÙ • Logomarchio • Area login • Seziona cerca • Menù • Player
SEZIONE NEWS • Video • News
18
CONTENUTI • Titolo • Sottotitolo • Descrizione • Sezione podcast • Sezione gallery • News/ contenuto/ evento.
19
// 3.3 APP iPHONE / iPAD SEMPLICE ED INTUITIVA, QUESTA APP TI PERMETTE DI ASCOLTARE LA DIRETTA RADIO, I PODCAST DEI PROGRAMMI, IL GIORNALE RADIO E DI GUARDARE GLI ULTIMI VIDEO CARICATI. TUTTO QUESTO SUL TUO SMARTPHONE/TABLET, DOVE VUOI E QUANDO VUOI.
EFFETTUA IL LOGIN
CARICAMENTO
MENÙ PRINCIPALE
SE NON SEI ANCORA ISCRITTO, REGISTRATI.
20
DIRETTA RADIO
GIORNALE RADIO
PODCAST: RICERCA PROGRAMMA
PODCAST: ASCOLTO PODCAST DEL PROGRAMMA SELEZIONATO
PODCAST: PANNELLO PROGRAMMI
VIDEO: VISUALIZZAZIONE VIDEO: • LISTA VIDEO • UPLOAD VIDEO
VIDEO: MODALITÀ UPLOAD
21
CARICAMENTO
PANNELLO PROGRAMMI
RICERCA PROGRAMMA
MODALITÀ VISUALIZZAZIONE VIDEO: VERTICALE / ORIZZONTALE.
22
SEZIONE VIDEO
// 3.4 NEWSLETTER WEB COMODA, ISTANTANEA ED INTERATTIVA, LA NEWSLETTER WEB È RICCA DI CONTENUTI SEMPRE AGGIORNATI: NEWS, ARTICOLI DEDICATI AD EVENTI DI OGNI GENERE, NOTIZIE RELATIVE ALLA NOSTRA REDAZIONE E MOLTO ALTRO ANCORA. PER RICEVERLA SULLA PROPRIA MAIL, OCCORRE ESSERE REGISTRATI AL SITO WWW.RADIOPOPOLARE.IT
23
// 4.0 EXTRA
// 4.0 PANNELLO AMMINISTRATIVO IL PANNELLO DI AMMINISTRAZIONE PERMETTE DI AGGIORNARE I CONTENUTI DEL SITO IN TOTALE AUTONOMIA E FACILITÀ: DI SEGUITO, ALCUNE SCHERMATE.
Pagina Login
Pagina di modifica dello slideshow
26
Pagina di creazione news e video
Pagina di inserimento file audio
Pagina di creazione programma
27
// 4.1 LOGHI PROGRAMMI LA CREAZIONE DI QUESTI LOGHI PARTE COL DESIDERIO DI DARE UN’IDENTITÀ VISIVA AI PRINCIPALI PROGRAMMI DI RADIO POPOLARE.
ESTERI
GIORNALE RADIO
MICROFONO APERTO
ALASKA
BABEL
PATCHANKA
JALLA! JALLA!
28
// 4.2 NEWSLETTER CARTACEA LA NEWSLETTER CARTACEA VIENE INVIATA A TUTTI I SOSTENITORI, SEMESTRALMENTE. CONTIENE NOTIZIE SULLA REDAZIONE, INIZIATIVE, IL BILANCIO E MOLTO ALTRO. ALLEGATA LA TESSERA ABBONAMENTO.
29
// 4.3 TESSERA ABBONAMENTO LA TESSERA ABBONAMENTO VIENE INVIATA A TUTTI I SOSTENITORI INSIEME ALLA NEWSLETTER CARTACEA, OPPURE LA SI PUÒ RICHIEDERE DIRETTAMENTE IN SEDE. HA VALIDITÀ ANNUALE.
TESSERA N°
111111111 COGNOME NOME COMUNE
FRONTE
30
RETRO
// 4.4 CAMPAGNA PUBBLICITARIA CHIARA ED EFFICACE, LA NUOVA CAMPAGNA PUBBLICITARIA VUOLE SENSIBILIZZARE TUTTI COLORO CHE FINO AD OGGI HANNO SOLAMENTE “ASCOLTATO” RADIO POPOLARE. DA OGGI RADIO POPOLARE LA SI PUÒ ANCHE “VEDERE”!
MANIFESTI
PROMOCARD
FRONTE
RETRO
31
PROGETTO DI TESI 2012 ISTITUTO EUROPEO DI DESIGN
Lorenza Benvenuto Paolo Bona Artashes Isakhanyan Susanna Pozzi Marco Vinci