Stéphane Coco 5894 Rue de la Roche H2S2C7 Montréal, Qc Tél CONCERT WHORE SCÉNARISATION INTERACTIVE

Transcription

1 Stéphane Coco 5894 Rue de la Roche H2S2C7 Montréal, Qc Tél CONCERT WHORE SCÉNARISATION INTERACTIVE

2 TABLE DES MATIÈRES 1 Mise en contexte Objectifs Objectif principal Objectifs spécifiques Public-cible Concept Arborescences Arborescence application Arborescence Jeu concert Arborescence site web Stratégies de déploiement Expérience utilisateur Application Site internet Wireframe Notification Fais ta Whore et Application Concert Whore Notification concert et recherche de concert Site internet : page d'accueil

3 1 MISE EN CONTEXTE Pierre-Olivier est passionné de musique, il adore aller dans des concerts de tous types. Cependant, il vient à peine d arriver à Montréal et ne connait pas encore très bien le milieu de la musique dans la métropole. Il est déjà allé à certains concerts mais c était toujours des groupes possédant déjà une bonne notoriété. Pierre-Olivier lui, aime surtout les groupes méconnus car il estime que ce sont eux les véritables garants du dynamisme musical et culturel d une ville. Un jour, un collègue de travail lui conseille de prendre l application Concert Whore. D après lui, Pierre-Olivier est sûr d y trouver son bonheur. 2 OBJECTIFS 2.1 Objectif principal Promouvoir la musique émergente. 2.2 Objectifs spécifiques Aider l utilisateur à trouver des concerts en accord avec ses goûts Créer et stimuler une communauté d influenceurs. Augmenter l affluence dans les concerts. 3 PUBLIC-CIBLE ans Fans de musique et de concerts A l'aise avec la technologie 3

4 4 CONCEPT Concert Whore est une application ainsi qu un site internet qui vise à promouvoir la musique émergente. En effet, les petits groupes de musique se retrouvent souvent démunis et sans moyens face aux gros labels de musique. Ces mêmes groupes sont alors cantonnés à rester marginaux malgré le talent que de nombreux groupes possèdent. Lorsque l on télécharge l application, il nous est donné la possibilité de se créer un profil où l on pourra entrer ses préférences musicales afin de plus tard, recevoir les notifications de concert les plus susceptibles de nous intéresser. Pour ceux qui préfèrent une solution plus rapide, il est possible de lier l application à la musique présente dans le téléphone afin d établir son profil. Il est possible aussi et ce en tout temps de consulter la liste des concerts prévu via un outil de recherche. L application comprend plusieurs niveaux correspondant à des statuts. En effet, plus vous allez à des concerts, plus vous participez pendant ceux-ci en envoyant des tweets, des photos ou des commentaires sur Facebook, plus vous gagnez des points et plus votre score de concert whore augmente. Ainsi, on commence en ayant le statut de cheap whore pour ensuite évoluer vers le statut de social whore, puis backstage whore et enfin Fancy whore qui correspond au plus haut niveau et qui signifie que l utilisateur est très actif et participe activement à la promotion de la scène émergente Montréalaise. Lors des passages de niveau et du changement de statut, il est proposé à l utilisateur différents designs pour son application. Ainsi, il peut personnaliser son application selon ses goûts. Il peut par exemple choisir un design correspondant au style de musique qu il écoute où une tonalité plus décalée en gardant l aspect cheap. À partir du statut de Social whore, on peut aussi acheter en tout temps des designs spécifiques via l application, plus ceux-ci sont évolué, plus ils coûtent cher. Cette application vise aussi à créer une communauté active qui pourra se reconnaître. En effet, les utilisateurs, lors des concerts pourront voir qui utilise l application au même moment. Il est possible aussi de désactiver la fonction afin de rester incognito. Pendant les concerts, l application intègre aussi un mini jeu intitulé «Fais ta whore!» permettant au vainqueur de remporter une boisson gratuite. En effet, le premier utilisateur à atteindre 20 points gagne. Pour ce faire, l utilisateur poste des photos, tweets, comme pour la procédure normale sauf que ceux-ci sont pris en compte pour le minijeu. Ainsi, une photo vaut trois points, un tweet un point etc. Il est prévu un délai aléatoire entre chaque envoi gagnant afin d éviter une «course aux points». Enfin, tous les ans, et ce à la date anniversaire du lancement de l application, un grand gagnant est désigné. Il s agit de récompenser l utilisateur de l application le plus actif, l influenceur le plus méritant. Le gagnant reçoit des entrées pour le festival Oscheaga ainsi que des accès aux coulisses. 4

