Mogwai & post rock

37
MOGWAI & POST ROCK

Transcript of Mogwai & post rock

Page 1: Mogwai & post rock

MOGWAI& POST ROCK

Page 2: Mogwai & post rock
Page 3: Mogwai & post rock

SOMMAIRE

1. Questionnaire / Synthèse des résultats2. Benchmark3. Persona4. Archi / Arbo5. WireFrames6. Moodboard7. Guide style

Page 4: Mogwai & post rock

CONTEXTE & OBJECTIFSSite 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 ?

Page 5: Mogwai & post rock

1.QUESTIONNAIRE

Synthèse des résultats

30 questions20 utilisateurs dans notre cible

CIBLE● 30/45 ans● Actif● Amateurs de musique et de sorties● Parisien(ne)

Page 6: Mogwai & post rock

● 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 les critiques artistiques directes que je consultent sur ipad.

"J'aime sortir chez

des amis ou aller à

des concerts"

Mon smartphone est

devenu mon ipod.

BESOINS UTILISATEURS

TECHNIQUEUn site desktop-first (lecture des articles) mais responsive (écoute sur mobile, lecture sur tablette).FONDEncourager la découverte, l'accompagnement.FORMESobre, moderne et respectant l'univers post rock.

Page 7: Mogwai & post rock

2.BENCHMARK

Etude sectorielle et concurrentielle

Analyse des points forts et faibles

Page 8: Mogwai & post rock

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)

Page 9: Mogwai & post rock

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.

Page 10: Mogwai & post rock

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

Page 11: Mogwai & post rock

FRAGILEORPOSSIBLYEXTINCT (us)http://fragileorpossiblyextinct.comet 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)

Page 12: Mogwai & post rock

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.

Page 13: Mogwai & post rock

3.PERSONA

Etablir notre utilisateur

Utilisateur fictif idéal

Page 14: Mogwai & post rock
Page 15: Mogwai & post rock

4.STRUCTURE

ArchitectureArborescence

Tri et organisation des informationsNavigation au sein du site

Page 16: Mogwai & post rock

index.html

mogwai.htmlle groupe

postrock.htmlle post rock

autres.htmlles autres groupes

Page 17: Mogwai & post rock

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."

Page 18: Mogwai & post rock

5.WIREFRAME

Pré-maquetteFonctionnelle

Page 19: Mogwai & post rock

CroquisFonctionnalités

Responsive

Page 20: Mogwai & post rock

CroquisFonctionnalités

Déplacements des blocs / RWD

Page 21: Mogwai & post rock

CroquisFonctionnalités

Infographies

Page 22: Mogwai & post rock

CroquisFonctionnalités

Gif animé

Page 23: Mogwai & post rock

CroquisFonctionnalités

Player Audio

Page 24: Mogwai & post rock

CroquisFonctionnalités

Iframe video homepage (mute)

Page 25: Mogwai & post rock

Pré-maquetteFonctionnelle

http://m38lc2.axshare.com

Page 26: Mogwai & post rock

6.MOODBOARD

Sélection d'images

https://fr.pinterest.com/le2089/moodboard-post-rock/

Page 27: Mogwai & post rock
Page 28: Mogwai & post rock

7.GUIDE DE STYLES

DIRECTIONARTISTIQUE

Choix des couleurs, typos, textures, ...

Page 29: Mogwai & post rock
Page 30: Mogwai & post rock

8.MAQUETTES

Mise en placeGraphique

Photoshop

Page 31: Mogwai & post rock
Page 32: Mogwai & post rock
Page 33: Mogwai & post rock
Page 34: Mogwai & post rock

Player Audio

Page 35: Mogwai & post rock

Player Audio

Page 36: Mogwai & post rock

LOGO