3. Léna Mazilu
So mma i re Gobelins
CRMA 2009
Le projet : point de départ..........................................................................................................................................................................................................
4
Les intentions..................................................................................................................................................................................................................................
5
Les citations.............................................................................................................................................................................................................................
6
Arborescence éditoriale..........................................................................................................................................................................................................
8
L’univers virtuel
Support web
Scénario utilisateur..................................................................................................................................................................................................
10
Ergonomie de navigation..................................................................................................................................................................................
11
Les décors..........................................................................................................................................................................................................
12
La barre de navigation..........................................................................................................................................................................................
13
Aperçu de navigation..........................................................................................................................................................................................
14
Changement de mode..........................................................................................................................................................................................
15
Zoning d’un univers..........................................................................................................................................................................................
16
Scénarisation des différents univers..................................................................................................................................................................
17
Le portrait : zoning et scénarisation...........................................................................................................................................................................
20
L’univers réel
Support web
La carte..........................................................................................................................................................................................................
22
Les rubriques.........................................................................................................................................................................................................
23
Support mobile
Scénario utilisateur..........................................................................................................................................................................................
24
Arrivée sur le site mobile...............................................................................................................................................................................
25
Les rubriques..................................................................................................................................................................................................
26
Charte graphique..................................................................................................................................................................................................................
27
Budget - Planning...........................................................................................................................................................................................................................
30
3
4. Léna Mazilu
Le projet : p o int de d ép a rt Gobelins
CRMA 2009
Les points de départ
L’aut e ur
Marguerite Yourcenar est un auteur au style à la fois classique et moderne,
complexe, recherché et très fluide.
C’est également une personnalité atypique, une femme d’une grande érudition
qui a vécu librement, à contre-courant des mœurs de son époque.
L e t emps , l’ esp ace...
et des pro b l éma t i q u es u n iver selle s
Entre Orient et Occident, du IIème siècle avant J-C à l’avènement du fascisme
en Italie, les personnages de Yourcenar traversent les époques et les continents,
toujours confrontés à des problématiques universelles et intemporelles, qui sont
celles de l’auteur elle-même : la recherche de la sagesse, la liberté de pensée,
la difficulté de vivre, l’amour contrarié...
y ourc en a r et s e s p er son n a g es
Marguerite Yourcenar entretient une relation particulière avec ses personnages :
elle les crée, mais elle vit également avec eux, leur parle, les considère comme
des membres à part entière de sa famille. La frontière entre réalité et fiction
est très mince chez cette femme qui affirme «croire assez naïvement à ses
personnages».
4
5. Léna Mazilu
Les i n t e n t i o n s Gobelins
CRMA 2009
Quoi ? Pourquoi ? Comment ?
Tracer un portrait de Marguerite Yourcenar à - Pour créer un produit ludique : la langue En inventant un voyage dans son œuvre,
travers le filtre de ses personnages. de Marguerite Yourcenar est complexe, un voyage à la fois spatial et temporel, en
donc la rendre parlante et «accessible» à tous prenant comme point de départ/point d’entrée
en proposant une expérience multimédia quelques-uns de ses personnages-phares, qui,
interactive visuelle et sonore sous forme s’ils ont vécu à des époques et dans des pays
d’un jeu. différents, sont tourmentés par les mêmes
questions existentielles, que l’on retrouve
- Pour replacer cet auteur très classique dans dans la personnalité de l’auteur.
une dimension plus contemporaine.
Uni v e r s v i r t u e l , u ni v er s r é el
Le site web se partage dès la page d’accueil en deux univers : l’un
renvoyant à un monde virtuel et onirique, l’autre à une représentation
bien réelle de l’Europe.
1/ Découverte sensible d’extraits de l’œuvre de Marguerite 2/ Incitation au voyage réel, pour découvrir
Yourcenar dans un univers onirique, sous forme d’un jeu la genèse des romans
L’internaute doit partir à la recherche de citations incluses dans un paysage Une fois le jeu terminé, l’internaute est incité à partir sur les traces des
imaginaire composé des différents décors des romans. Chaque citation personnages rencontrés au long du jeu.
lui fournit des clés de compréhension de la personnalité de l’auteur et Le second univers du site web propose une carte de l’Europe avec des
de ses thèmes favoris, sous forme d’une mosaïque de mini-animations se informations sur les villes évoquées dans les romans.
complétant au fur et à mesure du jeu. Si l’utilisateur décide de partir en voyage dans une de ces villes, il trouvera
Cette interface sera entièrement réalisée en Flash, avec intégration de sur place des QR-Codes (code-barres en 2 dimensions pouvant contenir
vidéo. des données numériques) qu’il pourra scanner avec son mobile et qui
lui permettront de recevoir des informations (citations, extraits sonores,
explications), afin de relier les romans de Marguerite Yourcenar au monde
contemporain.
Le Labyrinthe des Mondes propose une expérience allant de la fiction vers le réel,
du livre vers le voyage, de la lecture solitaire au partage de la découverte...
5
6. Léna Mazilu
Le s ci t a t i o n s Gobelins
CRMA 2009
Dans chaque ville «visitée» par le joueur, celui-ci
est invité à cliquer sur des éléments interactifs
provoquant l’apparition de citations sous forme
d’animations dynamiques.
Les citations sont extraites de cinq romans. Elle
sont sélectionnées pour être les plus significatives
possibles par rapport aux thèmes mis en valeur.
L a naissance L a dif f ic u lté de viv re Sag e s se e t h uman isme
Souvenirs pieux Alexis ou le traité du vain combat Mémoires d’Hadrien
Bruxelles, 1903 Woroïno (Autriche), XIX ème siècle Rome, IIème siècle av J-C
2 «Cet enfant du sexe féminin, déjà pris dans 2 «Toute mon enfance, quand je m’en souviens, 2 «Il y a plus d’une sagesse, et toutes sont
les coordonnées de l’ère chrétienne et de l’Europe m’apparaît comme un grand calme au bord d’une nécessaires au monde ; il n’est pas mauvais qu’elles
du XXème siècle, ce bout de chair rose pleurant grande inquiétude, qui devait être la vie.» alternent.»
dans un berceau bleu...»
2 «Je suis fatigué de cet être médiocre, sans 2 «Dire que mes jours sont comptés ne signifie
2 «Que cet enfant soit moi, je n’en puis douter avenir, sans confiance en l’avenir, de cet être que rien ; il en fut toujours ainsi ; il en est ainsi pour
sans douter de tout.» je suis bien forcé d’appeler Moi, puisque je ne nous tous.»
puis m’en séparer. »
2 «Nous ne savons rien de tout cela : les portes 2 «C’est avoir tort que d’avoir raison trop tôt.»
de la vie et de la mort sont opaques, et elles sont 2 «On n’est jamais tout à fait seul : par malheur,
vite et bien refermées.» on est toujours avec soi même.»
6
7. Léna Mazilu
Gobelins
CRMA 2009
Design sonore
Les citations sont lues à vois haute par un
comédien et enregistrées en studio.
La voix se déclenche lors de l’apparition de la
citation : l’utilisateur est doublement immergé
dans le texte, de manière visuelle et sonore.
L a mor t L e rê ve
L’œuvre au noir Conte bleu
Bruges, 16 ème siècle Orient imaginaire, époque indéfinie
2 «On n’est pas libre tant qu’on désire, qu’on 2 «Une Chinoise vêtue d’une robe orange les 2 «Dans une salle tapissée de toile d’araignée,
veut, qu’on craint, peut-être tant qu’on vit.» traita d’imposteurs, parce que les anneaux qu’ils ils n’obtinrent pas de réponse d’une femme
lui offraient devenaient invisibles au contact de habillée de gris qui se palpait sans cesse pour
2 «Il s’agit pour moi d’être plus qu’un sa peau jaune...» s’assurer qu’elle existait...»
homme.»
2 «Comme ils marchaient distraitement sur un 2 «Dans une salle couleur de garance, ils
2 «Cette fois, l’irréversible était accompli.» pan de sa jupe, elle les maudit au nom du ciel s’enfuirent à la vue d’une femme vêtue de rouge
bleu dans la langue des Tartares, au nom du soleil qui perdait tout son sang par une large blessure
en langue turque, et au nom des sables dans la ouverte dans sa poitrine, mais elle ne paraissait
langue du désert.» pas s’en apercevoir, car sa robe n’en était même
pas tachée.»
7
8. Léna Mazilu
Ar bo re s c e n c e é d i toria le s ite web Gobelins
CRMA 2009
Univers virtuel
Univers réel
8
9. Léna Mazilu
Ar bo re s c e n c e éd itoria le m ob ile Gobelins
CRMA 2009
9
10. L’u nivers vir tuel Léna Mazilu
Gobelins
CRMA 2009
S uppo r t w e b : Sc é n a rio u tilis a teu r
10
11. Léna Mazilu
Er go n o mi e d e na v ig a tion Gobelins
CRMA 2009
La page d’accueil du site web est partagée
horizontalement entre les deux univers,
virtuel et réel.
11
12. Léna Mazilu
Les dé c o r s : s y s t èm e d e s tra tes Gobelins
CRMA 2009
Home monde virtuel Passage à une ville
clic sur
Woroïno
La page d’accueil du jeu est composée d’un
mélange des différentes villes, sous forme de
«strates» : chaque ville correspond à un plan dans
la profondeur.
Au clic sur une des villes, les autres plans
disparaissent par le bas et le plan de la ville choisie
monte vers le haut.
Puis par un effet de zoom l’utilisateur accède à la
ville choisie.
12
13. Léna Mazilu
La b a r re d e n a v ig a tion Gobelins
CRMA 2009
13
14. Léna Mazilu
Ape rçu d e n a v i g a t ion : s e rep érer d a n s le je u Gobelins
CRMA 2009
14
15. Léna Mazilu
Cha n g e me n t d e m od e : u n iv ers v irtu el / ré e l Gobelins
CRMA 2009
15
16. Léna Mazilu
Zo nin g d ’ u n u n i v e rs Gobelins
CRMA 2009
16
17. Léna Mazilu
Scé n a r i o u n i v e rs 1 : A lexis , la m éla n c ol ie Gobelins
CRMA 2009
Une maison perdue, sans horizon :
brume, brouillard
la maison
de Woroïno
clic sur
une fenêtre
étang, marais, de la maison
tons glauques
autoportrait
d’Egon Schiele (1912)
en reflet dans l’étang
Woroïno (Autriche), début du XIXème
Dans une lettre à sa femme qui prend la forme
d’une confession, Alexis, jeune musicien
virtuose, évoque son enfance en Bohême du
Nord, sa demeure ancestrale de Woroïno, puis
la découverte de ses penchants homosexuels,
sa lutte vaine pour y résister, ses abattements
profonds et enfin l’acceptation de ses désirs.
l’eau se trouble la citation apparaît dans l’eau
« Certains sujets sont dans l’air du temps ; ils
sont aussi dans la trame d’une vie. » (préface)
17
18. Léna Mazilu
Scé na r i o u n i v e r s 2 : Z én on , la m ort Gobelins
CRMA 2009
La prison de Bruges : nuit sans lune
Trois fenêtres correspondant chacune à une citation :
clic sur
une fenêtre
de la prison
apparition de la citation :
prison : grand
bâtiment sans porte
maquette de la
façade de la prison
Bruges, XVIème siècle
pochoir
Zénon, condamné au bûcher pour avoir
refusé de renier ses opinions athées, se
suicide dans sa cellule la veille de son
lampe
exécution.
L’ambiance doit être à la fois grave et
sereine : décision réfléchie et engagée,
mouvement latéral de la caméra de le suicide de Zénon correspond à
gauche à droite pour faire apparaître l’achèvement, l’accomplissement d’une
progressivement la citation vie dédiée à la quête de la sagesse et à la
lutte contre l’obscurantisme.
18
19. Léna Mazilu
Scé n a r i o u n i v e rs 3 : les fem m es d ’ O rient , le rê ve Gobelins
CRMA 2009
Un Orient imaginaire et mystérieux :
les citations apparaissent
nuit mystérieuse, lune, dans les nuages
nuages qui vont et viennent
les montagnes
clic sur
une fenêtre
du palais
la mer palais luxueux «Ils ne remarquèrent «Une femme vêtue
«Une Chinoise vêtue pas une femme vêtue de «Une femme habillée de gris de rouge perdait tout
d’une robe orange les noir assise au fond du se palpait sans cesse pour son sang par une large
traita d’imposteurs...» corridor...» s’assurer qu’elle existait...» blessure ouverte dans sa
poitrine..»
Orient, époque indéfinie
Un groupe de marchands accoste dans le
port d’une ville bleue.
Récit surréaliste et cinématographique,
le Conte bleu met en scène une galerie
de portraits de femmes, dont le point
commun est de ne pas vraiment exister,
d’appartenir au domaine du rêve.
19
20. Léna Mazilu
Le po r t ra i t d e Ma r g u erite You rc en a r : z on i ng Gobelins
CRMA 2009
20
21. Léna Mazilu
Le p o r t ra i t d e M a r g u e r i t e Yo u rc e n a r : scénario Gobelins
CRMA 2009
La nai s s a n c e
Une toile d’araignée
se tisse et se détisse en
quelques secondes.
« Cet enfant du sexe féminin, déjà pris dans les coordonnées de l’ère chrétienne et de l’Europe du XXème siècle...»
Le rê v e
Un corps de femme
apparaît et disparaît
progressivement dans
un nuage de brume.
« Elle refusa comme une femme heureuse, mais avec le sourire d’une femme désespérée. »
La m o r t
Une main sort
de l’obscurité et
commence à saigner.
« Cette fois, l’irréversible était accompli »
21
22. L’u nivers ré el
Léna Mazilu
Gobelins
CRMA 2009
Su ppo r t w eb : l a c a r t e et le s ta g s
Une fois le portrait complété et le
jeu terminé, l’utilisateur est dirigé
automatiquement vers la carte de
l’Europe. En cliquant sur une des villes,
il a accès à différentes rubriques :
Un QR code :
TAG S
en le scannant avec son
Visualisation géolocalisée des QR codes
téléphone mobile, l’utilisateur
répartis dans les villes, pour permettre au
peut recevoir des informations
futur voyageur de préparer son itinéraire
contextualisées.
dans la ville qu’il voudra visiter.
Clic sur la ru b riq u e TAG S :
c lic s u r Ro m e : z oom
zoom
22
23. Léna Mazilu
Sup p o r t w e b : l es c om m en ta ires Gobelins
CRMA 2009
C O MME NTA IR ES Clic sur la rubrique COM M ENTAIRES :
L’internaute peut visualiser les commentaires
envoyés par les voyageurs depuis leur
mobile ou laissés par les internautes. Il peut
évidemment également en écrire lui-même.
Les commentaire sont signalés par des
rectangles géolocalisés avec le nom de la On ressent ici
très bien la ten-
personne et la date. sion dont parle
Yourcenar dans
son premier
roman, quoiqu’il
faille parfois lire
entre les lignes
R o l l - ov e r s u r
u n c om m en ta ire
C l i c s u r la r u b r iq u e IN FOS : Au roll-over, le commentaire
apparaît par un glissement
vertical.
Les texte ne peut excéder
I NFO RMATI O NS 200 caractères. Cependant,
L’internaute a accès à un certain nombre de textes en fonction du nombre de
(rédigés par des professeurs, des journalistes, des commentaires à afficher,
spécialistes de la littérature) traitant du rapport on peut envisager un scroll
entre l’œuvre de Marguerite Yourcenar et la vertical.
ville visitée.
Ces informations ont pour but de replacer les
questionnement de Marguerite Yourcenar dans
un contexte contemporain.
Ces textes sont téléchargeables au format PDF
et directement imprimables.
23
24. Su ppor t mobile Léna Mazilu
Gobelins
CRMA 2009
S cé nar io u t i l i s a t e u r
S uppo r t mo b i l e
24
25. Léna Mazilu
Zon i n g : a r r i v é e s u r le s ite m ob ile Gobelins
CRMA 2009
OU
25
26. Léna Mazilu
Zoning mo b i l e : l e s ru b riq u es Gobelins
CRMA 2009
26
27. Ch ar te graphique
Léna Mazilu
Gobelins
CRMA 2009
Place p ré p o n d é ra nte à l’ im a g e
Visuels chargés, riches, complexes : les éléments de navigation doivent
être sobres, se fondre dans l’image sans interférer avec elle. Ils doivent
cependant rester visibles et facilement accessibles.
DU NOIR
Neutralité des éléments d’interface par rapport à l’image
DE LA TRANSPARENCE
Pour une navigation la plus légère possible, en cohérence avec la
tonalité onirique des visuels.
27
28. Léna Mazilu
L’ic o n o g ra p h i e : m éla n g e d es tec h n iq u es Gobelins
CRMA 2009
P hotographie
I llustration
Re t o u c h e d ’ im a g e Décors fabriqués en trois d im en s ion s
28
29. Léna Mazilu
Déf i n i t i o n d e l a g a m m e c h rom a tiq u e Gobelins
CRMA 2009
U ne ga m m e c ol orée p a r u n ive r s
A l ex i s o u le trai té d u vai n c omba t L’œuv re a u noir Co nt e ble u
É v o l u t i o n d u lo g o e n fo n c tion des univers : Police de titra g e :
Bleeding Cowboys Adobe Garamond Pro Regular
Adobe Garamond Pro Semibold
BLEEDING COWBOYS Adobe Garamond Pro Bold
Adobe Garamond Bold Italic
Mélange des p olic es d e c a ra c tères :
marguerite yourcenar
Le labyrinthe des mondes
Police de texte c ou ra n t :
Adobe Garamond Pro Regular
Adobe Garamond Pro Bold
29
30. Léna Mazilu
Budge t - p l a n n i n g Gobelins
CRMA 2009
Bud gé ti sat i on
PRESTATIONS Jours/H Prix/jour Total €
Conception et suivi de projet Conception multimédia : arborescence ergonomique et fonctionnelle 10 600 6000
Direction artistique Création des décors 5 600 3000
Créations des illustrations 5 500 2500
Définition des codes visuels et typographiques pour les gabarits web et mobile 3 600 1800
Réalisation graphique Déclinaison des gabarits web et mobile 5 500 2500
Production des médias Prise de vue 2 650 700
Prise de son 0,5 650 325
Post production : traitement de la vidéo, effets spéciaux, intégration du son 5 550 2750
Intégration et développement Développement des pages gabarits et des menus fonctionnels en Flash (web) et en Java(mobile) 15 550 8250
Développement des animations Flash 3 550 1650
32 406 €
Éché anci e r
conception
= un jour
création des décors gabarits illustrations
déclinaison des gabarits
prise de vue
prise de son
post-production
développement site web et mobile
développement animations
-> 42 jours ouvrés au total soit environ 2 mois.
30