Sommaire :
* Pitch : page 3-9
Iconographie
Confrontations des œuvres
Narration – principes vidéos
Inspirations / références
Nan Goldin : Animation home
•Thématiques
Scénarios d’usage
Zoning : page 10-21
•Second média
Scénarios/zoning : page 22-29
* Arborescence : page 30-31
•Charte éditoriale
Charte Graphique
Concept Board : page 32-38
2

Penot Myriam / CRMA 2009
« I’ll be your Mirror »
Pitch:
Par le travail photographique, Nan Goldin fixe dans l’instant les relations humaines. L’amour, la vie sexuelle, les jeux de rôle sociaux
sont saisis dans une tentative de proximité.
En participant au milieu qu’elle représente, l’artiste livre des instantanés sur lesquelles elle revient à travers la durée et le rôle du
quotidien. Ébauche d’une nouvelle vision du portrait, volonté de rompre avec l’éphémère, traduction de la complexité de l’être ainsi
que sa fragilité face à la vie et au temps.
Donner plusieurs clefs de lecture et ainsi rendre visible le travail de Nan Goldin.
*Différents niveaux de lecture technique, sensitif, personnel, conceptuel
(l’auteur et son miroir. Réflexion sur le portrait / l’autoportrait / Le reflet de soi / de l’autre /
l’enveloppe / le paraître / l’invisible.)
Retranscrire ce qui précède les photos et leurs circonstances.
Allier l’histoire individuelle et collective.
Conceptualiser le portrait et son miroir pour raconter l’histoire de chacun.
Donner la main à l’utilisateur sur l’univers de la photographe.
Faire interagir les images et les sons (Sound design) pour parler du quotidien.
Combiner la photo et la vidéo : image statique et mouvante d’une scène de vie.
Comment retranscrire le passé et les circonstances d’une scène fixe?
Comment appréhender le concept de durée et de temporalité à travers l’œuvre de Nan Goldin?
Comment rendre interactif « le voyage dans le temps » que l’on effectue pour comprendre son travail?
Comment les portraits de l’artiste peuvent-ils témoigner de sa propre personnalité?
Histoire Narration Récit
Ressenti Émotion Perception
Technique Accessibilité Procédé
3

Iconographie
Portrait Voyeurisme
Quelle photo pour quel
thème?
Fragilité
Ambiguïté
Impuissance Ephémère
4

Désespoir
Vérité
Clan. Tribus
Intimité
Déchéance
Violence
5

Confrontation des œuvres… « Le miroir »
« Jeune fille à la Takeshi Hamada : THEME Japonisme
Fenêtre » Dali : THEME Intérieur/extérieur
Barry lindon et
Amadeus par le
ballet Théâtre « Impression sur soleil levant » Monet : THEME Impressionnisme
atlantique du
canada : THEME
Travestis/Paraître
6

Imaginer une histoire qui précède et
Succède l’instant clef de la
photographie.
Présenter les vidéos comme des souvenirs :
-flash
-rêve
-flou
-Images subliminales
-laisser le visiteur s’imprégner de l’univers et
Poursuivre l’histoire avec sa propre imagination.
7

Inspirations
Ombre/lumière
Abstraction du corps
grains
Diane Arbus Larry Clark Larry Clark
Tapas Nocturn
Diane Arbus
Lars Henkel
Flou/netteté
Noir/blanc
contrastes
8

Animation à l’entrée du site
Présenter son monde à travers elle..
Droit d’auteur : recomposer
l’artiste/la photo/l’œuvre/l’univers
Dernière image : ELLE!
Jouer entre les
mots (journal
intime)
Et les images
(capture
visuelle de son
monde)
Présenter brièvement l’artiste :
« née en 1953 à Washington Nan Goldin
est une photographe américaine »
9

thématiques/scénarios d’usage/Zoning
10

Concept analyse de la photographie
Décrypter la photographie « scientifiquement »
Une nouvelle façon de comprendre et en apprendre + sur la photo, se déclenche par un mouvement
spécifique de la souris.
Flou
Lumière/couleur/
Noir & Blanc
Organisation de
l’espace/
Le cadre/
La composition
Champ/Hors champ
Angle de prise Cadre/Hors cadre
de vue
Chaque action est associée à une chanson
propre à l’univers de l’artiste
11