5 Sur le site internet, la page d accueil est réservée à faire la promotion d un groupe différent toutes les semaines. De plus, l utilisateur le plus actif se voit offrir une vitrine sur le site où il peut partager ses groupes, ses musiques. Le site comporte aussi un outil de recherche ainsi qu une description de chaque groupe relatant leur expérience, leurs influences afin que l utilisateur en sache plus sur ceux-ci. Nos partenaires possèdent aussi leur page sur notre site. Ceux-ci sont la principale source de financement de concert whore. En effet, les bières Boréales et Saint ambroise par exemple sont intéressées à s associer car c est une application «jeune» et dynamique. Les salles de concert le sont aussi car cela peut augmenter leur fréquentation et enfin les groupes de musique eux-mêmes car il bénéficie d une vitrine gratuite. Notre application se veut un outil ludique afin de promouvoir les artistes émergents et de créer une communauté active d influenceurs musicaux. Grâce à elle, les artistes émergents obtiennent une vitrine gratuite et possiblement virale facilitant la diffusion de leur musique 5

6 5 ARBORESCENCES 5.1 Arborescence application 6

7 5.2 Arborescence Jeu concert 5.3 Arborescence site web 7

8 6 STRATÉGIES DE DÉPLOIEMENT Objectifs du projet Promouvoir la musique émergente. Aider l utilisateur à trouver des concerts en accord avec ses goûts Créer et stimuler une communauté d influenceurs. Stratégies Grâce à une application et à un site internet, les utilisateurs reçoivent des informations pour des concerts de musique convenant à leurs goûts. Ils sont de plus incités à participer activement grâce à une compétition ludique et amicale sous forme de jeu. L outil de recherche présent dans l application ainsi que sur le site internet propose à l utilisateur des concerts en lien avec ses goûts musicaux du moment et de localiser précisément ces concerts à Montréal L utilisation de l application entraîne l utilisateur à diffuser des messages et des photos sur les réseaux sociaux assurant ainsi la promotion des groupes. Augmenter l affluence dans les concerts. L application facilitant la promotion de groupes, les utilisateurs seront plus enclins à fréquenter les salles de concert pour voir ces mêmes groupes se produire. Attentes du public-cible Stratégies Les utilisateurs sont mis au courant des Grâce à son outil de recherche, concerts et des groupes susceptibles de l application conseille les leur plaire. utilisateurs selon leurs goûts musicaux. Les notifications de l application renseignent aussi l utilisateur sur la tenue de concerts et ce, dès leurs annonces. Les utilisateurs de l application peuvent La fonction de reconnaissance 8

9 rencontrer d autres fans de musique. des utilisateurs lors des concerts favorise les rencontres. 7 EXPÉRIENCE UTILISATEUR 7.1 Application Lorsque l utilisateur télécharge l application et lors de sa première utilisation, il lui est demandé de remplir son profil, qui fait office de carte d identité. Dans celui-ci, il doit entrer son pseudonyme qui apparait aux autres utilisateurs ainsi qu une photo de son choix. Ensuite, deux choix s offrent à lui, soit il lie la musique présente dans son téléphone à l application afin que celle-ci établisse ses goûts musicaux et puisse le renseigner sur les concerts pouvant lui plaire. Ou bien il remplit un questionnaire afin de créer lui-même ses filtres musicaux et obtenir ainsi des conseils plus affinés. Une fois son 9

