La démarche de conception…vers l`élaboration du cahier des charges

La démarche de conception…vers l’élaboration du cahier des charges
Phase 1 : définition du projet/étude de faisabilité
En amont : identifier le commanditaire
-
prise de contact
domaine d’activité
rappel du contexte
analyse des besoins
identification de la cible/des cibles
formulation des attendus ou des considérants
justifiant le produit de communication
étude de la concurrence (implicite ou explicite)
objectifs généraux du site et idée générale du produit
à travers la première problématique (« Comment… ? »)
Elaboration d’une stratégie de communication
Poser le problème à résoudre
Définir les objectifs que doit résoudre le site
Diminuer les risques d’erreur lors de la réalisation
Un outil de dialogue entre les divers interlocuteurs
Indiquer les contraintes à respecter
Définir les rôles de chaque acteur du projet
Enquêter (cf méthodes d’enquêtes)
Permettre d’avancer dans le projet sur des bases validées
V A L I D A T I O N
Phase 2 : Conception du site
Stratégie de création
Concevoir/Apporter des réponses
-
Enquêter (cf méthodes d’enquêtes)
Résoudre le(s) problème(s)
Donner un « look and feel » du produit
Poser la nature des paratextes (elts multimédias)
Gérer la cohérence de l'ensemble par les différentes chartes
contenus : découpage et charte éditoriale
architecture
choix de navigation
charte graphique
charte d’interactivité
maquette des pages et story-board
scénarisation
V A L I D A T I O N
Licence professionnelle, Université Duguesclin, Béziers, Patricia Rydzok, 2003
Phase 3 : Réalisation du site
Appliquer/réaliser techniquement
Stratégie d’opérations techniques
-
charte de nommage des fichiers
charte de gestion des contenus
choix techniques
mode de diffusion des documents
budget
retro planning
référencement
débugage…
Résoudre le(s) problème(s)
Développement d’applications propres
Respecter les dates fixées par le rétro planning
Licence professionnelle, Université Duguesclin, Béziers, Patricia Rydzok, 2003
RUBRIQUES (6 DOMAINES )
DESCRIPTIF :
1.Animation d’ouverture de page.
La frise de la page d’accueil se divise
horizontalement en deux parties, de façon
assez fluide. Une fois déployée, la barre du
haut est recouverte par une page blanche
opaque à 70% et sert d’entête aux rubriques.
2.Titre de la rubrique – Typo Century Gothic,
noir, taille 12, italique, et aligné à droite. Le
sous-titre est identique mais en taille 7, et
donne le titre détaillé de la rubrique.
LIENS
- lien interne vers les pages suivantes du
descriptif du domaine de compétence
- bouton de retour à la page d’accueil
(toute la bande couleur du bas)
RESSOURCES
- images : une image traitée différente
illustrant les pages des rubrique concertant
les domaines de compétences (coach.jpg,
change.jpg,
comi.jpg,
elearn.jpg,
comm.jpg, bilan.jpg)
- textes : descriptif du domaine de
compétences (au maximum 3 pages),
fournis par le commanditaire.
- sons : sur les boutons de navigation interne
et sur le bouton de retour au survol de la
souris.
NOTES
- Les textes doivent avoir une présentation
claire, aérée, cohérente afin de faciliter la
lecture.
- La page dédiée à Alex Mucchielli se
présentera de la même façon que les
page des rubriques « 6 domaines » et
contiendra
des
informations
plus
personnelles concernant la formation, ainsi
que les coordonnées professionnelles du
commanditaire.
3.Texte
descriptif
du
domaine
de
compétence de la rubrique. – Typo Century
Gothic, noir (gras pour les mots importants)
taille 7. Les titres de paragraphes ou de
partie, reprennent la couleur de la rubrique.
4.Boutons de navigation interne – Typo
Century Gothic, noir, taille 8. Ils permettent le
repérage de la quantité d’information et des
pages à voir (les numéros des pages sur
lesquelles ont peut cliquer apparaissent dans
la couleur de la rubrique).
5.Image d’illustration de la rubrique, traitée
aux couleurs correspondantes à cette
dernière (image en situation ou figurative ou
métaphorique).
6.Eléments graphiques, courbes en pointillés,
en dégradés de gris, orientés vers le coin
supérieur droit de la page.
7.Barre de retour à la page d’accueil. Elle
reprend la couleur de la rubrique. La zone
réactive de clic correspond aux dimensions
de la barre entière.
RUBRIQUE (PUBLICATIONS )
DESCRIPTIF :
1.Animation d’ouverture de page.
La frise de la page d’accueil se divise
horizontalement en deux parties, de façon
assez fluide. Une fois déployée, la barre du
haut est recouverte par une page blanche
opaque à 70% et sert d’entête aux rubriques.
2.Titre de la rubrique – Typo Century Gothic,
noir, taille 12, italique, et justifié à droite.
- bouton de retour à la page d’accueil
(toute la bande couleur du bas)
3.Frise de navigation comportant les titres des
ouvrages – Typo Century Gothic, noir, taille 7.
Accompagnés d’une flèche, les titres sont
alignés à gauche et le reste à droite, selon
l’ordre flèche, titre, détails, édition, collection,
année. Les ouvrage sont classées par ordre
chronologique décroissant de droite à
gauche. La frise se déplace en fonction de la
position de la souris par rapport au centre de
la page. Les titres d’ouvrage sont compris
dans un carré gris clair (#CCCCCC), aui se
remplit de la couleur orange correspondant à
la rubrique (#F3AF10) au survol de la souris.
RESSOURCES
4.La flèche ergonomique repend la couleur
de la rubrique. Elle sert à orienter le lecteur
vers le centre de la frise où se trouve la
position arrêt de cette dernière.
LIENS
- lien interne à la rubrique, sur la frise de
navigation. Permettent d’afficher les
résumés d’ouvrages.
- images : images réduites des couvertures
d’ouvrages (provenant de l’ancienne
carte, du site du Ceric, ou scannées).
- textes : résumés des 19 ouvrages choisis
(fournis par le commanditaire )
- sons : sur le bouton de retour à la page
d’accueil ainsi que sur les boutons de la
frise de navigation.
NOTES
- les images réduites de couvertures
d’ouvrages sont entourées d’un léger
cadre gris (#999999) pour les différentier du
fond (surtout pour les couvertures à fond
blanc).
- les résumés d’ouvrage n’auront pas plus
d’une page.
5.Couvertures d’ouvrages.
De bonne qualité (70% de compression
Jpeg), elles sont encadrées par un trait gris
(#99999).
6.Résumés d’ouvrages.
Typo Century Gothic, noir, taille 7, (aux
couleurs et en gras pour les titres). Ils sont
justifiés et suivent l’agencement de la
couverture.
7.Barre de retour à la page d’accueil. Elle
reprend la couleur de la rubrique. La zone
réactive de clic correspond aux dimensions
de la barre entière.
RUBRIQUE (INTERVENTIONS)
DESCRIPTIF :
1.Animation d’ouverture de page.
La frise de la page d’accueil se divise
horizontalement en deux parties, de façon
assez fluide. Une fois déployée, la barre du
haut est recouverte par une page blanche
opaque à 70% et sert d’entête aux rubriques.
2.Titre de la rubrique – Typo Century Gothic,
noir, taille 12, italique, et justifié à droite.
LIENS
- lien internes d’affichage des interventions
au survol de la souris sur les cercles de la
frise de navigation.
- bouton de retour à la page d’accueil
(toute la bande couleur du bas)
RESSOURCES
- textes ; descriptifs des interventions
effectuées (fournis par le commanditaire)
NOTES
- les textes qui apparaissent au survol de la
souris, s’affichent alternativement en haut
et en bas.
- la frise est comporte une partie en
pointillés entre 2002 et 1995 pour bien
indiquer qu’il n’y a pas de continuité
temporelle.
- il est possible de sortir de la position d’arrêt
du survol de la souris, en cliquant sur les
cercles / boutons.
3.Frise de navigation dynamique comportant
des cercles (boutons) qui deviennent aux
couleurs de la rubrique (#F1630F), et affichent
chacun, un descriptif d’une intervention au
survol de la souris. Le texte, en orange et gras
(#F1630F) pour les titres, noir pour la
description et noir gras pour les références,
est accompagné d’une flèche et d’un trait
vertical. Les interventions sont classées par
ordre chronologique décroissant de droite à
gauche. La frise se déplace en fonction de la
position de la souris par rapport au centre de
la page et s’arrête au survol de la souris sur les
boutons pour permettre la lecture.
4.Frise temporelle numérotée de 1995 à 2002
par ordre chronologique inversé de droite à
gauche – Typo Century Gothic, gris clair
(#999999), taille 15, accompagnée d’une
barre en pointillés verticale de la même
couleur, et d’une zone gris clair (#CCCCCC),
elle fait partie de la frise de navigation et se
déplace de la même façon que cette
dernière.
5.Barre de retour à la page d’accueil. Elle
reprend la couleur de la rubrique. La zone
réactive de clic correspond aux dimensions
de la barre entière.
RUBRIQUE (SEMINAIRES)
DESCRIPTIF :
1.Animation d’ouverture de page.
La frise de la page d’accueil se divise
horizontalement en deux parties, de façon
assez fluide. Une fois déployée, la barre du
haut est recouverte par une page blanche
opaque à 70% et sert d’entête aux rubriques.
2.Titre de la rubrique – Typo Century Gothic,
noir, taille 12, italique, et aligné à droite. Pas
de sous – titre.
LIENS
- lien interne vers les pages suivantes du
descriptif du domaine de compétence
- bouton de retour à la page d’accueil
(toute la bande couleur du bas)
- exemples de séminaires : bouton donnant
accées à la deuxième page de la rubrique
séminaires
RESSOURCES
- images : une image traitée illustrant les
séminaires (la même ^pour tous les
séminaires)
- textes : descriptif du contenu du séminaire
(au maximum 3 pages), fournis par le
commanditaire.
- sons : sur les boutons de navigation interne
et sur le bouton de retour au survol de la
souris.
NOTES
- Les textes doivent avoir une présentation
claire, aérée, cohérente afin de faciliter la
lecture.
- Les titres des deux pages composant la
rubrique Séminaires comporte une flèche
qui devient aux couleurs de la rubrique au
survol de la souris.
3.Frise de navigation comportant les titres des
séminaires – Typo Century Gothic, noir, taille
7. Accompagnés d’une flèche, les titres sont
alignés à gauche. La frise se déplace en
fonction de la position de la souris par rapport
au centre de la page. Les titres d’ouvrage
sont compris dans un carré gris clair
(#CCCCCC), qui se remplit de la couleur
orange correspondant à la rubrique
(#F28AOF) au survol de la souris.
4. Programme des séminaires
Typo Century Gothic, noir, taille 7, (aux
couleurs et en gras pour les titres). Ils sont
justifiés.
5.Image d’illustration de la rubrique, traitée
aux couleurs correspondantes à cette
dernière (image en situation figurative).
6.Boutons de navigation interne – Typo
Century Gothic, noir, taille 8. Ils permettent le
repérage de la quantité d’information et des
pages à voir (les numéros des pages sur
lesquelles ont peut cliquer apparaissent dans
la couleur de la rubrique).
7. Quelques exemples de séminaires : bouton
de navigation interne donnant accès à une
deuxième page comportant des exemples
de séminaires animés par Mr Mucchielli .
8.Barre de retour à la page d’accueil. Elle
reprend la couleur de la rubrique. La zone
réactive de clic correspond aux dimensions
de la barre entière.
Marque
Produits
Première
monte
Compétition
Mapping
Sportivité
pneu
BFG 2
Pilot
Michelin
Alpin
Pilot Primacy
pneu
BFG 1
Pilot
Primacy
Logo
Logo
Intrinsèque
Logo
Maintenant, le meilleur des performances
existe pour grands rouleurs
Série : 65 à 35
Dimensions : 64 références
Indice de performance :
H (210 km/h) à y (300 km/h)
pneu
Kleber 1
Extrinsèque
Logo
Pilot
Primacy
pneu
Kleber 2
+
photo
Pilot
Sport
Pilot
exalto
Logo
Logo
fiche produit
Logo
Confort
Gamme Kleber
Logo
Gamme BFG
Tout savoir
Menu
Marque
Produits
Première
monte
Compétition
Mapping
Sportivité
Michelin
Pilot
Exalto
Pilot
pneu
BFG 2
Alpin
pneu
BFG 1
Pilot
Primacy
Logo
Logo
Intrinsèque
Pour les sensations,
c’est la référence absolue
Série : 65 à 40
Dimensions : 39 références
Indice de performance :
H (210 km/h) à V (240 km/h)
Logo
pneu
Kleber 1
Extrinsèque
Logo
Pilot
Primacy
pneu
Kleber 2
Pilot
Sport
+
photo
Logo
Pilot
exalto
fiche produit
Logo
Confort
Gamme Kleber
Logo
Gamme BFG
Tout savoir
Menu
Marque
Produits
Première
monte
Compétition
Mapping
photo BFGoodrich
(route sinueuse)
Logo marque
Tout savoir
Menu
Marque
Produits
Première
monte
Compétition
Mapping
La marque BFGoodrich est une marque de plaisir : plaisir d'acheter et de posséder
des pneus dont le design prolonge la ligne du véhicule, plaisir de conduire
et d'optimiser les sensations sportives au volant grâce à l'exceptionnelle adhérence
de ces produits.
Les gammes Profiler et ProfilerG parlent à tous les passionnés(révélés ou discrets)
de conduite : du jeune tuner qui recherche le design "dernier cri" et le potentiel
d'accélération, au conducteur de coupé sport exigeant précision et contrôle aux
plus grandes vitesses, en passant par tous les automobilistes pour lesquels la
conduite permet d'exprimer tous les jours un peu de ce qu'ils sont : dynamiques,
audacieux et libres.
Les gammes BFGoodrich Haute Performance offrent à tous ces consommateurs :
photos
-le potentiel d'adhérence sur sol sec le plus étonnant du marché grâce à
l'exceptionnel GRIP des ses produits accroche en virage, réactivité, précision
à haute vitesse, accélération.
-un design conçu pour la performance mais aussi l'esthétique de la roue
et du véhicule.
Ces qualités, déclinées sur un nombre de dimensions en continuelle croissance
pour anticiper les tendances du marché, ont déjà été reconnues, un an après le
lancement des gammes BFGoodrich par les plus grands organismes de tests
européens.
Après son leadership 4X4, BFGoodrich propose enfin des gammes Tourisme Haute
Performance : 2 segments d'usage différents mais pourtant réunis autour des
mêmes exigences de Performance et de Passion.
vidéo gamme
Tout savoir
Menu
Marque
Produits
Première
monte
Compétition
Mapping
vidéo
Tout savoir
Menu
Marque
Produits
BFGoodrich
Profiler
Logo
Tout savoir
Première
monte
Compétition
Mapping
BFGoodrich
Profiler G
Logo
Menu
Marque
Produits
Première
monte
Compétition
Mapping
Précision
Plaisir de conduite
BFGoodrich
Profiler 3/4
photo
avec jante
Confort
photo
Logo
photo
photo
Tout savoir
Menu
Marque
Produits
Première
monte
Compétition
Mapping
Précision, sécurité, confort, le Grip des voitures rapides et
grandes routières.
Visuels
Le Profiler complète l'offre Haute Performance BFGoodrich
en offrant à tous les possesseurs de berlines rapides et
grandes routières Grip et grand confort de conduite.
BFGoodrich
Profiler 3/4
Précision de conduite à hautes vitesses
avec jante
Sécurité remarquable du freinage sur sol sec et sol mouillé
Pneu de face
Grand confort de conduite :
le Fun est au bout des kilomètres !
Logo
A tous les possesseurs de berlines rapides et grandes
routières, BFGoodrich offre plaisir et confort de conduite
exceptionnels.
Tout savoir
Pneu écorché
Dimensions
Menu
Marque
Produits
Première
monte
Compétition
Mapping
BFGoodrich
Profiler de face
Logo
Tout savoir
Menu
Marque
Produits
Première
monte
Compétition
Mapping
1) Sculpture directionnelle : parfaite trajectoire à haute vitesse
et confort sonore remarquable.
2) Rib central large et surface de contact au sol maximisée :
rapidité et précision de réponse aux sollicitations et grande
fidélité de trajectoire.
3) Mélange de gomme : un grip étonnant sur sols secs et mouillés.
4) Carcasse et zone basse Haute Performance : fantastique
comportement en virage et très grande absorption des
irrégularités du revêtement.
5) Profil arrondi des épaules : affine la perception de la limite et rend
le comportement en virage très progressif.
Tout savoir
Menu