Casa Jasmina (Alessandro Squatrito e Lorenzo Romagnoli, Arduino)
Digital magazine lamborghini Twintip
1. CASE HISTORY
LAMBORGHINI
DAL MAGAZINE CARTACEO
A QUELLO DIGITALE
Matteo e Stefano Guerrieri / Twintip
Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
2. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Branding and design.
App dev, web design, digital publishing
user interface design
www.twintip.it
3. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
01
Editoria Digitale...
di cosa stiamo parlando ?
4. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Progetti editoriali digitali
• Pubblicazione redazionali periodiche
magazine, house organs…
• Pubblicazioni periodiche di prodotto
cataloghi, brochures…
• Pubblicazioni promozionali
lancio di un nuovo prodotto, servizio…
• Pubblicazioni occasionali legate a un progetto
evento …spesso one shot
5. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
01
Dar vita a
un progetto strategico
6. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
CONTENT MEDIA DISTRIBUTION
NUMBER
OF USERS
Redazionali
Immagini
Magazine
Cartaceo
Distribuzione
fisica ad una
lista di
persone
Poche
migliaia di
persone
Paper mag channel - starting point
7. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Redazionali
Web
E-commerce
Gare
Concessionarie
video
User generated
content
Digital
Magazine
Social Media
Websites
App stores
Mobile
Digital Media
di potenziali
lettori
Milioni
CONTENT MEDIA DISTRIBUTION
NUMBER
OF USERS
Digital mag channel - target
8. Paper Magazine
Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Events
Website Dealers
Social media
Mobile
Il communication Mix
9. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Digital Magazine
Events
Website Dealers
Social media
Mobile
Il communication Mix
10. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Infrastruttura tecnologica
• Creazione di un’app kiosko personalizzata
• Delivery del magazine su: Apple app store, Amazon App Store, Google Play.
• Funzionalità di bookmarking e condivisione
• Possibilità di anteprima via web degli articoli condivisi
• Acquisto in-app per singolo numero, abbonamento o distribuzione particolare
• Funzionalità di archiviazione e restore
• Gestione delle notifiche push
• Navigazione dei link con browser in-app o esterno
• Possibilità di agganciare un sistema di analytics integrato
• Pubblicazione e delivery in 4 lingue: Inglese, Tedesco, Italiano, Cinese.
• Workflow basato su Adobe InDesign
11. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
InDesign .folio Folio
producer
Distribution
service
Digital pubblishing suite
direct
entitlement
App store
Branded App App
Viewer Builder Service
Analytics Service
Adobe Analytics
Distirbution and workflow Infrastructure
12. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Paper Magazine
Content
Distribution Revenue
Frequency
Time to market
Branding Boost
Viral Power
Engagement
Call to Action
Digital Magazine
13. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
ADVPrinting
Editing
Delivery
Cost vs Revenues
Paper
Magazine
ADV
App sales
Indirect
Tecnology
Editing
Delivery
Digital
Magazine
14. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Strategic Take Aways
• Un progetto di editoriale digitale si integra con il communication mix aziendale
• E’ fondamentale calibrare il progetto in base ad obiettivi specifici
• L’analisi puntuale dei dati ci permette di prendere decisioni profittevoli
• Il digital permette una call to action impossibile sulla carta
• Maggior capacità di generare revenues
16. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Premessa
Occorre tenere presente che un magazine digitale presenta una
navigazione molto più ricca rispetto al cartaceo, potendo prevedere un
orientamento delle pagine verticale o orizzontale, il loro scroll e la
sovrapposizione di diversi tipi di contenuti attivabili mediante azioni
specifiche.
Una scelta corretta nella presentazione dei contenuti e nello studio
della navigazione è determinante dal punto di vista della User
Experience e fondamentale per il successo dell’operazione.
17. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
La cover
18. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
La cover
19. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Device Orientation e griglia
Il magazine, abbiamo deciso, sarà visualizzabile con un orientamento
esclusivamente orizzontale, non è previsto un orientamento verticale.
Questo tipo di scelta premia i contenuti multimediali come
immagini,video, adv, visualizzazione di pagine web col browser in-app
che saranno visualizzati a pieno schermo sfruttando al massimo la
risoluzione e il display del device ed evitare l’effetto “volante” nella
consultazione del magazine. E’ una scelta sposata da diversi editori
i cui contenuti principali sono di grande impatto visivo, tra questi:
Red Bulletin, National Geographic, DaimlerChrysler AG, Asos.
20. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
MENU AREA
MENU AREA
MENU AREA
MENU AREA
MENU AREA
MENU AREA
MENU AREA
MENU AREA
MENU AREA
MENU AREA
MENU AREA
MENU AREA
Template di pagina
21. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Esempi
MENU AREA
MENU AREA
22. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Infographics
Twintip ha realizzato un sistema di infografiche ad hoc in linea con il
brand e le guidelines web di comunicazione con l’obiettivo di garantire
all’utente una navigazione fluida fra le sezioni e una chiara
identificazione delle aree interattive e delle funzioni ad esse associate.
23. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Drive the magazine
Tap screen to see
navigation, content bars
and scrubber
Tap and slide on dynamic
content
Pinch to zoom Swipe to change article
Swipe to navigate pagesTap and hold to navigate
contents
Le gesture, come sfogliare un magazine digitale
24. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Funzioni dell’interfaccia Adobe Digital Publishing Suite
In order
Home/back/magazine title/
add to favorite/share
Slider
Slide to navigate chapters
Facebook
Twitter
Email
25. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Infografica di navigazione
Page navigation arrow Arrow Go to top arrow
slide and drag arrow Rotate content
26. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Simboli che identificano i contenuti mutimediali
Locate
Enlarge
Gallery
Play sound
3D Object
Pan and Zoom
Slide
Pop Up
Play
Link
Share
Video
27. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Elementi dell’interfaccia presenti in tutte le pagine
1 - 4
Navigazione verticale tra le pagine
di un articolo
Feedback di pagina
presente in articoli con navigazione
verticale composti da più pagine
Navigazione per capitoli
28. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Crossmedialità, Link, navigazione e Analytics
Nel ridefinire la griglia editoriale, il layout dell’impaginato e la logica di
navigazione sarà sfruttata la grande opportunità offerta dal magazine
nella sua forma digitale, ovvero la possibilità di essere cross mediale e
proporre quindi una serie di contenuti al suo interno, ma anche
presentare contenuti e assets esterni, collegati o meno ad altri presidi
Lamborghini.
29. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
Coerenza tra mondi digitali
LAYOUT SITO WEB LAMBORGHINI
PAGINE Magazine DIGITALE
30. Commenta in diretta @creativityday #CDAY13
Scrivici corsi@insidesrl.it
per maggiori informazioni scriveteci a
hello@twintip.it