Digital magazine lamborghini Twintip

1,180 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,180
On SlideShare
0
From Embeds
0
Number of Embeds
220
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Digital magazine lamborghini Twintip

  1. 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. 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. 3. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it 01 Editoria Digitale... di cosa stiamo parlando ?
  4. 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. 5. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it 01 Dar vita a un progetto strategico
  6. 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. 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. 8. Paper Magazine Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it Events Website Dealers Social media Mobile Il communication Mix
  9. 9. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it Digital Magazine Events Website Dealers Social media Mobile Il communication Mix
  10. 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. 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. 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. 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. 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
  15. 15. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it 02 Componenti delLayout
  16. 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. 17. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it La cover
  18. 18. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it La cover
  19. 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. 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. 21. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it Esempi MENU AREA MENU AREA
  22. 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. 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. 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. 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. 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. 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. 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. 29. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it Coerenza tra mondi digitali LAYOUT SITO WEB LAMBORGHINI PAGINE Magazine DIGITALE
  30. 30. Commenta in diretta @creativityday #CDAY13 Scrivici corsi@insidesrl.it per maggiori informazioni scriveteci a hello@twintip.it

×