Dossier de conceptio n Un nouveau si te pour les 35 an s du festival
Sommaire Refonte du site des Rencontres Trans Musicales de Rennes
Design d'expérience utilisateur
Descriptif technique et fonctionnel
4
Les personae
37
Les technologies retenues
9
L'arborescence
44
Le modèle conceptuel de données
10
Zoning
45
11
Scénarii de visite du site
Scénario d'utilisation de l'espace perso « Mes concerts »
15
Wireframes
Les outils au service de la stratégie de promotion
Direction artistique
50
Le jeu concours
23
Présentaion des recherches graphiques
55
Les vidéos promotionnelles
24
Gamme chromatique
24
Typographie : explication des choix
25
Les écrans chartés
2
Analyse
Le contexte et Préambule Cette note est le fruit d'une réflexion commune menée par les cinq agents du Charlie's Lab. Amateurs de musiques et sincèrement séduits par les Rencontres Trans Musicales de Rennes, nous mettons à votre disposition nos compétences afin de rendre votre site attractif et innovant.
Un contexte exceptionnel : les 35 ans du festival, un événement à mettre en avant Les Rencontres Trans Musicales jouissent d'une belle notoriété depuis leur création en 1979. En 2013, le festival a rassemblé plus de 60 000 personnes. Connues pour leur programmation musicale radicalement axée sur la découverte, les « Trans » sont maintenant reconnues en France et à l'étranger. L'image du festival est directement associée à celle des artistes qu'il a fait émerger. On compte parmi eux : Björk, Ben Harper, Lenny Kravitz, Étienne Daho, Arno, Les Négresses Vertes, Bérurier Noir, Daft Punk, Justice, etc. Autant de personnalités qui s'affichent comme ambassadeurs des Trans. 2014 couronne les 35 ans de l'événement, une occasion idéale pour relancer et moderniser l'image des Trans Musicales.
Vos objectifs : rajeunir la cible, recentrer l'info sur le festival et offrir plus de services Le site actuel dispense un contenu très institutionnel et fonctionne en lien direct avec les 4 autres sites de l'Association : - memoires-de-trans.com - ubu-rennes.com - jeudelouie.com - association-transmusicales.com
les objectifs
Dans une volonté de replacer le festival au premier plan, vous souhaitez un site indépendant dédié : un site événementiel. Le public présent depuis les débuts du festival est vieillissant. Vous désirez rajeunir sa cible et attirer plus particulièrement la tranche d'âge des 23-27 ans. Pour cela, vous désirez : - disposer d’un outil moderne, collaboratif et participatif ; - jouer sur la mobilité avec un contenu accessible depuis les smartphones ; - exploiter la viralité ; - mettre en avant le côté novateur et découvreur de talents, la friche musicale qu’on explore ; - multiplier les services en ligne (playlist, wish-list…) ; - améliorer le choix et l'utilisation des réseaux sociaux ; - utiliser le Feed-back : retours et commentaires des spectateurs. À l'examen des mesures d'audiences, le trafic généré sur votre site actuel est jugé insatisfaisant. Vous souhaitez l'améliorer en créant un maximum de services en ligne pour entourer et mieux guider vos utilisateurs. Pour cela vous avez besoin de : - fluidifier le parcours utilisateur ; - mettre en valeur les artistes et la programmation ; - utiliser la géolocalisation ; - favoriser les achats de billets en ligne ; - augmenter la visibilité du site en France ; - améliorer la visiblité à l'étranger ;
3
Personae
Le cœur de cible
Les personae
Les Rencontres Trans Musicales de Rennes, festival de musique créé il y a près de trente-cinq ans, touche un public vieillissant, qui suit le festival d'année en année.
Pour nous accompagner dans la conception de notre projet, répondre au mieux à l'objectif des organisateurs des Rencontres Trans Musicales et imaginer une stratégie digitale adaptée à leurs besoins, nous avons identifié quatre personae. Les trois premiers sont représentatifs du cœur de cible visé par le client, le dernier correspond à une cible secondaire.
Tout en conservant son public actuel, qui lui est fidèle, l'objectif des organisateurs est de rajeunir l'image du festival pour attirer un public jeune. La cible principale visée concerne les 23-27 ans.
Vous trouverez une présentation détaillée de ces quatre personae dans les pages suivantes. Nous vous proposons également, pour chacun d'eux, un scénario de visite du site
4
Personae Mary-Jane Johnson Graphiste, 25 ans
L’histoire de Mary-Jane
Ses outils technologiques
Passionnée de musique depuis toujours, Mary-Jane vadrouille de concerts en concerts dans les bars de Londres, et a fait de la Fabric, un haut lieu des nuits londoniennes, son QG. C’est là, le plus souvent, qu’elle vient écouter les artistes de musique électronique.
Téléphone iPhone 4 Ordinateur PC Portable Dell Navigateurs Internet Explorer 8, Firefox 26
Depuis deux ans, elle tient un blog personnel sur la musique, MJ’s sound, l’occasion pour elle de faire partager ses bons plans, ses découvertes musicales, ses coups de cœur et ses critiques, au fil de ses sorties. En parallèle, elle poste aussi sur facebook les articles de son blog. C’est via facebook et les chroniques qu’elle y publie qu’elle a rencontré Charlotte. Partageant les mêmes centres d’intérêt, elles sont vite devenues inséparables.
Situation Célibataire Lieu d’habitation Londres (Camden Town) Études MA Graphic Design (master degree), University of the Arts London Profession Graphiste Revenu 21 000 £ par an Hobbies Tatouages, piercings, musique rock et électronique Signes particuliers Tatouée, piercée.
Après avoir entendu parler des Trans Musicales chez elle sur French Radio London, elle en parle à Charlotte. Celle-ci, qui habite Vitré, tout près de Rennes, lui propose de venir passer quelques jours chez elle et d’aller ensemble au festival.
‘‘
I’m going to see France’s next big thing !
’’
Connexion internet et fréquence d’utilisation Internet : 6 heures par jours Réseaux sociaux : 5 heures par jours Niveau d’expertise internet : 8 / 10 Sites de prédilection Facebook, Youtube, Resident advisor, Soundcloud et quelques blogs de musique qu’elle suit régulièrement.
Ses objectifs Lorsque Charlotte lui propose de venir découvrir la french touch aux Trans Musicales, Mary-Jane se connecte sur le site du festival (un site parfaitement bilingue), pour repérer les artistes programmés et écouter leur démo. Elle en profite pour aller également sur le site des Bars en Trans, le festival off que Charlotte a également mentionné. Lors des soirées des Trans, elle consulte la programmation sur l’appli via le téléphone de son amie. À la fin du festival, elle publie un article sur son blog et met en lien la playliste diffusée sur le site des Trans Musicales.
5
Personae Clément Balanec Étudiant, 23 ans
L’histoire de Clément
Ses outils technologiques
Clément Balanec est né à Quimper et a grandi à Audierne, dans le Finistère. Fier de sa région, il a choisi d’apprendre la langue de ses ancêtres dans une école diwan. Il s’est installé à Rennes il y a trois ans pour suivre des études d’éducateur spécialisé.
Téléphone Androïd Ordinateur MacBook Pro Navigateurs Chrome 30, Firefox 26
Assez tôt, il s’est essayé à la musique électronique. Depuis qu’il est sur Rennes, il s’est peu à peu fait connaître et mixe régulièrement dans les bars de la région. Son pseudo d’artiste : Clem-B.
Situation Célibataire Lieu d’habitation Rennes Études Actuellement en troisième année d'études d'éducateur spécialisé à l'université Rennes 2, en contrat d'apprentissage Revenu Rémunération d'apprentissage (85% du SMIC) et quelques revenus de ses mix Hobbies Musique, films de science-fiction et de fantasy Signe particulier Il fume clope sur clope.
L’histoire de Clément est intimement liée à celle des Trans Musicales : ses parents s’y sont rencontrés en 1980. Maintenant qu’il est rennais, il assiste aux Trans chaque année, pour découvrir des nouveautés, entendre du bon son et s’éclater avec ses potes. Mais il cherche aussi à rencontrer du monde pour élargir son réseau. Il suit également les autres festivals de musique de la région. Dans son groupe d’amis, il est moteur pour repérer les groupes et entrainer ses copains dans des concerts.
‘‘
Ce qui est difficile, c'est quand il y a trois groupes que tu veux voir à 23h le même jour.
’’
Connexion internet et fréquence d’utilisation Internet : 2-3 heures par jours Réseaux sociaux : 2 heures par jours Niveau d’expertise internet : 5 / 10 Sites de prédilection Facebook, Youtube, Soundcloud, Deezer, Beatport, sites de chat sur la musique. Très connecté aux réseaux sociaux pour son activité de dj, Clément utilise facebook pour annoncer ses dates de mix. C’est d’ailleurs grâce à facebook, qu’il a pu développer un réseau de connaissances assez important. Il est très actif sur la toile et multiplie les commentaires.
Ses objectifs Clément cherche avant tout un accès rapide à la programmation pour organiser ses soirées au festival. Il diffuse à ses amis la playliste du site via facebook. Il surfe aussi d’un site d’artiste à un autre et passe du temps sur la page facebook du festival pour poster des commentaires. Sur place, il consulte l’appli sur son téléphone pour vérifier les horaires et les lieux des concerts et naviguer d’une scène à l’autre.
6
Personae Romain Thomas
Community manager, 27 ans
L’histoire de Romain
Ses outils technologiques
Issu d’une famille aisée, Romain est né à Paris et a grandi en banlieue. Après une prépa littéraire, il a validé une licence en philosophie à la Sorbonne puis complété son cursus par des études de comm' au Celsa. Il s’est alors essayé au journalisme avant de saisir une opportunité qui se présentait dans sa boîte pour devenir community manager.
Téléphone iPhone 5S Ordinateurs iMac, MacBook Pro Navigateur Firefox 25
C’est au Celsa qu’il a rencontré sa copine, Aurélie. En couple depuis plusieurs années, ils envisagent de s’installer ensemble. Ils voyagent, sortent souvent, passent beaucoup de temps avec leurs amis. Ils ont déjà assisté à des festivals de musique et vont fréquemment à des concerts, mais ne sont jamais venus aux Trans. Ils sont très ouverts à tous les genres musicaux.
Situation En couple Lieu d’habitation Paris Études Licence de philosophie à la Sorbonne, master en communication au Celsa Profession Community manager dans un grand groupe de presse Revenu 34 000 euros par an Hobbies Accro aux séries, voyages, sorties culturelles, fêtes Signes particuliers Abonné aux Inrocks. Il ne sort jamais sans sa tribu.
Suite à la lecture d’un encart sur les Trans dans les Inrocks, Romain s’est connecté sur la page facebook du festival pour tenter sa chance à un concours... Et il a gagné : un pass 3 jours pour le festival, l’occasion de voir pas mal de groupes en live et de découvrir des nouveaux artistes. Il n’a pas eu beaucoup de mal à convaincre sa copine et des amis de fac de l’accompagner. Ils ont choisi de prendre le TGV Trans pour se mettre dans l’ambiance dès le départ de Paris.
‘‘
Week-end avec @Auré et @JB aux #transmusicales... #cestparti !
’’
Connexion internet et fréquence d’utilisation Internet : 9-10 heures par jours Réseaux sociaux : 8 heures par jours Niveau d’expertise internet : 8 / 10 Sites de prédilection Tous les réseaux sociaux et les sites de presse sur lesquels il travaille. Technophile, il surfe sur le web, pour son travail aussi bien que pour ses besoins personnels. Il est notamment branché en permanence sur les réseaux sociaux : facebook, twitter, youtube, pinterest...
Ses objectifs Dès qu’il a gagné son pass, il s’est connecté sur le site pour consulter la programmation détaillée et repérer les groupes qu’il avait particulièrement envie de voir. Il a imprimé son parcours personnalisé qu’il va partager avec ses amis. Il a également cherché sur le site les infos pratiques pour se loger et se déplacer sur Rennes. Par ailleurs, il a téléchargé l’appli des Trans Musicales pour avoir en permanence les infos à portée de main pendant son week-end rennais : bonnes adresses de restaurants, heures des navettes, programmation au parc expo, etc.
7
Personae Gilles Simonnot
Producteur-Programmateur, 58 ans
Situation Célibataire Lieu d’habitation Paris Profession Producteur et programmateur dans des salles de concert parisiennes Revenu n.c. Hobby Musique Signe particulier Il a l'assurance de ceux qui n'ont plus rien à prouver.
L’histoire de Gilles
Ses outils technologiques
Né à Chaumont, en Haute-Marne, en 1955, Gilles Simonnot a mis très tôt un pied dans le milieu de la musique. Il a tissé au fil des ans un réseau professionnel très dense et tient lieu, aujourd’hui, de figure de référence. De par son activité de producteur-programmateur parisien, c’est un personnage d’influence, bien implanté. Il a hautement contribué à dessiner le paysage musical français de ces dernières décennies. Véritable passionné, il vit pour la musique et passe son temps dans les concerts et les festivals, à la recherche de nouveaux talents. Il a des goûts très pointus en matière de musique et une culture musicale très fine.
Téléphones iPhone 5, BlackBerry Q10 Ordinateur MacBook Air Tablette iPad Navigateur Safari 6.1
Gilles compte parmi ses amis Jean-Louis Brossard, le fondateur et programmateur du festival des Trans Musicales. Ils se sont rencontrés dès la première édition du festival, en 1979. Depuis, il n’a pas manqué une édition et vient chaque année faire son marché et bénéficier des découvertes de Brossard. Il a bien évidemment son accréditation permanente.
‘‘
Découvrir de nouveaux talents, c'est ça qui me plaît...
’’
Connexion internet et fréquence d’utilisation Internet : 2-3 heures par jours Niveau d’expertise internet : 3 / 10 Sites de prédilection Les sites des artistes, les sites des festivals, les sites des salles de concert. Il est connecté, aussi bien sur son ordinateur que sur son téléphone, pour ses besoins professionnels. Lors de ses déplacements, son iPad est son principal outil de travail. Il est en veille constante sur les sites de musique.
Ses objectifs Sur le site des Trans Musicales, c’est principalement la partie dédiée aux artistes qui l’intéresse. Tous les ans, à l’annonce de la programmation, il se connecte et passe en revue les fiches des artistes en quête d’un détail dont Brossard aurait oublié de lui parler. Ce qui le motive avant tout, c’est de découvrir l’univers musical d’un artiste. Il crée et imprime son parcours personnalisé. Pour le reste, son assistante fait le relai et récupère sur l’espace pro du site le complément d’informations nécessaires à sa venue à Rennes. 8
Arborescenc
e du site
35 secondes, 35 ans
Programmation Grille de programme Liens vers les fiches artistes
Tournée des Trans
Mes concerts
Danse Hip Hop
www.calameo.com Liens vers les fiches artistes
lien digitick
Artistes liens sociaux artistes
87 Fiches artistes
lien digitick
Billetterie Tarifs étudiants boursiers
Informations billetterie
lien digitick
Comment venir ?
Les lieux du festival
Où dormir ?
Espace professionnel
www.ubu-rennes.com myspace.com clubcoatelan www.stereolux.org
lanouvellevague.org/wp/ www.fuzzyon.com www.lecargo.fr www.lenormandy.net
www.electricpowwow.com /www.mixcloud.com/ squaaly maddecent.com/artists/ bosco-delrey www.chicgamine.com liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Chic_Gamine www.dakhabrakha.com. ua/eng/band daughngibson.com liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Daughn_Gibson dead-band.bandcamp.com discoantinapoleon. bandcamp.com/album/ caribbean-house www.mixcloud.com/bon-
nieparker5036459/edithhotumn-trax www.weareescort.com http://weareexpo.tumblr. com fatsupper.bandcamp.com zzkrecords. com/?tarea=zzk_ video&idArtist=19 harmarsuperstar.com www.artscouncil.org.uk/ funding/informationfunded-organisations/ grant-award-logo-andguidelines/funding-logos/ artists-international-development-fund liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Iva_G__Mos-
Où manger ?
jeunes.bretagne.fr www.credit-agricole.fr www.ter-sncf.com www.star.fr www.ehop-covoiturage.fr www.covoiturage-libre.fr www.covoiturage.fr
www.letriangle.org espacebelair.net
Liens vers les fiches artistes www.ubu-rennes.com www.bibliotheques.rennes.fr
Que voir en Bretagne ?
Rencontres et débats
Bénévoles
www.radiofrance.fr www.franceinter.fr www.lemouv.fr www.telerama.fr metropole.rennes.fr
Liens vers : Programmation Programmation > Autour des Trans Informations pratiques > Lieux du festival Informations pratiques > Comment venir ?
Club Trans
Lien vers la page Facebook des Trans Lien vers la page YouTube des Trans Lien vers la page Twitter des Trans
Formulaire d’inscription
Mes concerts
Mes concerts
Jeux des 35 ans
Jeux des 35 ans
Deezer Playliste des Trans
Lecteur Deezer
Bars en Trans
Bars en Trans
www.barsentrans.com
Appli
Appli
www.oneeventoneapp.com/ transmusicales-2013
Newsletter
Newsletter
Formulaire d’identification
www.associationtransmusicales.com
www.memoiresde-trans.com
Ubu
www.ubu-rennes.com
Jeu de l’Ouïe
www.jeudelouie.com
Mentions légales
Mentions légales
Équipe
Équipe
Visuel des Trans
Visuel des Trans
www.sacem.fr www.tvrennes35bretagne.fr www.association-transmusicales.com • Partenaires institutionnels metropole.rennes.fr www.star.fr www.ille-et-vilaine.fr www.bretagne.fr www.ter-sncf.com www.culturecommunication.gouv.fr www2.ademe.fr www.spectacle-vivantbretagne.fr • Partenaires professionnels www.adami.fr www.sacem.fr www.cnv.fr www.french-music.org
Choix de langue (menu déroulant)
© Charlie’s Lab
org www.themidnightbeast. com theredgoesblack.com theredgoesblack.bandcamp.com thesameoldband.bandcamp.com theskinsband.bandcamp. com liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___The_Skins/ www.velvettwostripes.com www.house-mixes.com/ profile/wilkimix
www.handistar.fr
www.123 envoiture.com www.easycovoiturage.com www.carpooling.fr
Village pro
Partenaires
Mémoires de Trans
com www.rbmaradio.com/ shows/optimo-live-at-making-time--3 liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Oum_Shatt/ publicservicebroadcasting. net www.republik383.com rhumerhume.bandcamp. com sambadelamuerte.bandcamp.com stromae.net liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Superets/ symbiz-sound.de www.theenchantedwood.
www.tourisme-rennes.com www.tourismebretagne.com
www.associationtransmusicales.com
Association Trans Musicales
www.stefmeluz.com www.marquees.fr meltyourselfdown.com www.meridianbrothers. com mikhaelpaskalev.com liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Mikhael_Paskalev/ www.pledgemusic.com/ artists/molotovjukebox mozesandthefirstborn. bandcamp.com nova-heart.com/home novaheart.bandcamp.com liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Nova_Heart/ okaymonday.bandcamp.
plato-radio.com
Accréditation
ACCUEIL
Accessibilité PSH
kovich www.jacuzziboys.com www.junglejunglejungle. com www.juvenilesmusic.com/ www.journalzibeline.fr liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Kid_Karate/ liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___La_Yegros/ www.labelle.re larrygus.com levasco.bandcamp.com www.londongrammar. com/home liveweb.arte.tv/fr/video/ Trans_Musicales_de_ Rennes___Luke_Jenner/
Devenir mécène www.memoiresde-trans.com cd1d.com fedelima.org ferarock.org gece.fr www.greencopper.com www.copieprivee.org www.lefcm.org • Partenaires privés www.heinekenfrance.fr www.ca-illeetvilaine.fr www.chronodrive.com www.digitick.com www.coca-cola.fr www.ackerman.fr gares-connexions.com www.voyages-sncf.com www.loicraison.fr www.greencopper.com www.esra.edu www.icodia.com www.cafesrichard.fr www.posca-life-custom.com
www.intrazik.com lamarmite59.canalblog.com www.live-dma.eu www.modzik.com playpass.be • Mécènes www.rennesparcexpo.fr www.spectaculaires.fr www.groupe-pomona.fr www.edf.com www.enensys.com www.westevenement.com www.e-leclerc.com www.melpomen.net www.saga-fr.com www.w-seils.com • Partenaires médias phosphore.com www.anous.fr www.lesinrocks.com www.magicrpm.com www.lemouv.fr www.franceinter.fr
polca.fr www.radiocampusrennes.fr www.pure-channel.com www.sma-syndicat.org www.wiseband.fr www.ouest-france.fr www.france2.fr www.liberation.fr www.mondomix.com ferarock.org www.radiocampusrennes.fr www.tvrennes35bretagne.fr www.tebeotv.fr www.tebesud.fr www.jactiv.ouest-france.fr vibrez.tourismebretagne.com www.radiocaroline.co.uk www.wik-lesite.fr www.euradionantes.eu frequencemutine.radio.fr www.letregor.fr www.lesnouvellesduviaduc.fr
www.agi-son.org www.lemotetlereste.com www.editionsdejuillet.com www.ladtk.com www.canalb.fr www.normandie-tv.fr www.radio-u.org www.prun.net nantes.leboost.com www.pulsomatic.com www.fragil.org www.cotecaen.fr www.radiophenix.fr www.radio666.com www.lesonunique.com www.urban-radio.com www.cotemanche.fr www.lyonne.fr • Partenaires médias web liveweb.arte.tv www.deezer.com culturebox.francetvinfo.fr www.pure-channel.com
www.sourdoreille.net www.sofoot.com www.rue89.com www.chartsinfrance.net www.chakalaka.fr www.infoconcert.com nbhap.com • Partenaires techniques www.eurolive.fr www.audiolite-sonorisation.com www.eurobackline.com www.snsm.org www.in-ty.com www.agm-prod.com limbodiscs.fr www.ligloo.org www.aigl-event.fr
Panier mes concerts
Légendes
Menu principal
Niveau 1
Page
Lien interne + contenu auquel il est lié
Menu secondaire
Niveau 2
Pop-in / lightbox
Lien externe
Menu pied de page
Fonctionnalités
Champ de recherche
Slide-show
Formulaire
Vidéo
Formulaire de contact
Téléchargement
Imprimer
Liens externes
Informations pratiques
maps.google.fr
Autour des Trans
Fonction sociale vidéo
Deezer
YouTube
SoundCloud
Vimeo
Digitick (billetterie)
MySpace
www.icodia.com
Liens vers le site de l’artiste
Liens vers le site Charlie’s Lab
9
Zoning
Rencontres Trans Musicales de Rennes
35 secondes, 35 ans
Grille de programme
Navigation prin
cipale
Programmation
Mes concerts Artistes
Billetterie
Fiche artiste
Le site est construit sur une grande page principale bâtie par strates horizontales, avec une navigation en scroll. Les compléments d’information apparaissent dans des pop-ins ou en lien vers des pages secondaires. Tournée des Trans
Voir le détail des rubriques Accueil, Programmation, Artistes et Fiches artistes, Billetterie, et Partenaires sur les wireframes.
Achetez vos billets
Légendes
Informations pratiques Danse Hip Hop
Champ de texte Photo Vidéo
Espace pro
Navigation par le menu Autour des Trans
Navigation par lien interne de page à page
Partenaires
10
Scénarii de v
1 Rencontres Trans Musicales de Rennes
6
35 secondes, 35 ans
isite du site
Le cas de Mary -Jane Johnson
Grille de programme
2
Programmation
Mary-Jane Johnson
4
Graphiste, 25 ans
Mes concerts Artistes
3
Fiche artiste
Lorsque Mary-Jane décide de venir aux Trans Musicales, elle se connecte sur le site du festival pour en savoir un peu plus. Elle repère l'onglet langues et choisit de visiter le site dans sa version anglaise. 1
3
Tournée des Trans
Billetterie
2 Elle consulte alors la vidéo 35 secondes, 35 ans, qui présente sur un ton rythmé et dynamique les années de découvertes musicales du festival.
Puis elle se dirige sur la page Artistes et survole les fiches des artistes et groupes programmés. Elle écoute les démos et repère quelques concerts auxquels elle aimerait particulièrement assister. 3
Achetez vos billets
Informations pratiques Danse Hip Hop
4 Elle se rend alors sur la page Programmation et effectue une recherche sur les concerts du vendredi et du samedi au Parc Expo.
Conquise par l'affiche du festival, elle ouvre le popin sur l'artiste auteur du visuel. 5
Espace pro
Elle termine sa visite en cliquant sur l'onglet Bars en Trans, le festival off dont lui a parlé son amie. 6
Autour des Trans Partenaires Visuel des Trans
5
5
Épilogue En rentrant du festival, elle décide de publier un article sur son blog et retourne sur le site des Trans pour y piocher quelques infos et prendre le lien de la playliste. Elle en profite pour faire un dessin sur le livre d'or du festival.
11
Scénarii de v
isite du site
1 Rencontres Trans Musicales 1 de Rennes
4 5
Le cas de Clém
ent Balanec
Grille de programme
35 secondes, 35 ans
Programmation
3
Clément Balanec
6
Étudiant, 23 ans
Mes concerts Artistes
Fiche artiste
2
Comme chaque année, à l'approche du festival, Clément se connecte sur le site des Trans Musicales. Il déroule la page principale de haut en bas puis utilise le moteur de recherche pour trouver des infos sur un artiste dont on lui a parlé dans un bar où il mixe. 1
5
Billetterie
Tournée des Trans
Puis il surfe sur les fiches artistes et « like » certains artistes programmés. 2
3 Achetez vos billets
Informations pratiques
Il consulte alors la page Programmation, puis la page Tournée des Trans pour voir où sont programmés les concerts dans la région, et enfin la page Autour des Trans et se dit qu'il irait bien voir le film conseillé par les Trans. 3
4 Il clique ensuite sur l'onglet Jeux des 35 ans et ouvre une page facebook pour tenter sa chance au jeu en cours. Il « like » la page.
Danse Hip Hop
Il perd, retourne sur le site des Trans, charge l'appli et s'enregistre dans l'onglet Mes concerts. 5
Espace pro
Il retourne sur la page Programmation et commence à créer son parcours personnalisé. Il s'arrête, se dit qu'il continuera plus tard et part faire un tour sur le site Bar en Trans. 6
Autour des Trans Partenaires
1
3
Épilogue Quelques jours après le festival, il revient sur le site pour regarder les vidéos des concerts. Au passage, il laisse un mot sur le livre d'or.
12
Scénarii de v Rencontres Trans Musicales 1 de Rennes
6
1
35 secondes, 35 ans
Programmation
isite du site
Le cas de Rom
ain Thomas
Grille de programme
3
2
Romain Thomas
Community manager, 27 ans
3
Mes concerts
2
Artistes
2
Fiche artiste
4
3
Tournée des Trans
Billetterie
2 Puis il navigue sur la page Programmation, clique sur les photos et consulte les fiches artistes. 3 Il retourne sur la page Programmation, regarde la Grille de programme et s'enregistre pour utiliser la fonctionnalité Mes Concerts.
Achetez vos billets
Informations pratiques
1 Romain gagne un pass 3 jours et se connecte sur le site des Trans Musicales. Il regarde la vidéo 35 secondes, 35 ans, qui retrace l'histoire du festival.
Il retourne sur les fiches artistes et commence à remplir son panier. Il envoie son programme personnalisé à ses amis via facebook. Il retwitte sur plusieurs artistes qui lui paraissent prometteurs. 4
5 Danse Hip Hop
5 Puis il consulte les pages de la rubrique Infos pratiques pour organiser son déplacement et son séjour. 6 Il charge l'appli et s'inscrit à la newsletter avant de quitter le site.
Espace pro
Autour des Trans Partenaires
Épilogue De retour à Paris, il reçoit par mail une newsletter des Trans qui l'informe du bilan du festival et mentionne le livre d'or interactif. Il revient sur le site pour y mettre un commentaire enthousiaste sur les Trans et les découvertes musicales qu'il y a faites.
13
Scénarii de v Rencontres Trans Musicales 1 de Rennes
35 secondes, 35 ans
isite du site
Le cas de Gille
s Simonnot
Grille de programme
1
3
Programmation
Gilles Simonnot
Mes concerts
Producteur-programmateur, 58 ans
Fiche artiste
Artistes
2
2
3
Gilles est un habitué des Trans Musicales, qu'il fréquente depuis toujours. Il se connecte sur le site et consulte la vidéo 35 secondes, 35 ans qui lui rappelle quelques bons souvenirs. Puis il déroule rapidement la totalité de la page principale. 1
Tournée des Trans
Billetterie
Il s'arrête sur la page Artistes et passe en revue les fiches artistes, qu'il consulte attentivement. 2
Achetez vos billets
Informations pratiques
4
Il se rend alors sur la page Programmation et s'enregistre pour se faire une feuille de route qu'il imprime pour l'utiliser sur place. 3
Danse Hip Hop
Il vérifie quelques infos sur l'Espace pro et sur les pages d'Infos pratiques avant de quitter le site. 4
4
Espace pro
Autour des Trans Partenaires
Épilogue De retour à Paris, il se connecte sur le site des Trans Musicales pour revoir les vidéos des artistes qui ont retenu son attention, en contacte plusieurs et leur propose de les programmer dans des salles parisiennes.
1
14
Wireframe d
u site
Page principale
Header
Logo cliquable Au clic, retour à la page d’accueil.
4
1
Bouton cliquable Au clic, ouverture d'un champ de recherche, permettant à l'utilisateur de faire une recherche sur le site.
Menu déroulant : Fr, En, Bz Site trilingue. 3
6
1366 px
3
2 Programmation
Artistes
Billetterie
Informations pratiques
Espace professionnel
Partenaires
4
• Mes concerts : au clic, ouverture d'un pop-in proposant un outil pour créer et imprimer un programme personnalisé.
6
• Jeux des 35 ans : au clic, ouverture d'un pop-in présentant les jeux organisés autour des 35 ans du festival et renvoi vers les concours sur la page facebook des Trans.
• Playliste des Trans : au clic, ouverture d'un pop-in contenant un player Deezer. En écoute : la playliste du festival.
• Bar en Trans : au clic, ouverture d'un pop-in avec présentation du festival off et lien vers le site dédié.
• Appli : lien vers le site où l'utilisateur peut télécharger l'appli.
• Newsletter : au clic, ouverture d'un formulaire d'inscription à la newsletter.
Accueil
Fr
Jeux des 35 ans
Rencontres Trans Musicales de Rennes
Playliste des Trans Bars en Trans
ligne de flottaison 560 px
Bienvenue aux Trans Musicales de Rennes, le festival qui défriche chaque année depuis 1979 les grandes tendances musicales qui feront l'actualité de demain. Et pour nos 35 ans, voici un zapping rétrospectif des meilleures expériences musicales >.
Appli
8
Newsletter
7
hauteur écran 768 px
Navigation secondaire fixe, sous forme de pictos. En over, l'onglet sort et le titre de la rubrique s'affiche. Par défaut, à l'arrivée sur la page d'accueil, l'onglet Jeux des 35 ans s'ouvre et se referme.
5
Mes concerts
7
Icônes Facebook, YouTube et Twitter Liens follow sur la page Facebook, YouTube et Twitter des Trans.
5
Navigation principale Menu fixe en haut de page. 2
1
Accueil
Visuel de l’affiche des Trans Musicales 2014 Accompagné d'un texte de présentation.
Bouton cliquable Au clic sur la flèche, ouverture d’une lightbox vidéo : 35 ans, 35 secondes. 8
9
News
9
< Gagnez vos pass aux jeux des 35 ans [...]
3-7 décembre 2014, réservez les dates [...]
>
Fil d'actu Défilement automatique de droite à gauche d'actualités cliquables : le lien renvoie à la page concernée par l'actualité.
15
Wireframe d
Page principale 1366 px Programmation
Artistes
Billetterie
Informations pratiques
Espace professionnel
Partenaires
Playliste des Trans
ligne de flottaison 560 px
1
Jeux des 35 ans
Bars en Trans
2
Mozes & the first born ven. 6 décembre 02:00 > 02:45 Parc Expo - Hall 3 23/26/29 €
Appli
Newsletter
2
3 hauteur écran 768 px
6 déc 2014
Parc expo Hall 3 | Hall 4 | Hall 9 | Green room | Ubu | L'étage | Les Champs libres | L'aire libre | Le Triangle
6
Labelle (La réunion) Nova Heart (Chine) Les Gordon (Fr) Stromae (Belgique)
20:00 > 21:00 21:00 > 21:50 21:50 > 22:35 22:35 > 23:50
Sélectionnez le lieu de vos concerts
23:50 > 01:05 01:05 > 02:05 02:05 > 03:20 03:20 > 04:20
Horse Meat Disco (GB) Escort (USA) Marcus Marr (GB) The Crystal Ark (USA)
Grille de programme
7
>
3
Bouton cliquable Au clic, l'utilisateur rempli son panier pour compléter son parcours personnalisé, « mes concerts ».
4
Bouton de défilement manuel des vignettes En complément du défilement automatique.
5
Champ de recherche avec filtre double
Menu déroulant pour sélectionner une date de concert. Texte cliquable pour sélectionner une salle : au clic, la salle sélectionnée change de couleur et une flèche vient se positionner sous de la salle choisie. 6
7
Tournée des Trans
>
Danse Hip Hop
>
Résultat de recherche, champs de texte cliquables
La programmation correspondant à la salle et au jour sélectionnés en 5 s'affiche ici. Le nom de chaque artiste est cliquable, le lien renvoyant vers la fiche de l'artiste.
Et hors scène...
8
Champs de texte cliquable Nom de l'artiste et informations pratiques concernant le concert. Au clic, l'utilisateur est dirigé vers la fiche artiste.
>
Faites votre programme
Slideshow Défilement des photos de tous les artistes programmés.
Ajoutez à vos concerts
5
n
Mes concerts
1
Sélectionnez la date de vos concerts
Programmatio
Fr
Au programme des Trans...
4
u site
Autour des Trans
>
Champs de texte cliquables • Lien vers une page détaillant la grille de programme. • Lien vers la page Mes concerts.
8
Série de trois slideshows
Au clic, l'utilisateur est dirigé vers les pages secondaires concernées.
16
Wireframe d Page principale
u site Artistes
1366 px
Programmation
Artistes
Billetterie
Informations pratiques
Espace professionnel
Découvrez les artistes de l'édition 2014 1
Partenaires
Fr
Mes concerts Jeux des 35 ans Playliste des Trans
hauteur écran 768 px
ligne de flottaison 560 px
Bars en Trans
2
Appli
Newsletter
Les Trans Musicales mettent à l’honneur un nombre conséquent d’artistes. Cette année nous en comptons 87. Il n’est pas justicieux d’afficher toutes les vignettes d’un seul tenant, au risque de perdre le visiteur dans une trop grande quantité de visuels. Nous avons dans un premier temps évoqué la possibilité de n’en afficher qu’une sélection triée. Cependant, compte tenu de la politique du festival, qui tient à se démarquer par l’éclectisme de sa programmation et par son aspect « transgenre », ce que nous souhaitons mettre en avant sur le site, un tri basé sur les différents genres musicaux irait à l’encontre de l’identité première des Trans. Nous avons donc opté pour trois slideshows de quatre vignettes que l’on peut faire défiler en boucle vers la gauche ou vers la droite. Enfin, le nombre d’artistes programmés étant variable d'une année sur l'autre, il sera facilement envisageable d’ajouter ou de supprimer des vignettes dans chaque slide. L'effet de boucle permet par ailleurs un affichage régulier des vignettes quand le nombre d'artistes n'est pas divisible. 1
3 slideshows de 4 vignettes Au survol, sur chaque vignette, le nom de l'artiste ou du groupe apparaît ; au clic, l'utilisateur est dirigé vers la fiche de l'artiste ou du groupe. Voir détail fiche page suivante.
2
Bouton de défilement manuel des vignettes
17
Wireframe d Page seconda
ire
1366 px
1 Programmation
Artistes
Billetterie
Informations pratiques
Espace professionnel
Partenaires
Fr
2
Edith Presley (France)
Mes concerts Jeux des 35 ans
hauteur écran 768 px
ligne de flottaison 560 px
Photo de l'artiste ou du groupe
Playliste des Trans Bars en Trans
Appli
Fiche artiste
1
Navigation principale
2
Fil d'Ariane Au clic, retour sur la page Programmation. Nota : toutes les pages secondaires ont un fil d'Ariane pour faciliter la navigation.
3
Champ de texte Présentation des artistes.
Artistes > Nom de l'artiste
u site
Player YouTube (ou Vimeo) Lecteur vidéo. Visualisation des vidéos de l'artiste directement sur le site. 4
5
Champ de texte Informations pratiques concernant le(s) concert(s).
6
Bouton cliquable Lien vers le site Digitick.
7
Bouton cliquable Au clic, l'utilisateur rempli son panier pour compléter son parcours personnalisé, « mes concerts ».
Newsletter
3
5
La bio d'Edith Presley DJette option cuir noir et talons aiguilles façon petite sœur des Ramones, notre Rennaise ancienne membre d'un groupe féminin punk y a gagné son surnom. Cette résidente à l'Ubu aime le “rock”, depuis celui des origines dans les années 50 jusqu'à ses plus récentes déclinaisons, mais aussi la “northern soul” voire le “boogaloo”. Notre experte en “rock” pourvu qu'il “roll” devrait invoquer aux Trans les esprits de Roky Erickson ou The Brian Jonestown Massacre : maîtresse femme idéale ou véritable femme fatale ?
Retrouvez Edith Presley sur : Site officiel Page facebook Arte Live web
Son dernier clip
Son dernier E.P.
ven. 6 décembre, 20:30 > 21:10 Parc Expo - Hall 3 23/26/29 € 6 Achetez vos billets
8
Ajoutez à vos concerts
7
9
4
Edith Presley Edith Hotumn' Trax
Video de l'artiste ou du groupe
Edith Presley Trash Edith Trax
10 Like Tweeter
22 000 aiment ça ! 132 tweets
Champ de texte cliquable Lien vers le site officiel de l'artiste, sa page facebook (ou MySpace), Arte Live Web. 8
9
Bouton Like / Facebook Au clic, l'utilisateur « like » la page de l'artiste. Le compteur indique le nombre de likes. 10
11
11 Créez vos favoris sur facebook
Player Deezer (ou Soundcloud) Lecteur audio. En écoute, des morceaux de l'artiste.
Bouton Twitter Un clic sur ce bouton permet de publier sur twitter un lien sur la page de l'artiste. Le bouton est accompagné d'un compteur qui indique le nombre de tweets effectués. Bouton cliquable Au survol, un mini pop-in s'ouvre détaillant la fonctionnalité de l'outil Explorateur (outil de l'appli pour créer ses favoris et découvrir des artistes) ; au clic, l'utilisateur est dirigé vers sa page facebook.
18
Wireframe d Page principale
u site Billetterie
1366 px
Programmation
Artistes
Billetterie
Informations pratiques
Espace professionnel
Partenaires
Fr
Billetterie
Mes concerts Jeux des 35 ans
1
Pass Parc Expo
Pass Parc Expo week-end
jeudi 5 déc 2014
vend 6 | sam 7 déc 2014
63 €
47 €
18 / 21 €
26 / 29 €
Ubu
Ubu
Aire Libre
Le Triangle
hauteur écran 768 px
ligne de flottaison 560 px
3 jours
Pass Parc Expo
merc 4 déc 2014
dim 8 déc 2014
merc 4 au sam 7 2014
13 / 15 €
15 / 17 €
12 / 15 €
Pass Parc Expo
Playliste des Trans Bars Appli en Trans
Newsletter Appli
Newsletter
vend 6 | sam 7 déc 2014
13 / 16 € 1
2
Achetez vos billets 3
4
Informations billetterie Étudiants boursiers : vos places à 9 € et 13 € Dernières minutes, les tarifs réduits, les points de ventes, Les étudiants boursiers peuvent bénéficier d'un tarif le retrait des billets, etc. préférentiel. Attention : places limitées ! En savoir plus
En savoir plus
Lien sur Digitick. 2
Bouton cliquable Lien sur Digitick.
3
Champ de texte Lien vers une page secondaire : Informations billetterie.
4
Champ de texte Lien vers une page secondaire : Tarifs étudiants boursiers.
Boutons cliquables
19
Wireframe d Page principale
1366 px Programmation
Artistes
Billetterie
Informations pratiques
Espace professionnel
Partenaires
Mes concerts
Partenaires institutionnels
Bars en Trans
Partenaires professionnels ligne de flottaison 560 px
Partenaires
Jeux des 35 ans Playliste des Trans
1
2
Newsletter
Partenaires privés
Mécènes
Partenaires médias
Logos cliquables Liens vers le site des partenaires.
Appli
hauteur écran 768 px
Partenaires
Fr
Partenaires 1
u site
Champs de texte cliquables • Green room : lien vers la page principale Programmation. • Crédit Agricole : lien vers la page secondaire Informations pratiques > Les lieux du festival. • TGV Trans : lien vers la page secondaire Informations pratiques > Comment venir ? • Gares & connexions : lien vers a page secondaire Programmation > Autour des Trans.
Footer 3
• Association Trans Musicales : lien vers le site de l’Association Trans Musicales. • Mémoires de Trans : lien vers le site Mémoires de Trans. • Ubu : lien vers le site de l’Ubu. • Jeu de l’Ouïe : lien vers le site du Jeu de l’Ouïe. • Mentions légales : au clic, ouverture d'un pop-in indiquant les mentions légales. • Équipe : au clic, ouverture d'un pop-in présentant l'équipe. • Visuel des Trans : au clic, ouverture d'un pop-in présentant le visuel de l'édition 2014 des Trans.
Partenaires médias web
Partenaires techniques
Et pendant les Trans
2
Green room | Crédit Agricole | TGV Trans Musicales | Gares & connexions 3 Association Trans Musicales
4 Mémoires de Trans
Ubu
Jeu de l'ouïe
Mentions légales
Équipe
Visuel des Trans
Champs de texte cliquable
4
© 2014 Trans Musicales | Charlie's Lab.
Champ de texte cliquable Lien vers le site de l'agence Charlie's Lab.
20
Wireframe d
u site
Page de clôtur e
1366 px
Retour sur l'édition 2013
1
Informations pratiques
1
Espace professionnel
Partenaires
Objet perdu ? Objet trouvé ?
Livre d'or
ligne de flottaison 560 px
Si vous souhaitez être informé du programme de l'édition 2015, inscrivez-vous à notre newsletter ou rendez-vous sur notre page facebook. 2
>
Page facebook
Bars en Trans
Pour fêter les 35 ans des Rencontres Trans Musicales de Rennes, l'équipe du festival, en partenariat avec les marqueurs 5 Posca®, vous invite à écrire et dessiner sur un mur d'expression libre, à chacun selon son inspiration, pour créer ensemble un livre d'or virtuel.
Rendez-vous...
hauteur écran 768 px
Lire la suite
Playliste des Trans
Vous avez été plus de 60 000 pour cette édition.
>
Les Trans sur Culturebox
Appli
Newsletter
2
35 secondes, 35 ans... la rétrospective Voir la vidéo
Pour participer à cette expérience interactive ludique et originale, suivez le lien
3
>
>
Champs de texte cliquable
Champ de texte cliquable Visuel cliquable
Champ de texte cliquable Au clic sur le mot Posca, l'utilisateur est dirigé vers le site de la marque Posca.
6
Champ de texte cliquable Au clic, l'utilisateur est dirigé vers le livre d'or interactif.
7
Logo Arte live web Au clic, l'utilisateur est dirigé vers le site Arte Live Web.
8
Lien vers le site Culturebox.
Le visuel montre un détail du livre d'or en temps réel. Au clic, l'utilisateur est dirigé vers le livre d'or interactif. 5
8
>
Lien vers une page secondaire.
Au clic, ouverture d'une lightbox vidéo. 4
7
Voir Culturebox
>
Lien vers le formulaire d'inscription à la newsletter ; lien vers la page facebook des Trans Musicales. 3
6
Autres encadrés du slide :
4
Un grand merci !
Newsletter
Fr
Slideshow vertical de cinq blocs de texte d'informations
Player Arte live web Lecteur vidéo. Visualisation des vidéos du festival directement sur le site.
21
Wireframe fa Page d'accueil
cebook
des jeux-conco
urs
1366 px
1 Rencontres Trans Musicales de Rennes
Les Trans Musicales ONT 35 ans !
3
hauteur écran 768 px
ligne de flottaison 560 px
2
Instant gagnant
À cette occasion, rendez-vous tous les mois sur facebook pour participer à nos jeux-concours et gagner de nombreux prix.
4
Cliquez sur 5
Mentions légales
Cette promotion n'est pas gérée ou parrainée par Facebook. Les informations que vous communiquez sont fournies aux Rencontres Trans Musicales et non à Facebook. Les informations que vous fournissez ne seront utilisées que par les Rencontres Trans Musicales.
2
Texte d'accroche des jeux-concours organisés par les Trans
3
Visuel des jeux-concours Adaptation du visuel de l'affiche de l'édition 2014.
4
5 pass week-end à gagner !!
> Multipliez vos chances de gagner en visitant le site des Trans Musicales.
Visuel du festival Vignette.
pour participer !
Ce mois-ci, participez à notre quizz sur les Mémoires des Trans et gagnez l'un des pass week-end pour assister à l'édition 2014 du festival et décourvir les talents musicaux de demain. 6 7
1
8 Réglement
Texte d'accroche Invite l'utilisateur à cliquer sur le bouton « J'aime ! » pour pouvoir participer.
5
Détail du jeu en cours
6
Champ de texte cliquable Lien vers le site des Trans Musicales.
7
Mentions légales
8
Règlement
22
Direction art Tendance grap h
istique
ique adoptée
Inspirations et références Un parti pris artistique basé sur la sobriété teinté d'identité régionale et du style années 80 L'image de la Bretagne est associée à des éléments graphiques très forts : le drapeau noir et blanc, le granit, les menhirs, autant de matières et de couleurs dont nous nous inspirons pour l'identité visuelle du nouveau site. La ville de Rennes est connue pour son architecture traditionnelle qui donne à voir un bon nombre de maisons à colombages, d'où le choix d'utiliser des formes très géométriques, la diagonale, le triangle. Le festival a lieu au mois de décembre, pendant les jours les plus cours de l'année, d'où l'idée du gris, du noir et des gris colorés qui évoquent l'hiver, la nuit. La couleur jaune intégrée aux motifs géométriques, représente la lumière tel un faiseau lumineux, un phare dans la nuit. Nous retenons de l'année de naissance du festival (1979), le style New Wave, le design des années 80.
23
Direction art Tendance grap h
istique
ique adoptée
Gamme de couleurs Opacité 70%
Opacité 70%
#FFFF00 R=255 V=236 B=0
#666666 R=102 V=102 B=102 1
Choix typographique Opacité 70%
#333333 R=51 V=51 B=51 1
Opacité 70%
#000000 R=0 V=0 B=0 1
Opacité 70%
Une police sans sérif plus jeune et géométrique qui offre une bonne lisibilité. Elle présente l'avantage de posséder de nombreuses déclainaisons. Elle se marie bien avec le style graphique du site basé sur des contrastes forts et l'utilisation de formes simples.
#FFFFFF R=255 V=255 B=255
FONT TITILLIUM LIGHT FONT TITILLIUM REGULAR FONT TITILLIUM SEMI BOLD Pictogrammes du menu secondaire
FONT TITILLIUM BOLD
24
Direction art
istique
Page d'accueil
chartĂŠe
25
Direction art
Page d'accueil
chartĂŠe
istique
Onglet Mes co
ncerts
26
Direction art
Page d'accueil
chartĂŠe
istique
Onglet Jeux de
s 35 ans
27
Direction art
Page d'accueil
chartĂŠe
istique
Onglet Playlist
28
Direction art
Page d'accueil
chartĂŠe
istique
Onglet Bars en
Trans
29
Direction art
Page d'accueil
chartĂŠe
istique Onglet Appli
30
Direction art
Page d'accueil
chartĂŠe
istique
Onglet Newsle
tter
31
Direction art Page program
istique
mation chartĂŠ
e
32
Direction art Page artistes c
istique
hartĂŠe
Ă&#x2030;tat 1
33
Direction art Page artistes c
istique
hartĂŠe
Ă&#x2030;tat 2
34
Direction art
istique
Fiche artiste c
hartĂŠe
35
Direction art Accueil et men u
istique
de l'appli char
tĂŠs
36
Descriptif
technique et fo
nctionnel
Recommandations techniques HEBERGEMENT
REFERENCEMENT NATUREL
Le site est actuellement hébergé par ICODIA (www. icodia.com) et la maintenance du site est assurée par la société W-Seils, à Nantes. Bien que la refonte du site s’oriente vers un site évènementiel, nous ne voyons pas d’inconvénient à ce qu’il continue d’être administré par ces deux sociétés. L'agence Charlie's Lab formera l'administrateur en charge du Back Office, toutefois si l'association des Trans Musicales le souhaitait, notre agence pourrait subvenir elle-même à cette charge . Le nom de domaine actuellement utilisé est www. lestrans.com. Étant donné le sens pris par le nom du festival en raison de l’évolution depuis sa création nous vous proposons un nom de domaine alternatif « lestransmusicales.com », ce qui concourra à nos efforts de modération.
Nous préconisons l’utilisation conjointe du référencement naturel et du référencement naturel renforcé Afin d’appuyer le référencement naturel, une attention particulière sera donnée à la hiérarchisation des balises : la balise <title> : - elle permet aux internautes d’identifier l’objet d’une page web en un coup d’œil ; - son contenu est repris par les moteurs de recherche dans leurs pages de résultats pour désigner les pages en question . - des titres de pages uniques seront utilisés pour chaque page ; - la rédaction de titres pertinents et descriptifs sera privilégiée. la balise <description> : - elle permet de décrire de façon plus développée le contenu de la page. - elle fournit aux moteurs de recherche le résumé du contenu de page. - Google utilise cette balise pour fournir des extraits (« snippets ») des pages.
une structure simple des répertoires du site sera mise en place, en veillant à mettre des mots-clés pertinents pour le répertoire qui comportera les pages web du site. la création d’un fichier sitemap.xml : - le sitemap indique aux robots l’ensemble des pages qu’ils doivent visiter et facilite ainsi leur indexation, et donc le référencement du site . - le sitemap permet également d’accélérer l’indexation, point non négligeable dans une phase de création de site . une attention particulière sera portée aux attributs « alt » des balises <img>. l’utilisation judicieuse de la balise <h1> (obligatoire et unique pour chaque page) . le site sera enregistré sur les annuaires en ligne (comme, par exemple, http://www.dmoz.fr/), ce qui permettra de multiplier les liens vers le site et donc d’améliorer le référencement.
37
Descriptif
technique et fo
nctionnel
Le référencement naturel renforcé le sera par l’utilisation des réseaux sociaux (SMO ou Social Media Optimization). - Présence de JEUX promotionnels autour des TRANS sur Facebook. - Présence sur Twitter. - Chaine dédiée aux Trans sur Youtube où la vidéo de la soirée concert anniversaire sera diffusée en live. - Présence sur les forums qui augmentera encore le Ranking.
38
Descriptif
technique et fo
nctionnel
CONFIGURATION NAVIGATEURS RECOMMANDEE En accord avec les parcours utilisateurs et les personae (notamment Mary-Jane qui possède une version d’Internet Explorer 8, navigateur dont la prise en charge des standards HTML5 et CSS3 est quasi nulle), nous pensons qu’il faut que les utilisateurs ne possédant pas les dernières versions de navigateurs puissent obtenir une mise en page correcte . Une version (dégradée) sera prévue pour ne pas pénaliser ces utilisateurs tout en proposant une amélioration aux plus performants (ceux qui peuvent utiliser JavaScript et Jquery en l’occurrence Chrome 10, Firefox26, Opéra11.5 et Safari 6) .
39
Descriptif
technique et fo
nctionnel
LE CHOIX D’UN SITE NON RESPONSIVE Nous n’envisageons pas de développement en Responsive Design car le site se double d’une appli déjà existante que le visiteur est invité à télécharger (compatibilité IOS et Androïd) et nous considérons que la tablette n’est pas la préoccupation du cœur de cible. RESOLUTION Nous avons donc basé nos recherches sur les dimensions d’un écran de résolution 1366 x 768 px, largement majoritaire , comme le montre le graphique suivant : TECHNOLOGIE HTML5 et CSS3 Nous préconisons l’utilisation de Html5 et Css3 pour la conception du site , sa mise en forme et la création de liens entre les pages . JAVASCRIPT et JQUERY Le langage Javascript et la bibliothèque JQuery seront utilisés pour l'interactivité côté client. Dès que nous le pourrons nous inclurons les portions de codes et ce afin de réduire le temps de chargement et par conséquent le temps d’attente de l’internaute. À noter que JQuery prend en charge la gestion de la compatibilité du code JavaScript entre les différents navigateurs, ce qui diminue considérablement le temps nécessaire pour le développement).
AJAX Ajax sera sollicité pour la possibilité d’adapter en temps réel les pages consultées par l’internaute, et actualiser ainsi dynamiquement le contenu d’une page. Sans avoir à en recharger l’intégralité dans le navigateur cette technologie nous fait gagner du temps et garder l’internaute plus longtemps sur le site.
PHP et MySQL Le langage de programmation PHP servira au recueillement ainsi qu’au traitement des informations conjointement avec le système de gestion de données MySQL.
40
Descriptif
technique et fo
nctionnel
UN BACK OFFICE SUR MESURE
LES FONCTIONNALITÉS du FRONT OFFICE
Nous devrons développer un back office qui permettra à l’ administrateur de gérer les nouvelles données afin de pouvoir : - modifier la programmation en cas d’urgence (annulation d'un concert, invité surprise, interview non programmée…). - mettre à jour les nouvelles inscriptions via le panier et la newsletter. - actualiser le site d’une année sur l’autre (nouvelle Programmation et Fiches artistes, Partenariats, Billetterie, Infos pratiques et Espace Pro).
Un Moteur de Recherche simple avec un champ de recherche par mot-clé qui permettra au visiteur de lancer une recherche dans le contenu du site.
Nous préconisons à ce sujet l’utilisation des CDN, contenus intégrés des pages YouTube et Vimeo, assurant un chargement « au fur et à mesure ». - Une navigation secondaire verticale permanente proposant les onglets :
Nous recommandons la version payante du Moteur de recherche Google qui nous évitera la publicité et offrira des fonctionnalités supplémentaires. Les systèmes de navigation : - Une navigation principale ancrée avec menu supérieur horizontal permettant d’atteindre les rubriques souhaitées via un lien interne. - Un menu déroulant permettant de choisir la langue. Bien que plusieurs solutions sont offertes pour la traduction, nous recommandons vivement d’effectuer une traduction complète du site en anglais et en breton, la qualité des traductions offertes par les traducteurs intégrés étant trop aléatoire, principalement concernant la langue bretonne. - Un scroll vertical donnera un accès simple et progressif aux informations concernant les artistes et la programmation, évitant un affichage surchargé et long à charger.
Mes concerts ( voir pages 40-41) Pop-in ouvrant sur un formulaire d’authentification, puis renvoi à la page programmation. JEUX des 35 ans L’onglet pourrait être parcouru par une onde transparente, discrète mais intriguante : au clic, un pop-in apparaît, présentant les jeux et réorientant vers la page Facebook des Trans. Playliste Deezer Pop-in offrant un accès à la playlist des Trans diffusée par Deezer. NEWSLETTER Ouverture d’un formulaire d’inscription. Nous recommandons le recours à un formulaire Mailchimp traduisible et ajustable. Les infos seront récupérées dans la base de données. BARS EN TRANS Pop-in avec présentation du festival off et lien vers le site dédié.
41
Descriptif
technique et fo
nctionnel
Les fonctionnalités sociales utilisées : réseaux sociaux - lien vers la chaine YouTube dédiée aux Trans - lien vers la page officielle de Facebook Bouton « j’aime » qui permet, via le protocole Opengraph de Facebook, d’exprimer son coup de cœur et de partager sur son mur, tout en accroissant la visibilité du site (modifications de la balise HTML & lignes de code PHP à intégrer dans le code du site analysées ensuite par les moteurs de recherche ). - un lien vers Twitter Grille des artistes ( voir le wireframe) - En faisant appel aux plugIn de JQuery on pourra faire défiler trois slideshows superposés présentant chacun (en boucle et indépendamment) des photos de différents groupes. - En cliquant sur une des photos, on accèdera par une page secondaire à d’autres fonctionnalités comme : un player video (YouTube ou Vimeo selon les sources) un player audio (Deezer ou Soundcloud) En quelques lignes d’HTML, il est possible d’intégrer un player Deezer sur notre site. - le panier Mes concerts (déjà développé avec le menu secondaire). - le bouton « like » Facebook - le bouton Twitter - la fonction Explorateur (permet d’afficher ses favoris).
42
Descriptif
technique et fo
nctionnel
Programmation ( voir le wireframe)
Page de clôture
Deux filtres permettront de sélectionner la date et la salle.
Une fois le festival terminé, nous ne garderons que les onglets : - artistes (lien redirigeant vers Mémoire de Trans) - partenaires, - langues, - réseaux sociaux, - playliste (qui nous amènera sur Deezer), - bars en trans (le temps du off) - l’asso (lien) - Mémoire de Trans (lien) - Logo Posca (lien)
À tout moment, le visiteur pourra accéder au panier et être redirigé vers la Billetterie déléguée à Digitick . Le visiteur pourra aussi : - accéder à la grille du programme complet - obtenir son programme personnalisé Fonctionnalités d’impression et de téléchargement offer tes dans les deux cas . Infos Pratiques - lien http vers les sites commerçants et l’Office du Tourisme. - le recours à un embed GoogleMap (contenu embarqué)- code Html délivré par google - à intégrer dans la programmation, ouvrira un module de Géolocalisation qui permettra de se repérer sur le site physique des Trans.
Dans l’esprit du « Bic Wall » et en partenariat avec Posca (la célèbre marque de marqueurs), la page présentera un livre d’or virtuel sur lequel les internautes pourront laisser un commentaire ou un dessin : le profit sera une œuvre collaborative et éphémère, accroissant ainsi la popularité des Trans. Le coût du développement de l’application et de la maintenance seront assumés par la marque Posca : le gain récupéré par la marque de marqueurs sera une visibilité nouvelle et des clients potentiels.
Espace Pro - un formulaire d’inscription pour l’accréditation des professionnels. - un formulaire à destination des bénévoles. Les données de ces formulaires rejoindront la base de données du site. 43
Descriptif
technique et fo
nctionnel
Le modèle conceptuel de données
44
Descriptif
technique et fo
nctionnel
Mes concerts
Scénario d'utilisation de l'espace perso « Mes concerts » 1 Présentation de la fonctionnalité
Crée ta wish-list, partage-la, imprime-la, retrouve-la sur ton appli pendant le festival !
À mesure que tu découvres notre programmation, tu peux ajouter des concerts à ton panier, en cliquant sur l'onglet Mes concerts. À tous moments, tu peux consulter ta sélection, l’imprimer, la partager avec tes amis via les réseaux sociaux ou bien encore acheter tes billets en ligne de la façon la plus rapide qui soit.
Ça te tente ? Alors identifie-toi dès maintenant : Identification
45
Descriptif
technique et fo
nctionnel
Scénario d'utilisation de l'espace perso « Mes concerts »
Mes concerts > Page d'identification
Mes concerts
2 Page d'identification
Crée ta wish-list, partage-la, imprime-la, retrouve-la sur ton appli pendant le festival !
Tu n'es pas encore inscrit ? Crée ton compte Nous nous engageons à garder tes informations strictement confidentielles
Tu es déjà inscrit ? Identifie-toi : E-mail : Mot de passe : Mot de passe oublié ? Clique ici.
Valide Utilise ton compte facebook
Formulaire de création du compte
Page de confirmation de l'identification ou si mail ou mot de passe erronés : redirection vers l'identification 46
Descriptif
technique et fo
nctionnel
Julien B.
Mes concerts > Affichage du panier
Mes concerts
Scénario d'utilisation de l'espace perso « Mes concerts » 3 Page d'affichage du panier
Jeudi 3 décembre Commentaire
Samba de la muerte 16:10 > 16:50 L'étage
Me le rappeler à 12:00 Supprimer de la liste Commentaire
Iva G. Moscovitch 21:30 > 22:15 Parc Expo - Hall 3
Personnalise l'affichage de ta programmation
Imprime Envoie ta liste par mail Partage ta liste sur facebook
Me le rappeler à 18:00
Gère tes alertes
Supprimer de la liste
Continue ta programmation
Vendredi 4 décembre Commentaire
The skins 02:00 > 02:45 Parc Expo - Hall 3
Me le rappeler à 20:00 Supprimer de la liste
Achète tes billets
47
Stratégie
Recommanda tio
ns marketing
Nouvelle stratégie digitale, une utilisation renforcée des médias sociaux et de la mobilité Les festivals de musique sont des expériences partagées généralement en groupe, entre amis ou en famille. C'est pourquoi les réseaux sociaux s'y sont imposés très vite, par leur pouvoir de mobilisation des communautés. Les internautes y partagent des contenus, y recommandent des artistes... Ils deviennent des relais, des prescripteurs du festival et servent de repères aux organisateurs. Nous avons donc choisi d'exploiter un dispositif de communication basé sur la viralité autour du site événementiel des Rencontres Trans Musicales de Rennes 2014, en tenant compte en priorité de notre cœur de cible.
Animation des réseaux sociaux Pour simplifier et donc rendre plus efficace le travail du community manager, nous avons choisi de ne conserver que trois des réseaux sociaux utilisés jusqu'à présent : Facebook (avec 1,15 milliards de comptes actifs, c'est le réseau social le plus utilisé au monde), Twitter (plus de 288 millions de comptes actifs pour plus de 500 millions de comptes enregistrés) et YouTube (géant de la vidéo en ligne, le plus grand média social avec 1 milliard de visiteurs uniques par mois). Facebook Partage de photos, de liens vidéos YouTube... Le community manager interagit et échange avec les internautes en vue de développer encore la communauté facebook et de récupérer des fans (animation et modération). Mise en place des jeux concours facebook (cinq quizz) pour créer une dynamique suivant un calendrier bien défini. Post de la vidéo teaser dès le lendemain de la soirée buzz. Créer du buzz en direct avec des tweets pertinents pour multiplier le nombre de followers. Utiliser le live tweet. Le hashtag conservera le principe utilisé les années précédentes : #trans2014. You Tube Créer du dynamisme avec des vidéos d'interviews, de concerts, de moments backstage, etc. qui peuvent générer des partages et de nouveaux abonnements et
développer ainsi la visibillité du festival en France et à l'étranger tout au long de l'année. Miser sur le direct pour fidéliser et susciter l’intérêt de l’audience, puis augmenter le nombre d’abonnés (ex. : diffusion de la soirée d'anniversaire VIP en direct). Durant la période du festival, diffusion en direct de morceaux judicieusement choisis. Ne pas tout dévoiler mais donner envie ! La vidéo a un impact visuel fort facilement partageable sur les réseaux sociaux, notamment Facebook. Ce médium correspond donc totalement à notre cœur de cible. De plus, la vidéo est un excellent outil de SEO (utiliser les techniques du « Video Search Engine Optimisation », alias VSEO, pour optimiser votre chaîne Youtube à travers les moteurs de recherches).
Visibilité du site évènementiel RÉFÉRENCEMENT DIRECT SMO (Social Media Optimization) Utiliser les techniques d'optimisation des médias sociaux pour agir sur le positionnement du site dans les résultats de recherche : 1. Systématiser l’ajout de liens vers le site évènementiel. 2. Mettre en avant les offres des Trans Musicales. 3. Créer un maillage de liens vers les autres profils sociaux (qui adopteront également les méthodes 1 et 2 expliquées ci dessus). 4. Animer ces espaces en publiant du contenu original et de qualité, et en engageant les utilisateurs.
48
Stratégie
Recommanda tio
ns marketing
Seo (Search Engine Optimization) Identifier et choisir les mots-clés concernant la nouvelle édition du festival 2014. Créer des tags (étiquettes), mots-clés ou termes associés assignés à de l'information (par exemple une image, un article, ou un clip vidéo), qui décrit une caractéristique de l'objet et permet un regroupement facile des informations contenant les mêmes mots-clés. RÉFÉRENCEMENT inDIRECT Soirée Buzz Concert anniversaire VIP (artistes, partenaires, bloggeurs) : relations publiques. Cette soirée sera organisée à la date anniversaire du premier festival des Trans Musicales. Vidéo teaser : « Les Trans, 35 ans de passion musicales ». Annonce de la programmation 2014. Mise en ligne du site du festival à minuit. médias traditionnels Pour améliorer la visibilité du festival, nous utiliserons les partenaires existants. Les médias traditionnels nous permettrons de toucher un public plus large que le cœur de cible et de fidéliser les festivaliers des débuts.
Presse Un mois avant la soirée buzz, encart publicitaire pour annoncer l'ouverture du site avec la programmation 2014 et la diffusion en direct de la soirée d'anniversaire sur la chaîne dédiée YouTube. Un mois avant le festival, encarts publicitaires avec détail de la programmation. Jeux concours en partenariat avec le support. Radio Un mois avant la soirée buzz, flashs publicitaires pour annoncer l'ouverture du site avec la programmation 2014 et la diffusion en direct de la soirée d'anniversaire sur la chaîne dédiée YouTube. Flashs publicitaires à l’approche du festival. Playlist anniversaire, en partenariat avec Deezer, lisible sur le site. Télévision Retransmission de la soirée buzz sur Arte Live Web dès le lendemain de la soirée. Utilisation de la vidéo anniversaire comme teaser. Retransmission de la soirée buzz sur France 3-Bretagne un mois avant le festival.
Site évènementiel Mes concerts Nouvelle fonctionnalité qui permettra à chaque internaute de planifier et mémoriser le programme de son séjour sur son Iphone ou Androïd. L’utilisateur coche les concerts auxquels il souhaite assister dans la grille de programmation, la liste se mémorise. Cette liste peut être imprimée et/ou partagée sur les réseaux sociaux, téléchargée sur un téléphone mobile pour pouvoir être consultée en situation de mobilité (dans ce cas, elle émet des alertes pour prévenir des concerts du jour). Elle peut également s’ouvrir directement dans la billetterie, ce qui facilite l'achat des billets. Newsletter (collecte d'adresse email) Page de clôture du site Le livre d'or est aussi une nouvelle fonctionnalité du site qui permettra à chaque festivalier de laisser une trace de son passage aux Trans en y indiquant ses propres annecdotes. Partenariat avec Posca.
Street marketing Campagne d'affichage Affichage dans la ville de Rennes, sa région et Paris. (35 ans + programmation). TGV Trans et exposition photos
49
La nouvelle s
tratégie
Le dispositif d
e com'
Base de données Mes concerts Newsletter Accréditations Bénévoles
Site évènementiel www.lestrans.com/
Soirée concert VIP BUZZ Vidéo 35 ans / 35 sec
mémoire trans
Association
www.association-transmusicales.com/ www.memoires-de-trans.com/
BUZZ pub médias traditionnels
Campagne d'affichage
Jeux Facebook 1 2 3 4 5
Quizz Histoire de Trans Quizz Affiches Quizz Björk Quizz Albums Quizz Stars
Page Facebook Trans Musicales
Page Twitter Trans Musicales
TGV Trans
Chaîne Youtube Trans Musicales
Expo photos en gare de Rennes
Médias Street Marketing
Appli
Lien de redirection
Explorateur
Page de clôture du site événementiel
Lien de téléchargement Dispositif multicanal
50
La nouvelle s
tratégie
Le calendrier m
Date anniversaire du 1er festival des Trans
14 mai
14 juin
19 juillet
23 août
27 septembre
1er novembre
arketing
6 décembre
8 décembre
Animation des réseaux sociaux Facebook et Twitter-SMO / SEO Jeux Facebook Quizz Histoire de Trans
Quizz Affiches
Quizz Björk
Campagne
Quizz Albums
Quizz Stars
Campagne
Presse, Radio, Télévision
Presse, Radio, Télévision
Site événementiel Soirée concert VIP avec vidéo anniversaire
Page de clôture du site avec un livre d'or
Diffusion du concert en direct sur YouTube et retransmission le lendemain sur Arte Live Web
Festival Trans Musicales
Mise en ligne du site événementiel à minuit
Chaîne dédiée YouTube Exploitation du direct
Annonce de la programmation des Trans 2014
Street Marketing (Affiches, TGV Trans, Exposition photo)
du 3 au 7 décembre 2014
51
Stratégie
Dispositif du je
u Facebook
Comment jouer aux jeux Facebook ?
Connexion
J'aime
Tirage au sort des gagnants
Je participe
Site évènementiel www.lestrans.com/
https://www.facebook.com/transmusicales
Résultat des jeux Facebook
Notre calendrier : 1 jeu tous les 35 jours ! Début du Jeux 19 juillet
Fin du Jeux
Tirage au sort
Annonce des gagnants
29 juillet
30 juillet
30 juillet
Quizz Histoire de Trans
Ou récupérer les lots
5 pass 2 jours 23 août
2 septembre
3 septembre
3 septembre
Quizz Affiches 27 septembre
7 octobre
8 octobre
8 octobre
Quizz Björk 1er novembre
11 novembre
12 novembre
12 novembre
Quizz Albums
5 places pour la soirée de clôture 2014 Une place pour un concert de Björk en backstage 5 pass 3 jours
6 décembre
Quizz Star
Lots
6 décembre
7 décembre
7 décembre
CONTACT Association Trans Musicales 10/12 rue Jean Guy CS 73912 35039 Rennes Cedex Tél. : 02 99 31 12 10 Mail: info@lestrans.com
Un apéro (sans alcool) avec Jean-Louis Brossard
52
Jeux Faceboo
k
Cinq jeux, cinq quizz différents qui créeront du dynamisme tout en familiarisant les internautes avec le festival des Trans Musicales. Les réponses se trouvent à la fois sur le site événementiel des Rencontres Trans Musicales de Rennes et sur le site concernant les archives, Mémoires de Trans. Il y a donc un va-et-vient constant entre la page Facebook et ces deux sites très liés. De plus, le nom des gagnants sera affiché sur le site évènementiel, dans l'onglet jeux.
Bénéfices Agrandir la communauté Facebook autour du festival des Trans Musicales.
Quizz Affiches
1.Combien coûtait l'entrée des premières Trans en 1979? 4,40 francs 9 francs Participation libre
Repositionner les affiches suivantes dans le temps.
(À gagner : 5 pass 2 jours)
2.Combien de fois Étienne Daho a t-il joué aux Trans? 2 fois 10 fois 4 fois
(À gagner : 5 places pour la soirée de clôture 2014)
1
2
3
4
5
6
3.Quel artiste casse sa guitare sur scène en 1991? Kurt Cobain Will T. Massey James Hall 4.En quelle année The Sugarcubes jouent-ils pour la première fois aux Trans? 1990 1993 1988 5.Quel artiste n'a jamais joué aux Trans? Lenny Kravitz The White Stripes Mc Solaar
1. Participation libre. 2. 2 fois. 3. Kurt Cobain. 4. 1988. 5. The White Stripes
Cing jeux seront hébergés sur Facebook afin de favoriser le marketing viral.
Quizz Histoire de Trans
1. 1999 Vrai/Faux 2. 1997 Vrai/Faux 3. 2012 Vrai/Faux 4. 2003 Vrai/Faux 5. 1984 Vrai/Faux 6. 2004 Vrai/Faux 1. FAUX 2003. 2. VRAI 1997. 3. VRAI 2012. 4. FAUX 2002. 5. VRAI 1984. 6. FAUX 2009.
Les Jeux facecebook
53
Jeux Faceboo
k
1.Comment s'appelle son album de remix sorti en 1996? Telegraph Telegram Telescope 2.De quel pays vient la chanteuse? Étas-Unis Islande Canada 3.Comment s'appelait son premier groupe? The Sugarcubes Bang Gang Gus Gus 4.En quelle année joue-t-elle pour la première fois aux Trans? 1990 1993 1988 5.Quel âge a-t-elle lorsqu'elle enregistre son premier album? 18 ans 23 ans 11 ans
Quizz Star
(À gagner : 5 pass 3 jours) À quel artiste ayant joué aux Trans appartiennent ces pochettes d'album? 1 ---
2 -------
-----
(À gagner : un apéro (sans alcool) avec Jean-Louis Brossard) 1.Que reçoit Benjamin Clémentine en cadeau à l'âge de 6 ans? Une guitare Un toy-piano Un accordéon 2.D'ou Optimo tire t-il son nom? D'une chanson du groupe Liquid Liquid Optimo était le surnom de Dave Clark enfant D'une étoile
---3 ------
----
3.Dans quelle ville est né Stromae? Paris Mars Bruxelles 4.Dans quel groupe célèbre Nicolas Fromageau a-t-il joué avant Team Ghost? M83 Cyann & Ben Abstrackt keal agram
4 ------5 ---
---
1. Cat Power-Jukebox. 2. Étienne Daho-L'invitation. 3. Rachid Taha-Diwan. 4. Nirvana-Never Mind. 5. Carl Cox-Second Sign
(À gagner : une place pour un concert de Björk en backstage)
Quizz Albums
5.Qui s'occupe depuis 1979 de la programmation des Trans ? Bernard Lenoir Jean-Louis Brossard JD Beauvallet
1. Un toy-piano. 2. Une chanson du groupe Liquid Liquid. 3. Bruxelles. 4.M83. 5. Jean-Louis Brossard
Quizz Björk
54
1. Telegram. 2. Islande. 3. The Sugarcubes. 4. 1988. 5. 11ans.
Story board Vidéo teasing
Une vidéo teaser : Les Trans, 35 ans de passion musicale Les Trans Musicales ont 35 ans, et pour rendre hommage à ces années de musique et de découverte, nous proposons une vidéo de 35 secondes. Son format court est adapté aux différents canaux de communication utilisés et permettra aux internautes de la partager très facilement. Elle a pour objectif de susciter la curiosité en rendant hommage au public et aux artistes des Trans Musicales. Elle servira de teaser sur les différents médias de communication (YouTube, Arte Live Web, France 3 Bretagne...) et sera visible sur le site, sous forme de lightbox. Son principe Dévoiler 35 moments d'anthologie du festival avec des artistes peu connus au moment de leur passage aux Trans et pour certains devenus par la suite de véritables stars. Le pitch Montage video d'extraits du festival vu au travers d'un disque vynile. Un triangle balaie la surface du cercle comme le ferait un sonar. Le balayage renouvelle l'image en faisant apparaître un nouvel extrait vidéo. Les images s'enchaînent les unes après les autres, seconde après seconde, par ordre chronologique... Les Trans vont de l'avant ! La vidéo se termine sur un disque jaune à l'intérieur duquel s'affiche le texte « Les Trans, 35 ans de passion musicale » ainsi que l'url du site évènementiel pour créer un lien avec ce dernier.
Ouverture de la vidéo sur le public des Trans Musicales. L'image apparaît dans le cercle en opacité 100%, et en filgrane sur le reste de l'écran. Le son s'installe doucement. Dès le départ, on entend la clameur du public qui va crescendo.
55
Story Board Vidéo teasing
"Les Trans, 35 ans de passion musicale! "
Exemple de transition entre Nirvana et les Berrurier Noir. Il y a 35 transitions. La musique se déclenche au moment où le premier groupe apparaît. Morceau électro-pop, composé spécialement pour le teaser, avec un tempo qui ponctue l'arrivée de chacune des images. La vidéo se termine par un disque lumineux et l'image de la foule. L'url du site s'affiche à l'écran. 56
La mĂŠthodol
ogie
Le calendrier
57
Un grand merci à Valérie Vincent-Genod et Catherine Nyeki pour les précieux conseils qu'elles nous ont apportés tout au long de la réalisation de ce dossier.