Dossier de conception

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 : face­book, 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

Facebook

Deezer

YouTube

SoundCloud

Twitter

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.