Vidéo, mouvant/statique
Allier photo/vidéo…durée/éphémère/temps…
La vidéo : À l’intérieure de la photo
-apparitions de personnages (portrais brefs)
-cut
-fondu
Photographies de l’artiste
Sélectionnées par lieux :
-Salle de bain
-Voiture
-Chambre
-Bar/Club
-Église
1 Univers = 1 ambiance
Musique/bruits du quotidien/
série d’objets/série de mots.
12

Concept « Timeline » représenter le passer/l’avenir
Retranscrire ce qui précède les photos et leurs circonstances.
Contrôler la vidéo par le son / Images sonorisées
Contrôler le son par la vidéo / Sons imagés
Passé proche Présent circonstances
(instantané)
Remonter le temps
= Remonter Les images et Le son
Ralentir, accélérer, avancer, reculer …
13

Recherches de mise en forme du menus…
À travers l’éphémère Regards indiscrets miroir Mur des réactions
Transformer le menu en 4 rectangles :
Fragilité
Violence
Clan – Tribus En « roll over » sur
Portrait une rubrique, la liste des thèmes •Le menus disparaît
Vérité apparaît. En sortant d’une quand une vidéo se
certaine zone, il disparaît. lance.
Ambiguïté
Intimité
Voyeurisme
Déchéance
Désespoir
Impuissance
Ephémère
Le menu est mouvant.
Fragilité Il peut se déplacer, et se placer
n’importe où dans la scène pour une
Violence A travers l’éphémère meilleure lecture.
Clan – Tribus
Portrait Fragilité
Violence
Vérité Clan – Tribus
Ambiguïté Portrait
Intimité Vérité
Ambiguïté
Voyeurisme Intimité
Déchéance Voyeurisme
Déchéance
Désespoir Désespoir
Impuissance Impuissance
Ephémère Ephémère
14

Scénario #1 & 2 : de la home vers l’œuvre de l’artiste
Fonction qui détecte
que l’animation du début
a déjà été visionnée.
Visionne l’animation sur la Home Visionne l’animation sur la Home
pour présenter l’artiste pour présenter l’artiste
Roll over sur la rubrique Roll over sur la rubrique « Regard indiscret »
« à travers l’éphémère»
Choisit le thème « déchéance » et
Choisit le thème « Vérité » et accède à la
accède à la photo : « Trixie sur le lit de
photo : « Gotscho embrassant Gilles »
camp »
Dirige le curseur de la timeline vers Dirige la souris pour former un carré
« le passé »
Visionne la scène Visionne l’analyse sur le cadre
et la composition de la photo
15

Niveau de lecture 1 : Timeline (durée)
1. HOME Niveau de lecture 2 : Analyse (Technique)
Niveau de lecture 3 : Confrontation personnelle
Niveau de lecture 4 : Mur des réactions
I’ll be your Mirror
À travers l’éphémère Regards indiscrets miroir Mur des réactions
Fragilité
Violence
Clan – Tribus
Portrait
Vérité
Ambiguïté
Intimité
Voyeurisme
Déchéance
Désespoir
Impuissance
Ephémère
Portrait de l’artiste :
Courte animation pour
présenter les thèmes et le site…
16

1. « A travers
l‘éphémère » I’ll be your Mirror
A travers l’éphémère
.Découverte. À travers l’éphémère Regards indiscrets miroir Mur des réactions
PHOTOGRAPHIE
Titre de la photo
Année, commentaire
passé proche présent futur proche
17

2. « Regard
I’ll be your Mirror
indiscret » Regard indiscret
.Analyse
de l’oeuvre.
mot
PHOTOGRAPHIE
mot
mot
mot
mot
Titre de la photo
Année, commentaire
18

3. « Miroir »
.Confrontation
personnelle.
I’ll be your Mirror
Miroir confrontation
mot
mot
mot mot
Autre PHOTOGRAPHIE
Titre de la photo Titre de la photo
Année, commentaire
mot Année, commentaire
mot
19

