Mogwai & post rock

132 vues

Publié le

ux project about mogwai & post rock

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
132
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Mogwai & post rock

  1. 1. MOGWAI & POST ROCK
  2. 2. SOMMAIRE 1. Questionnaire / Synthèse des résultats 2. Benchmark 3. Persona 4. Archi / Arbo 5. WireFrames 6. Moodboard 7. Guide style
  3. 3. CONTEXTE & OBJECTIFS Site consacré au groupe Mogwai et au style musical dont il est précurseur, le post-rock. Derrière ce nom barbare, se cache un genre finalement assez entendu, principalement par le biais de séries ("Les Revenants") de films ("Zidane") ou de publicités. Notre projet s'intéressera aussi aux autre ambassadeurs de cette musique, comme Sigur Ros, et au style musique post- rock en lui même (son histoire). Il se veut être une porte d'entrée pour les curieux, amateurs de musique, d'arts et de sorties en général venant de découvrir le post-rock et souhaitant en connaitre plus. Des utilisateurs connectés, à l'aise avec leurs outils technologiques. Aujourd'hui, on trouve peu de sites consacrés exclusivement à ce style, qui plus est en francais dans le texte, et le post rock reste donc une niche réservée aux connaisseurs. La conjoncture technique actuelle (haut-débit, smarthpones connectés) nous permet de fonder un site avec des médias (audio et video) accessible sur tous les supports (responsive) QUOI ? POURQUOI ? QUI ? QUAND ?
  4. 4. 1. QUESTIONNAIRE Synthèse des résultats 30 questions 20 utilisateurs dans notre cible CIBLE ● 30/45 ans ● Actif ● Amateurs de musique et de sorties ● Parisien(ne)
  5. 5. ● 80 % sortent plus d'une fois par semaine ● Seule 50% connait le genre "post rock" ● 2/3 utilisent internet comme média privilégié pour écouter de la musique ● +85% ne sont pas abonnés à des revues papiers. ● 2 sur 3 admettent louper les bonnes découvertes musicales ● 2 sur 3 écoutent musique en mobilité sur smartphone SYNTHESE "J'écoute de la musique dématérialisée mais je ne suis pas abonné à des playlists" "J'ai abandonné les revues "papier" au profit de facebook." "J'aime bien lescritiques artistiquesdirectes que jeconsultent sur ipad. "J'aime sortir chez des amis ou aller à des concerts" Mon smartphone est devenu mon ipod. BESOINS UTILISATEURS TECHNIQUE Un site desktop-first (lecture des articles) mais responsive (écoute sur mobile, lecture sur tablette). FOND Encourager la découverte, l'accompagnement. FORME Sobre, moderne et respectant l'univers post rock.
  6. 6. 2. BENCHMARK Etude sectorielle et concurrentielle Analyse des points forts et faibles
  7. 7. SITE OFFICIEL MOGWAI (us) www.mogwai.co.uk ● mobile first ● style moderne épuré actuel ● contenu video ● mobile first / pas optimale desktop ● pas de player audio ● slider avec trop de contenu ● peu de contenu (historique)
  8. 8. METALORGIE (fr) www.metalorgie.com ● mises a jour fréquentes ● critiques avec notes rédaction + visiteurs ● catégories albums du moment et "les mieux notés" ● site ancien = belle base de données ● très complet avec dates de concerts, photos, … ● communautaire (forum) ● ne traite pas que du post rock ● n'inclus pas une navigation par genre ● dâté visuellement et surchargé ● pas du tout responsive ● pas de player audio ● peu de style, de "patte" rédactionnelle ● style agressif, loin de la poésie du post rock.
  9. 9. EKLEKTIK (vf) www.eklektik-rock.com ● tri des chroniques par genre (post rock) ● beau, récent ● responsive ● articles de fond bien écrit ● contenu connexe (lecture, cinema,..) ● pas uniquement post rock ● tri par genre / post rock et math rock mélangé ● pas de player audio ni playlist ● notation assez floue (telerama-like) et peu mise en avant ● pas mal de bugs, de 404 ● perte de navigation lors du RWD
  10. 10. FRAGILEORPOSSIBLYEXTINCT (us) http://fragileorpossiblyextinct.com et autre blogs mp3 ● beaucoup d'écoutes possible ● addictif ● responsive ● tri par genre "tag" puis navigation ● aucun contenu redactionnel ● aucun ton ● aucun style (CMS basique) ● légal ? (donc versatile) ● en mobile view, perte du module bandcamp (donc écoutes sur mobile réservées au player video)
  11. 11. CONCLUSIONS ● site multi-supports ● catégories "album du mois", "morceau de la semaine", … ● notations claires ● aspect communautaire (forum, commentaires) -> v2 ? ● ouverture vers d'autres arts du même univers (cinema, livres, …) ● articles de fond ● pas de contenu rédactionnel et ton trop vague ● pas de player audio constant ou de playlist ● pas ciblé post-rock ● pas de site en francais En conclusion, il sera important de prioriser sur les fonctionnalités fondamentales; la lecture d'articles et l'écoute audio, et ce sur les trois supports. Ce site se voulant initiatique, il devra accompagner le lecteur, le guider à travers des notations claires, des conseils avisés. Enfin, l'univers post-rock devra être ressenti à la fois dans la forme et dans le ton.
  12. 12. 3. PERSONA Etablir notre utilisateur Utilisateur fictif idéal
  13. 13. 4. STRUCTURE Architecture Arborescence Tri et organisation des informations Navigation au sein du site
  14. 14. index.html mogwai.html le groupe postrock.html le post rock autres.html les autres groupes
  15. 15. WORDING THE BAND THE SKY THE STARS Mogwai - 15 Mars 1997 @ Hulen, Bergen, Norway. La musique de Mogwai est "bigger than words and wider than pictures" / "If the stars had a sound, it would sound like this."
  16. 16. 5. WIREFRAME Pré-maquette Fonctionnelle
  17. 17. Croquis Fonctionnalités Responsive
  18. 18. Croquis Fonctionnalités Déplacements des blocs / RWD
  19. 19. Croquis Fonctionnalités Infographies
  20. 20. Croquis Fonctionnalités Gif animé
  21. 21. Croquis Fonctionnalités Player Audio
  22. 22. Croquis Fonctionnalités Iframe video homepage (mute)
  23. 23. Pré-maquette Fonctionnelle http://m38lc2.axshare.com
  24. 24. 6. MOODBOARD Sélection d'images https://fr.pinterest.com/le2089/moodboard-post-rock/
  25. 25. 7. GUIDE DE STYLES DIRECTION ARTISTIQUE Choix des couleurs, typos, textures, ...
  26. 26. 8. MAQUETTES Mise en place Graphique Photoshop
  27. 27. Player Audio
  28. 28. Player Audio
  29. 29. LOGO
  30. 30. http://www.iesanetwork.com/n.lescouarnec/mogwai/

×