Dossier de présentation - Site évènementiel autour

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
1 250 000
9 150 000
skate + compétition
29 300 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
skate + compétition + japon
1 250 000
1 440 000
58 200
57 600
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
Xgameswww.xgames.espn.go.comdirect
Battle at the berricswww.the berrics.comdirect
Dew tourwww.allisports.com/dew-tourdirect
Make it countswww.elementbrand.com/makeitcountdirect
Bowl A Ramawww.bowlarama.comdirect
Phoenix Amwww.phxam.comdirect
Oregon Trifectawww.oregon trifecta.comdirect
Maloof Money Cupwww.maloofmoneycup.comdirect
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
+
Des animations qui
sont très plaisante
Site multilangue
Aucun scroll
Réseaux sociaux
Architecture
Un peu lent
Site visible que si
le navigateur est
en pleine écran
Design
+
-
+
Des textes courts
Aucune hiérarchie
de l’information
Des images en
background
Plus de 3 cliques
pour accéder à ce
que l’on cherche
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
+
Un système de
blog
Réseaux sociaux
Architecture
-
+
Trop en longueur
donc beaucoup de
scroll
La compétition dès
la page d’accueil
Site qu’en anglais
Informations facilement trouvable
Design
-
+
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
+
Présence d’un
slider
Architecture
-
+
Design
-
+
Trop de bloc
Texte courts
Très moderne
Site qu’en anglais
Moins de 3 cliques
pour trouver ce
que l’on cherche
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
+
Présence d’un
slider
Onglet pour les
réseaux sociaux
Mini slider pour le
blog
Architecture
Site qu’en anglais
+
Design
-
+
-
Texte courts
Très moderne
Ennuyant
Moins de 3 cliques
pour trouver ce
que l’on cherche
Couleurs cohérentes
Ne reflète pas le
côté urbain
Bilan
+
-
Site en plusieurs langues
Trop de blocs
Rester sobre
Site dans qu’une seule langue
Respecter le côté urbain
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