Scénario #3 : du mur des réactions à la home
Sur « le mur des réactions »
Roll over sur la rubrique « Mur des réactions »
Choisit le thème « Ambiguïté » et accède
à la photo : « Ryan dans la baignoire »
Réduit le menus pour + de clarté
Lit les réactions des visiteurs
Clique sur le titre pour revenir sur la Home
20

4. « Mur des réactions »
.partage d’émotions.
I’ll be your Mirror
Le mur des réactions
Étouffant
Dégoût Romain-12/01/08-13h13
Mireille-23/02/08-09h57
enivrée
Claire-4/03/08-15h07
Beurk
Exutoir
Léa & Jacques-16/03/08-19h20
Emerik-19/01/08-11h38
Bouleversement
Tom-24/02/08-16h04
Titre de la photo
Année, commentaire
21

Second support : scénarios d’usage/Zoning
22

Explication du 2ème support
Une édition multimédia organisée par le musée National d’art moderne, le centre Pompidou. Pour découvrir ou
redécouvrir un artiste. En direct du musée, le visiteur peut analyser la photo qu’il a en face du lui, grâce à l’envois
instantané d’informations sur l’œuvre.
(PDA prêté à l’entrée)
Vidéo de présentation des œuvres et analyse technique.
Être plus proche du travail de Nan Goldin et pouvoir accéder à son œuvre jusqu’au plus proche de notre quotidien.
Avoir la possibilité de s’exprimer
Et de faire partager son ressenti sur
Le travail de NG.
L’émotion négative ou positive qu’elle offre
grâce à ses photos apporte une vision
extérieur plus générale sur son travail.
Seul 1 mot est publié afin de minimiser
Le contenu et offrir une vision
Claire, simple, concise.
Miroir et reflet de son travail à travers
le public et les visiteurs.
23

« PDA culturel »
Le Pda a deux fonctions :
Écran tactile : interactivité renforcée
1) Analyse
Puce RFID? Bluetooth? GPS?
2) Réactions
PDA
24

Scénario #1 : face à la photo, analyse sur l’instant.
Visiteur devant une œuvre :
Informations directement envoyées au pda
Choisis « regards indiscrets » pour l’analyse
Touche l’écran du pda
Effectue l’analyse
Visionne la courte vidéo explicative
25

Scénario #1 : face à la photo
Grâce à l’écran tactile, il suffit d’un geste du doigt pour accéder aux différentes informations.
Ecran tactile
Vidéo plein écran
Accessoires : Ecouteurs + pda
Analysez cette photographie,
à l’aide de l’écran tactile,
reproduisez des formes pour
déclencher les vidéos
explicatives.
En roll over, l’explication
Simple de la rubrique
apparaît.
26

Scénario #1 : face à la photo
Faites partager votre réaction
face à l’œuvre de l’artiste.
Un seul mot clef est autorisé,
choisissez le bien, il doit pouvoir
résumer votre ressenti.
Instantané
Identité
Miroir = ce qui se reflète de son travail…
…pour le public.
Jugement, confession, vérité.
27

Scénario #2 : Affirmer ses émotions
Se connecte au pda
Sélectionne la rubrique
« Mur des réactions »
Écrit un mot avec son doigt
représentatif de son impression/son ressenti
Rentre son nom
28

A la sortie de l’exposition, un écran (géant) est visible. Celui-ci regroupe tous les mots laissé sur les photos.
Il permet de voir une perception générale de son œuvre par le public, tandis que le site, lui, offre une vision
propre à chaque photographie.
I’ll be your Mirror – rendez vous sur www.illbeyourmirror.com
Dégoût
Mireille-23/02/08-09h57
Étouffant
Romain-12/01/08-13h13 Beurk
Cauchemar Emerik-19/01/08-11h38
Vibrant Matthieu-01/01/08-09h25
enivrée
Candice-19/03/08-19h22
Cauchemar
Claire-4/03/08-15h07 VIE
Matthieu-01/01/08-09h25 Beurk Lou-14/02/08-12h15
Exutoir enivrée Claire-4/03/08-15h07
Léa & Jacques-16/03/08-19h20
Emerik-19/01/08-11h38
Espoir
Jeremy-02/01/08-13h52
enivrée Bouleversement
Claire-4/03/08-15h07
Espoir
Jeremy-02/01/08-13h52
Vibrant Tom-24/02/08-16h04
Candice-19/03/08-19h22
Cauchemar
Matthieu-01/01/08-09h25
29