10 profil créé, il peut aller directement effectuer une recherche de concerts dans l onglet spécial ou bien aller consulter les règles du jeu-concert. Sur l écran d accueil de l application, l utilisateur peut voir son statut, son nombre de points et la quantité lui manquant pour atteindre le niveau suivant. À la première utilisation et ce jusqu à ce que l utilisateur participe de plus en plus, en envoyant des messages et des photos via les réseaux sociaux, il a le statut de Cheap Whore. Plus il participe et plus il gagne de points, il va passer du statut de Cheap Whore au statut de Social Whore puis Backstage Whore et enfin atteindre le statut de Fancy Whore. C est le statut le plus élevé et il indique aux autres utilisateurs qu ils sont en présence d un influenceur majeur de la scène émergente de Montréal. En effet, les messages et les photos envoyés ont grandement participé à la notoriété des groupes que l utilisateur est allé voir. L aspect graphique de l application est directement lié au statut de l utilisateur. Notre utilisateur vient d atteindre le statut de Social Whore et l application lui offre alors la possibilité de changer le look de son interface. Étant fan de musique reggae, notre utilisateur choisit un design en adéquation avec ses goûts musicaux, un design aux couleurs rastafariennes. L utilisateur a la possibilité de changer le look de son interface en tout temps via l application en achetant des designs spéciaux. Cet aspect de l application apporte ainsi une motivation supplémentaire aux utilisateurs pour participer et devenir des influenceurs musicaux. L utilisateur reçoit la notification d un concert susceptible de lui plaire le soir même. Après avoir écouté l extrait musical lié à la notification, il décide de s y rendre. Arrivé sur les lieux, il reçoit automatiquement et grâce à la géolocalisation de son téléphone cinq points qui s ajoutent directement à son compte Concert Whore. Ayant reçu ses points, l utilisateur peut choisir de mettre son statut visible ou incognito. Être visible lui permet de participer à «Fais ta whore!» et de voir tous les autres utilisateurs de Concert Whore présent ainsi que leur statut. Le principe du jeu est simple, le premier utilisateur à atteindre vingt points reçoit un cadeau en relation avec le concert où il se trouve. Ce peut être des consommations, des t-shirt, des posters Lors du concert, l utilisateur prend des photos, envoie des messages sur les médias sociaux. Il reçoit à chaque fois un point qui vient s ajouter à son total Concert Whore. Cependant, il participe aussi au jeu «Fais ta whore!». De temps en temps, une notification est envoyée à chaque utilisateur participant à «Fais ta whore!» leur demandant de publier un message spécifique ou une photo précise. Le premier utilisateur à le faire reçoit deux points qui viennent s ajouter à son décompte «Fais ta whore!». Grâce à la géolocalisation, on peut cibler les participants et personnaliser le jeu pour chaque concert. L un des utilisateurs atteint vingt points, il gagne le jeu et sa récompense est cette fois-ci deux consommations gratuite. Il n a plus qu à se présenter au bar avec son coupon gagnant qu il vient de recevoir sur son application pour recevoir ses prix. L utilisateur peut consulter en tout temps le nombre de 10

11 points qu il possède et le nombre lui manquant avant d atteindre le prochain niveau. 7.2 Site internet La page d accueil du site représente la vitrine principale de promotion pour les groupes émergents. En effet, chaque semaine, un groupe est présenté, son historique, ses influences ainsi qu un extrait de leur musique. Des commentaires peuvent être laissés pour chaque groupe présenté. De plus, la concert whore la plus active de la semaine est aussi présentée, avec son accord, sur la page d accueil du site. Un petit encart montre son profil. Sur le site internet, il est aussi possible de consulter une fiche détaillée de nombreux groupes émergents sur une page spéciale. Un outil de recherche est prévu à cet effet. Depuis cette interface, l utilisateur peut chercher tous les concerts qu il désire via une page dédiée contenant un outil de recherche comportant tous les concerts de la Ville. Enfin, une page présentant les règles du jeu-concert est créée afin de les présenter. 11

12 8 WIREFRAME 8.1 Notification Fais ta Whore et Application Concert Whore Élément interface Description Interactivité Statut 1 : notifications Notification push suivant modèles apple et androïd 2 : txt_faistawhore_not Champ texte indiquant à l'utilisateur une interaction avec le jeu Fais ta whore (50 caractères max) 12

13 3: btn_faistawhore_no t Bouton pour entrer sur l'application Suivant modèles apple et androïd 4 : logo_concert_whore.jpg Logo de l'application et du site internet dans l application. Présent sur chaque écran de l application. 5 : txt_niveau Champ textdynamique qui indique le niveau de l'utilisateur 6 : btn_twitter Bouton permettant à l'utilisateur d'envoyer un tweet 7 : btn_facebook Bouton permettant à l'utilisateur d'envoyer une video 8 : txt_points Champ texte dynamique qui indique le nombre de points de l'utilisateur 9 : btn_youtube Bouton permettant à l'utilisateur d'envoyer une video 10 : btn_photo Bouton permettant à l'utilisateur d'envoyer une photo Change dynamiquement lors du passage de niveau Ouvre le clavier pour écrire un message qui est envoyé directement sur le réseau social. Ouvre le clavier pour écrire un message qui est envoyé directement sur le réseau social. Se met à jour automatiquement à chaque gains de points Ouvre la camera du téléphone pour faire une video qui est ensuite envoyée directement sur le réseau social. Ouvre la camera du téléphone pour prendre une photo qui est ensuite envoyée directement sur le réseau social. 11 : Champ texte Se met à jour 13

