developpementProjet professionnelMatthieu mawlanazada

PROJET PROFESSIONNELdeveloppement

2developpementProjet professionnel

La demande:

Concevoir l’identité visuelle du site Longboard: -Logo -Site

Avant tout, quelle est l’utilité de ce site?La Fédération Française de Roller Skating, fédérant les sports de roues français, voudrait développer la pratique du longboard. Pour cela, elle demande la réalisation d’un site qui regroupera les informations essentiels sur la pratique. Enfin elle sera un pilier vers les autres destination du longboard sur le Web.

Ton: - Énergique, entraînant - Informatif, et pédagogique

Objectif de communication: Révéler la pratique du longboard comme étant au carrefour de différents style de glisses.

Récapitulons

PROJET PROFESSIONNELdeveloppement

3developpementProjet professionnel

5 rubriques+sous rubriques

PROJET PROFESSIONNELdeveloppement

4developpementProjet professionnel

Repartir sur:La linéarité, comment évoquer la ligne d’une autre manière?

Axe créatif: Des Sensations Variées

PROJET PROFESSIONNELdeveloppement

5developpementProjet professionnel

Pictogramme (rubrique)

PROJET PROFESSIONNELdeveloppement

6developpementProjet professionnel

Portions de trajectoire - Déplacement suivant la ligne - Sur le chemin

Déplacement suivant les virages

Principe: Circuit Interface

menu circuit

menu motifAu passage de la souris le longboard

se magnétise à la souris.

Matali Crasset(même principe)

1

1

2

2

3

3

4

4

5

5

Utiliser le circuit comme moyen de navigation en se faisant rencontrer les différents types de glisses.

PROJET PROFESSIONNELdeveloppement

7developpementProjet professionnel

Navigation qui parcourt le tracé - le fil conducteur

Déplacement horizontale - mouvement fluide(réf.nav:http://www.psynai.com)

Principe: Navigation: Parcourir Interface

La page se compose en fonction de la ligne. Les éléments se placent en fonction de la logique du fil conducteur.

De gauche à droite - sens de lecture - chemin.

Utiliser la ligne de route comme fil conducteur du site, de la lecture et de la navigation.

PROJET PROFESSIONNELdeveloppement

8developpementProjet professionnel

Évoquer le parcours à travers la typographie.Parcours le site par un cheminement typographique.

InterfacePrincipe: Typographique

Map de navigationLes boutons sont les mots.Les pages se mettent en place lorsque une rubrique est choisie.

Montrer la typographie comme un moyen d’exprimer des pistes et des sensations.

PROJET PROFESSIONNELdeveloppement

9developpementProjet professionnel

D’un point A à un point B.

LogotypesLe parcours/La courbe/La linéarité/Le cheminement/Le tracé/Le circuit/La trajectoire

PROJET PROFESSIONNELdeveloppement

10developpementProjet professionnel

La ligne continue dessine le circuit, trace la route.Le dégradé traduit la vitesse, (ac)/(dé)célération. 

Logotypes

PROJET PROFESSIONNELdeveloppement

11developpementProjet professionnel

Exprimer les notion de vitesse & de courbe

Formation de la page grâce au ligne qui la dessine.

Principe: Animation Interface

Évoquer plusieurs notions différentes en les traduisant par un traitement de la ligne. (formelle)

PROJET PROFESSIONNELdeveloppement

12developpementProjet professionnel

Une pratique, le longboard, et tant de formes de planches différentes.Melting pot de planches = Les planches des différents gabarit forment un ensemble, une entité.Assemblage des planches par le moyen de la ligne.

Principe

Navigation

Interface

PROJET PROFESSIONNELdeveloppement

13developpementProjet professionnel

Principe Interface

Utiliser des motifs qui serviront de repères, en allant puiser dans les sources rétro de la génération du longboard.

PROJET PROFESSIONNELdeveloppement

14developpementProjet professionnel

Principe Interface

Interface

Montrer à la fois le matériels, les effets et les sensations à travers le longboard, en passant par un seul et même support: la board.

PROJET PROFESSIONNELdeveloppement

15developpementProjet professionnel

Principe: Graphique

PROJET PROFESSIONNELdeveloppement

16developpementProjet professionnel

La ligne dessine la composition de la page.

Interface

Utiliser la ligne comme élément graphique et élément majeur de la navigation.

PROJET PROFESSIONNELdeveloppement

17developpementProjet professionnel

La vitesse et le dynamisme par le roulement

Animation logo >

Logotypes

PROJET PROFESSIONNELdeveloppement

18developpementProjet professionnel

Logotypesimplicite - rond:roulement & vue du dessus d’un longboard

PROJET PROFESSIONNELdeveloppement

19developpementProjet professionnel

Logotypes

PROJET PROFESSIONNELdeveloppement

20developpementProjet professionnel

Principe: Navigation

prolongement vers page rub

prolongement vers page rub

prolongement vers page rub

PROJET PROFESSIONNELdeveloppement

21developpementProjet professionnel

Interface

Rendre la ligne de route implicite en naviguant en toute liberté.

inclinaison selon le mouvement de la souris >

PROJET PROFESSIONNELdeveloppement

22developpementProjet professionnel

Essais

Motif (signifiant des sensations)

Contexte animé & sonore

Principe

(mélange des lettres comme les onglets de changements de pages du site de Mathieu Lehanneur)

Au carrefour des sensations: Utiliser des éléments graphiques comme point de rencontre d’éléments périphériques, tous en liens.

23developpementProjet professionnel

FinalisationProjet professionnelMatthieu mawlanazada

PROJET PROFESSIONNELFinalisation

Principe: Graphique Animation

Exprimer un tracé (route) implicite

Les rectangles jaunes sont animés:

/Ils composent dans un premier temps, la page. (en mode normal et produit)

//Ils servent de bouton, ils s’ani-ment au survol avec le pointeur de la souris. ( + un son de planche à roulette)

Composition

La composition de la page se fait de manière aléatoire d’une rubrique à l’autre, elle change, néanmoins, on ne s’y perd pas car les éléments qui composent la page sont récurrents. Seul leur position a changée.

PROJET PROFESSIONNELFinalisation

longboard.présentation.rubrique.01 longboard.lieux.rubrique.02

PROJET PROFESSIONNELFinalisation

longboard.matériels.rubrique.03 longboard.médias.rubrique.04

PROJET PROFESSIONNELrealisation

Par ici.