Dossier de présentation - Site évènementiel autour du skateboard William Traoré - M2
Sommaire Concept Benchmark Technologie Architecture
Concept Avant propos Concept Accroche Titre retenu
Avant propos Skate tour est une organisation, qui a pour but de réaliser des compétitions de skateboard dans le monde entier. Chaque année, Skate Tour, s installe dans un nouveau pays, pour y accueillir les skateurs locaux, mais également de tout part dans le monde. Cette année, l organisation à choisis Tokyo, qui accueillera des centaines de skateurs, pendant une semaine. Afin de couvrir une plus large cible, Skate Tour, souhaite réaliser un site internet. Celui ci, serait de type évènementiel. Grâce à ce site web, les skateurs, pourront découvrir l évènement, mais également s inscrire et suivre l évènement depuis leurs ordinateurs par le biais d une WebTV.
Concept Mon projet a pour but de réaliser un site vitrine pour l évènement autour du skateboard : Skate Tour L organisation, organise un évènement sur le skate une fois par an et dans un pays différent à chaque fois. Pour cette édition, Skate Tour, s installe à Tokyo. Tous le monde peut participer, qu il soit amateur ou professionnel! Le but du site, sera d informer sur l évènement, de pouvoir s y inscrire et aussi de suivre l évènement en direct. Le site sera également responsive, pour pouvoir aussi s adapter aux tablettes, qu aux mobiles.
Titre retenu Le titre retenu est Skate Tour. Le choix de ce titre, c est fait, car il fallait un nom qui pouvait être compris et lu, dans n importe quel pays. Skate : Par rapport au thème de l évènement Tour : Car l évènement, change de pays chaque année.
Benchmark Avant propos Cibles Les mots clés Les concurrents les concurrents sérieux Benchmark graphique Bilan Source d inspiration Positionnement et points forts
Avant propos Skate tour est une organisation, qui a pour but de réaliser des compétitions de skateboard dans le monde entier. Chaque année, Skate Tour, s installe dans un nouveau pays, pour y accueillir les skateurs locaux, mais également de tout part dans le monde. Cette année, l organisation à choisis Tokyo, qui accueillera des centaines de skateurs, pendant une semaine. Afin de couvrir une plus large cible, Skate Tour, souhaite réaliser un site internet. Celui ci, serait de type évènementiel. Grâce à ce site web, les skateurs, pourront découvrir l évènement, mais également s inscrire et suivre l évènement depuis leurs ordinateurs par le biais d une WebTV.
Cible Le coeur de cible de notre projet, sont les skateurs professionnells, cherchant des compétitions dans le monde entier. Notre cible, quant à elle, sont les skateurs voulant faire des compétitions La cible étendue, quant à elle, sont les skateurs ainsi que les partenaires
Les mots clés skate 209 000 000 8 430 000 9 150 000 skate + compétition 29 300 000 1 250 000 1 250 000 skate + compétition + tokyo 1 720 0000 65 700 68 700 skate + compétition + tokyo + 2013 68 400 000 68 200 67 100 skate + contest + tokyo + 2013 1 440 000 58 200 57 600 skate + compétition + japon 264 000 331 000 109 000 En terme de référencement, il serait intéressant de se placer sur le groupe de mot «skate + compétition + japon». Le choix de ces mots clés est tout à fait pertinent, par rapport à notre projet
Les concurrents Xgames www.xgames.espn.go.com direct Battle at the berrics www.the berrics.com direct Dew tour www.allisports.com/dew-tour direct Make it counts www.elementbrand.com/makeitcount direct Bowl A Rama www.bowlarama.com direct Phoenix Am www.phxam.com direct Oregon Trifecta www.oregon trifecta.com direct Maloof Money Cup www.maloofmoneycup.com direct
Les concurrents sérieux XGames Battle at the berrics Dew Tour Maloof Money Cup
XGames
XGames www.xgames.espn.go.com «Un site très beau graphiquement, mais on s y perd un peu» Au niveau du design, ce site n a rien a envié à ses concurrents, avec des couleurs qui reste dans le domaine. Par contre, on peu noté que l on a beaucoup de mal à trouvé l information que l on souhaite. Note : 9/15 Ergonomie Architecture Design + - + - + - Des animations qui sont très plaisante Site multilangue Aucun scroll Réseaux sociaux Un peu lent Site visible que si le navigateur est en pleine écran Des textes courts Aucune hiérarchie de l information Plus de 3 cliques pour accéder à ce que l on cherche Des images en background Des couleurs cohérentes des belles textures grunge Trop carré
Battle at the berrics
Battle at the berrics www.theberrics.com «Des informations claires, mais on s ennuie un peu» On trouve très facilement ce que l on cherche et dès l arrivé sur le site, on atterit sur la partie compétition, ce qui nous immerge immédiatement. Par contre, le fait qu il n y ai pas de tonique, rend le site un peu plat et ennuyant Note : 9/15 Ergonomie Architecture Design + - + - + - Un système de blog Réseaux sociaux Trop en longueur donc beaucoup de scroll Site qu en anglais La compétition dès la page d accueil Informations facilement trouvable Sobre Sombre Aucune tonique Ennuyant Plat
Dew Tour
Dew Tour www.allisports.com/dew-tour «Une bonne architecture de l information, mais trop de bloc» Un site clair, des belles couleurs et un design moderne, mais dès la page d accueil, on est perdu avec tout ces blocs qui peuvent faire fuir. On a vraiment pas de mal a trouvé ce que l on cherche, car les menus sont très simple. Note : 10/15 Ergonomie Architecture Design + - + - + - Présence d un slider Trop de bloc Site qu en anglais Texte courts Moins de 3 cliques pour trouver ce que l on cherche Très moderne Clair Sobre Manque de présence à certains endroit de la tonique
Dew Tour
Maloof Money Cup
Mallo Money Cup www.maloofmoneycup.com «Site sobre, mais parfois ennuyant» Le site est très sobre, professionnel et bien réalisé, mais il est parfois ennuyant et ne refète pas forcément le côté urbain du skate. Par contre, les informations sont très accessible Note : 14/15 Ergonomie Architecture Design + - + - + - Présence d un slider Onglet pour les réseaux sociaux Site qu en anglais Texte courts Moins de 3 cliques pour trouver ce que l on cherche Très moderne Couleurs cohérentes Ennuyant Ne reflète pas le côté urbain Mini slider pour le blog
Bilan + - Site en plusieurs langues Rester sobre Respecter le côté urbain Trop de blocs Site dans qu une seule langue Difficulté à trouver une information Des textes courts Trouver facilement les informations Afficher les réseaux sociaux Présence d un slider News
Source d inspiration moto.oakley.com - Système one page et parallax hotdot.pro - Background avec éclats satorisan.com - background en slider
Positionnement et points forts Par rapport à mon projet, je souhaite surtout me placer sur l accessibilité. Le fait que cet évènement, soit ouvert à tous niveaux, rend l évènement plus important. Actuellement, les évènements majeurs au niveau international, sont très restrictifs et sont accessible qu au niveau professionnel. Je souhaite aussi le rendre accessible médiatiquement, avec en place une WebTV, pour pouvoir suivre la compétion en direct.
Outils envisagés Pour ce projet, j envisage d utiliser la technologie HTML5 et CSS3 ainsi que du javascript. Le choix de ces technologies, sont justifiés par le choix d un design one page et parallax. Comme je souhaite axé l événement sur l accessibilité, le site sera facilement accepté par tous les supports mobiles (tablettes, smartphone...).
Proposition de rubrique Accueil : Sur cette page, nous retrouverons une vidéos en background Informations : Toutes les informations relatives à l événement Inscription : Formulaire pour pouvoir s inscrire directement en ligne Actualité : Actualité autour de l événement WebTV : Possibilité de regarder par le biais d un lecteur vidéo, l événement en direct
Proposition de rubrique Rubriques et modules Architecture Médias et traitement visuel Outils envisagés Processus de mise à jour
Rubriques et modules Accueil : Lien qui slide juqu à l accueil du site Informations : Lien qui slide juqu aux informations relatifs à l événement Inscription : Lien qui slide jusqu à un formulaire qui permet de s inscrire Actualité : Lien qui slide jusqu à une partie blog, sur l actualité de l évenement WebTV : Lien qui slide juqu à un lecteur vidéo, qui permet de regarder l événement en direct
Architecture
Médias et traitements visuels Pour garder un confort visuel, les visuels devront être de bonne qualitée. Pour cela Skate Tour, a fait appelle à des photographes professionnels spécialisé dans l événementiel afin d avoir les meilleurs images possible et ansi avoir des images de hautes qualités (des belles images de grands formats, avec de beaux contrastes, de belles couleurs, avec des retouches de déformations professionnelle). Biensûr, qui dit images de hautes qualité, dit poids élevé. Pour éviter cela les photographies seront exportées via l outil «enregister pour le web et les périphériques» de photoshop. Concernant la WebTV, celle ci, utilisera un embed, qui récupèrera le lecteur depuis le site de notre partenaire.
Outils envisagés Pour ce projet, j envisage d utiliser la technologie HTML5 et CSS3 ainsi que du javascript. Le choix de ces technologies, sont justifiés par le choix d un design one page et parallax. Comme je souhaite axé l événement sur l accessibilité, le site sera facilement accepté par tous les supports mobiles (tablettes, smartphone...).
Processus de mise à jour La mise à jour du site, ce fera par le biais du CMS Wordpress. Il sera utilisé pour pour la mise à jour des textes, liens, vidéos et images sur le site.
Architecture Structure générale Arborescence fonctionnelle Zoning Wireframes Gabarits
Structure générale
Arborescence fonctionelle
Zoning
Wireframe