Arborescence
30

Arborescence/schéma
31

Chartes éditoriale/graphique/concept board
32

Charte editorial
Qui parle ?
Le « moi », chargé de faire découvrir l’univers de l’artiste ainsi que son œuvre.
À qui ?
Aux curieux, aux adeptes, aux promeneurs du Web et du musée Beaubourg…
Comment ?
Ton et traitement : Ton sérieux à tendance dramatique, ambigu (gêne? Voyeurisme? Plaisir?).
Poids des images et du son. Immersif, enivrant.
Champs lexicaux : Intime, sensitif et technique. Proscription des superlatifs. Langage technique utilisé uniquement dans les
pages concernant le projet.
Langage « poétique », courant (type journal intime) pour les pages et les vidéos correspondantes.
33

Type de contenu : (Toujours Audio-Visuel)
-Une page d’introduction avec une courte animation pour présenter visuellement l’artiste et amener les rubriques sur
la home.
- Un « espace temporel » pour découvrir l’œuvre de l’artiste.
Pour chaque slide : 1 photo et 1 timeline correspondante (visualisation des vidéos grâce à la timeline).
-Une page analyse d’une œuvre avec navigation par curseur (+ navigation simplifiée avec palette d’outils).
-Une page de confrontation des œuvres : Nan Goldin face à ma propre banque d’images. Relations étroites, visuelles
ou contextuelles.
Une page présentant les réactions des visiteurs de l’exposition en direct du musée ou de la galerie.
Contenu uniquement textuel fonctionnant par mots clefs.
Wording : rubriques
- Home
- A travers l’éphémère : retranscrire ce qui précède les photos et leurs circonstances
- Regard indiscret : Décrypter les photos techniquement
- Miroir : Vision personnelle à travers son influence
- Mur des réactions : Avis textuel des visiteurs
34

Concept Board / Charte Graphique
Relation - Ambiguïté
- Dramatique
- Empathique
- Émotive
- Sensitive
Reflet Tout âge / toute génération / urbains
Personnalité -Inquiète
- Torturée
- Généreuse
- Sans complexe
- Underground
Culture
- Musicale
- Alcool / drogue / sexe
- Travestissement
Mentalisation - J’adhère à une tribu - Désespéré
- Sans limite - Je romps avec les codes moraux
- Inconscient - Moraliste, pas moralisatrice
- Je revendique le vrai / l’authentique
35

Typographie
36

Logo recherches
Reprendre les même principes
vidéos à l’intérieur du logo.
L’élément visuel doit être reconnaissable
Pour le bouton retour
37

Gamme chromatique
Une des contraintes
majeure du site est qu’il
doit suivre les couleurs et
ambiances des photos
de Nan Goldin :
-Forts contrastes de
couleurs
- Ambiances de la nuit /
feutrées
38

Budget
Jour H Montant € Ressources
Phase de conception
Recherches graphiques 2 1600 DA
Conception charte graphique Web 6 4800 DA
Conception arborescence 2 1400 Concepteur
Conception ergonomie 6 4200 Ergonome
Conception charte éditoriale 3 2400 Consultant Edit.
Conception technique 3 2400 D.Technique
Management de projet 4 2560 Chef de projet
Phase de production
Développement technique Développeur
13 7800
Création identité visuelle (logotype/charte/habillage sonore) DA et designer
11 8700
sonore
Production vidéo (conceptualisation/location 7 4550
matériel/tournage/montage/intégration web) Réalisateur,
2 6850 cadre, monteur,
Retouches image vidéo flasheur
Graphiste
Total 59 47260

Planning
Conception ergonomique
Conception graphique
Phase de production vidéo
Développement
« Débugg »