14 txt_points_manqua nt dynamique qui indique le nombre de points manquant à l'utilisateur pour passer un niveau 12 : btn_visible Bouton permettant de passer au statut visible ou invisible. automatiquement à chaque gains de points Suivant normes androîd et Iphone. 8.2 Notification concert et recherche de concert Élément interface Description Interactivité Statut 1 : notifications Notification push suivant modèles apple et androïd 14

15 2 : txt_concert_not Champ texte indiquant à l'utilisateur un concert ce soir pouvant l intéresser (50 caractères max) 3: btn_concert_not Bouton pour voir le concert proposé 4 : logo_concert_whore.jpg Logo de l'application et du site internet Suivant modèles apple et androïd dans l application. Présent sur chaque écran de l application. 5 : txt_concert_prop Champ texte qui donne le nom du groupe et le lieu du concert (150 caractères max) 6 : btn_extrait Bouton qui permet d'écouter un extrait d'un morceau du groupe 7 : btn_achat_billet Bouton qui permet d'acheter les billets de concert 8 : txt_recherche_conc ert Champs texte : Rechercher des concerts Suivant modèles apple et androïd Suivant modèles apple et androïd 9 : questions_recherch e Champs texte contenant les questions pour rechercher un concert (questions à venir) 10 : input_dropbox Menu déroulant proposant des choix de réponses aux questions (réponses à venir) Input dropbox active Suivant modèles apple et androïd 15

16 11 : btn_recherche Bouton lançant la recherche de concert Suivant modèles apple et androïd 8.3 Site internet : page d'accueil Élément interface 1 : logo_concert_whore.jpg Description Interactivité Statut Logo de l'application et du site internet Présent sur chaque page. Onclick= lien vers la page d'accueil du site 2 : btn_concert Bouton menant vers la page de concerts et de son outil de Rollover = btn_concert_hover 16

17 2.1 : btn_concert_hover recherche On click = vers la page concert 3 : btn_groupes 3.1 : btn_groupes_hover Bouton menant vers la page des groupes et de son outil de recherche Rollover = btn_groupes_hover On click = vers la page groupes. 4 : btn_partenaires 4.1 : btn_partenaires_ho ver Bouton menant vers la page de nos partenaires Rollover = btn_partenaires_ho ver On click = vers la page partenaires. 5 : espace_groupe Partie de la page réservée au groupe vedette de la semaine 6 : txt_presentation Texte générique de présentation du groupe de la semaine : Cette semaine en vedette : 7 : txt_nom_groupe Champ texte avec le nom du groupe de la semaine en vedette 8 : hyperlien_semaines 8.1 : Hyperlien menant au groupe vedette de la semaine dernière. 4 semaines gardées en archives donc 4 pages d accueil Rollover = hyperlien_semaines _hover On click = vers la 17

18 hyperlien_semaines _hover gardées. page d accueil de la semaine précédente 9 : caroussel Caroussel de Photos du groupe vedette 10 : btn_nav_left Bouton gauche de navigation du caroussel 11 : btn_nav_right Bouton droite de navigation du caroussel 12 : btn_nav_num Boutons numérotés de navigation du caroussel (généré par Jquery) 13 : txt_groupe Texte de présentation du groupe. Résumé de sa fiche. (200 caractères max) Photos défilantes On click = Fait défiler les photos vers la gauchedroite On click = Fait défiler les photos vers la droite On click = va à la photo correspondante 14 : espace_profil_whor e Partie de la page réservée à la concert whore de la semaine 15 : photo_profil_whore Partie de la page réservée à la photo de la concert whore de la semaine 16 : txt_nom_whore Texte de présentation du nom de la concert whore de la semaine. (50 caractères max) 17 : txt_niveau_whore Texte de présentation du 18

19 niveau de la concert whore de la semaine. (50 caractères max) 18 : txt_pres_whore Texte de présentation de la concert whore de la semaine. (150 caractères max) 19 :hyperlien_conta ct_ft Lien pour aller à la page Contacteznous Rollover = hyperlien_contact_f t_hover 19.1 : hyperlien_contact_f t_hover On click = vers la page Contacteznous 20 :hyperlien_legal es_ft Lien pour aller à la page notes légales Rollover = hyperlien_legales_f t_hover 20.1 : hyperlien_legales_ft _hover On click = vers la page notes légales 19