FESTIVAL DU MOT 2009 Virtuel
Participez à l’élaboration d’une mémoire collective et plongez dans une expérience interactive
DOSSIER DE CONCEPTION
RAPPEL DU BRIEF
» conception et réalisation de la prochaine édition numérique du Festival du Mot autour du mot représentatif de l’année 2009 pour le plus large public
» 2 dispositifs de diffusion
site web
iPhone
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler
PREMIÈRE PARTIE
le mot de 2009
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 3
brainstorming 2009 | le mot de 2009 | mindmapping
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 5
brainstorming 2009 | le mot de 2009 | mindmapping
» virtuel BOOM DES RÉSEAUX SOCIAUX
Utilisateurs sur Facebook en millions
Utilisateurs sur Twitter en millions
40
350 200
10 2008
2009 Source : facebook.com
2008
2009 Source : twitter.com
ARRIVÉE DES OUTILS COLLABORATIFS EN TEMPS RÉEL
Google Wave
Mindmeister
APPARITION D’UNE REPRÉSENTATION NUMÉRIQUE PLUS EXPRESSIVE, HUMAINE Avatar 3D
DÉVELOPPEMENT DES APPLICATIONS MOBILES (RÉALITÉ AUGMENTÉE, GÉOLOCALISATION) Téléphones mobiles en France
Des millions d’applications iPhone téléchargées
25 %
75 %
smartphones autres téléphones Source : zone-numerique.com
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 7
brainstorming 2009 | le mot de 2009 | mindmapping
science fiction simulation
voyage dans le temps
expérimentation
réalité virtuelle
illusion
magie effets spéciaux
perception
réalité augmentée innovation
imitation
réalité
imagination
enfant poésie
Livre dont vous êtes le héros
relations
surréalisme
créer
échanges
rêve
partages
espace mental connaissances
informatique numérique
ordinateur
mémoire
inconscience
Virtuel Country Story mmorpg second life
miroir faire croire
sommeil
halucinations
jeu apparence
pseudonyme Facebook
Max et les maximonstres
identité
avatar
dépendance
faux puissance
dématérialisation simulation
repères d'espace différenciation privé/public
possible limites
travail collaboratif wave mindmeister !
interactions
réseau
manque
repères temporels toucher morale
techniques infini
DEUXIÈME PARTIE
le pitch
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 9
définitions | problématique et promesse | positionnement
» festival du mot
» le mot : virtuel
manifestation à caractère festif
quelque chose qui n’est pas palpable, mais qui reste possible dans l’imaginaire de chacun
chercher à interpeller et éveiller les sens d’un large public
représentation propre à chaque individu, mais similaire à l’échelle d’un groupe
Mindmapping autour du virtuel et de l’imagination vision
perception
créativité
inconscient refuge schyzophrénie hallucinations
enfance
évasion
souvenirs
pensée
Virtuel / Imagination
sommeil
inspiration surréalisme
mémoire
espace mental
trouble poésie
invention
magie
imitation illusion
rêve fantasme
définitions | problématique et promesse | positionnement
» problématique Comment plonger le maximum de personnes dans une expérience inattendue, à la fois personnelle et collective ?
» promesse • toucher un maximum de personnes en faisant appel à leurs souvenirs • émouvoir en sollicitant la mémoire et en provoquant la nostalgie • permettre à l’utilisateur d’être acteur et metteur en scène
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 11
définitions | problématique et promesse | positionnement
INFLUENCE LITTÉRAIRE
Je me souviens, Georges Pérec
» quoi ?
» comment ?
un recueil de bribes, fragments de souvenirs de son enfance
• en collectant une multitude de souvenirs réels ou imaginaires, individuels ou collectifs • en immergeant l’utilisateur dans les souvenirs de Pérec et les ceux de l’année 2009
» pourquoi ?
» pour qui ?
citation de Georges Pérec à propos de Je me souviens : « des petits morceaux de quotidien, des choses que tous les gens d’un même âge ont vues, ont vécues, ont partagées, et qui ensuite ont disparu, ont été oubliées ; elles ne valaient pas la peine de faire partie de l’Histoire. Il arrive cependant qu’elles reviennent, par hasard ou parce qu’on les a cherchées ; c’était une chose qu’on avait apprise à l’école, une habitude, une expression, ou quelque chose de tout à fait banal, suscitant pendant quelques secondes une impalpable petite nostalgie. »
le plus large public : chaque individu, qu’importe son âge, a ses propres souvenirs
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 13
TROISIÈME PARTIE
étapes de conception
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 15
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
ESPACE COLLABORATIF mode visiteur
mode logué
ESPACE A
voir l d’em
téléc l’app
facebook/twitter connect ou inscription voir le teaser voir, filtrer les souvenirs audio, vidéo, photo
ajouter un souvenir
site web
partager un souvenir commenter un souvenir localiser un souvenir tweetbox voir l’activité de la communauté Twitter
twee
voir l’activit membres de communaut
APPLI
le mode mploi
ESPACE IMMERSIF mode parcours
mode partage
charger plication
etbox
té des e la té twitter
créer un parcours
ajouter un souvenir
être guidé
localiser un souvenir
visualiser les souvenirs
iPhone mettre à jour son statut twitter
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 17
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
SITE WEB
0.0 1.0: INTRODUCTION : EXPLORATEUR - -teaser mon compte/connexion - -introduction dispositif filtre selon du critères - inscription/connexion - par thème - par média - par date - par popularité - par mots-clés - par amis facebook/twitter - tweetbox 1.0 : EXPLORATEUR - mon compte/connexion - filtre selon critères - par thème - par média - par date - par popularité - par mots-clés - par amis facebook/twitter - tweetbox
1.0 : EXPLORATEUR
2.0 : PARCOURS MOBILE
2.0 :
- mon compte/connexion 1.1 : AJOUT DE SOUVENIR - filtre selon critères - mon compte - par thème - formulaire d’ajout - par média
- mon compte/connexion 1.1 : AJOUT DE SOUVENIR - vidéo mode d’emploi - mon compte - explication du fonctionnement - formulaire d’ajout - lien vers iTunes
- mo
- par date 1.2 : UN SOUVENIR - par popularité - mon compte/connexion - par mots-clés - titre du « je me souviens » - par amis facebook/twitter - auteur et date d’ajout - tweetbox - options : localisation et date
- aperçu des thèmes 1.2 : UN SOUVENIR - tweetbox - mon compte/connexion
- ap
- commentaires - partage 1.1 : AJOUT DE SOUVENIR - je m’en souviens aussi - mon compte - formulaire d’ajout 1.2 : UN SOUVENIR - mon compte/connexion - titre du « je me souviens » - auteur et date d’ajout - options : localisation et date - commentaires - partage - je m’en souviens aussi
- titre du « je me souviens » - auteur et date d’ajout - options : localisation et date - commentaires 2.0 : PARCOURS MOBILE - partage - mon compte/connexion - je m’en souviens aussi - vidéo mode d’emploi - explication du fonctionnement - lien vers iTunes - aperçu des thèmes - tweetbox
- vid
- ex
- lie
- tw
APPLI IPHONE
0.0 1.0: :INTRODUCTION MODE PARCOURS - -mini-teaser choix du quartier - -inscription/connexion choix du thème - choix du temps de parcours - choix du guide - boussole - plan - street view
1.0 : MODE PARCOURS - choix du quartier 1.2 : UN SOUVENIR - choix du thème - média : photo/son/vidéo - choix du temps de parcours - fiche du souvenir - choix du guide - titre du «je me souviens» - boussole - auteur et date d’ajout - plan - je m’en souviens aussi - street view - mise à jour du statut twitter
1.0 : MODE PARCOURS - choix du quartier - choix du thème - choix du temps de parcours - choix du guide - boussole - plan - street view
2.0 : MODE PARTAGE - formulaire d’ajout 1.2 : UN SOUVENIR - média : photo/son/vidéo 3.0 : RÉGLAGES - fiche du souvenir
3.0 : R
- me
- optionetpush - auteur date d’ajout
- opt
- MAJ du statut twitter - je m’enauto souviens aussi
- MA
- mise à jour du statut twitter
- formulaire d’ajout
- média : photo/son/vidéo - fiche du souvenir
- for
- mes facebook, twitter - titre ducomptes «je me souviens»
2.0 : MODE PARTAGE 1.2 : UN SOUVENIR
2.0 : M
3.0 : RÉGLAGES
- titre du «je me souviens»
- mes comptes facebook, twitter
- auteur et date d’ajout
- option push
- je m’en souviens aussi
- MAJ auto du statut twitter
- mise à jour du statut twitter
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 19
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
Daniel 50 ans
Daniel 50 ans
professeur de philosophie
«J’ai un esprit débordant d’imagination» professeur de philosophie «J’ai un esprit débordant d’imagination»
est père de 3 en est père de 3 enfants
aime raconter des
consulte la page consulte la page lien vers s’inscrit mobile le festival sur Eveneparcours mobile parcours
découvre le lien versle découvre le festival sur Evene
site web
site web
s’inscrit
prend connaissance du déroulement prend connaissance
du déroulement
crée son parcours et choisit ses options
télécharge l’appli iPhone
téléch iPhone en ville
en ville
se à la prem
l
ophie
nation» nfants
est un enfant dans l’âme est père de 3 enfants
est un enfant dans l’âme
aime raconter des histoires
consulte des sites culturels
aime raconter des histoires
consulte la page parcours mobile
consulte des sites culturels
s’inscrit
ce t crée son parcours et choisit ses options
visualise un souvenir
crée son parcours visualise télécharge l’appli et choisit ses options un souvenir
poursuit le parcours avec le guide (géoloc)
poursuit le parcours avec le guide (géoloc)
harge l’appli se rend à la première étape
se rend à la première étape
se rend au souvenir suivant
se rend au souvenir suivant
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 21
schĂŠma fonctionnel | cartographie des usages | personas et userflows | wireframes
Lien vers le festival sur le site culturel Evene.fr
Teaser d’introduction du festival
Page de lancement : choix entre l’application web et l’application mobile
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 23
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
Parcours mobile : introduction et teaser de l’application iPhone
Parcours mobile - formulaire d’inscriptio
on
Parcours mobile - connecté
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 25
schĂŠma fonctionnel | cartographie des usages | personas et userflows | wireframes
Connexion ou crĂŠation de compte
Connexion
Choix d’un quartier dans Paris
Choix d’un thème
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 27
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
Choix d’un temps de parcours
Choix d’un guide de parcours
Mode Street view
Visualisation d’un souvenir audio
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 29
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
Mathile 17 ans
Mathile 17 ans
lycéenne en terminale ES
«Je veux m’exprimer lycéennelibrement en terminale ESsur le web.» «Je veux m’exprimer librement sur le web.»
partage sur partage sur les réseaux sociaux
sor
voit unevoit notification une notificationclique pour d’ajout de souvenir en savoir plus
d’ajout de souvenir
clique pour en savoir plus
site web
site web blog
blog
parcourt l’explorateur de souvenirs
est loguée (facebook connect)
est loguée (facebook connect)
et coc
parco d
le ES
mer eb.» les réseaux sociaux
tient un blog
partage sur les réseaux sociaux
tient un blog
sort souvent avec ses amis
sort souvent avec ses amis
clique pour n savoir plus
publie sur facebook
publie sur facebook
parcourt l’explorateur de souvenirs
commente et coche «je m’en souviens»
ourt l’explorateur commente est loguée de souvenirs et coche «je m’en souviens» (facebook connect)
ajoute son souvenir
ajoute son souvenir ajoute à son blog
ajoute à son blog
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 31
schĂŠma fonctionnel | cartographie des usages | personas et userflows | wireframes
Message Facebook sur le mur d’un ami
Connexion avec un compte Facebook sur
r le site
Connexion avec un compte Facebook - confirmation
Mai 2010 | CRMA 2011 | CĂŠcile Ormel et CĂŠline Kniebihler | 33
schĂŠma fonctionnel | cartographie des usages | personas et userflows | wireframes
Home : explorateur de souvenirs - onglets filtres ouverts
Visualisation d’un souvenir
Ajout de souvenir - étape 1
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 35
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
Ajout de souvenir - étape 2
Ajout de souvenir - étape 2 (ajout d’une p
photo)
Ajout de souvenir - étape 3
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 37
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
Nathalie 28 ans
Nathalie 28 ans
secrétaire de direction
«Je veux découvrir insolites.»
secrétairedes de direction lieux
«Je veux découvrir des lieux insolites.»
twittevoyag aime la vidéo, aime la vidéo, voyage souvent
organise d
se promène se promène en ville
en ville
en ville
en ville ouvre l’application
iPhone
iPhone twitter
reçoit un push «souvenir à proximité»
écoute et regarde l’animation
ouvre l’application
décide de son propre
écou l’a
reçoit un push «souvenir à proximité» actualise son statut twitter
alie habite Paris
twitte
on
rir
habite Paris
twitte
ge s.»souvent aime la vidéo, voyage souvent
organise des sorties entre amis
connectée toute la journée
organise des sorties entre amis
ouvre l’application
ute et regarde animation
écoute et regarde l’animation
décide de filmer son propre souvenir
décide de filmer son propre souvenir
localise son souvenir
connectée toute la journée
localise son souvenir
partage son film via l’application
partage son film via l’application
actualise son statut twitter
actualise son statut twitter
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 39
schĂŠma fonctionnel | cartographie des usages | personas et userflows | wireframes
Notification - push
Fiche d’un souvenir
Actualisation du statut Twitter
Visualisation d’un souvenir vidéo
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 41
schéma fonctionnel | cartographie des usages | personas et userflows | wireframes
Ajout de souvenir
Sélection du type de média
Sélection d’une image
Géolocalisation du souvenir
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 43
QUATRIÈME PARTIE
spécifications graphiques
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 45
brief créatif | références | concept boards | storyboard du teaser | maquettes
GRILLE DE LECTURE
» contraintes Concevoir deux applications interactives indépendantes et complémentaires. Susciter l’imagination, le rêve, la nostalgie à un maximum d’utilisateurs. Le design doit s’inscrire dans l’ambiance festive et légère du festival. Le design doit pouvoir s’adapter à ces contraintes sur les deux plateformes.
» solutions Créer de l’émotion, susciter l’imagination à travers un design clair et immersif, des couleurs pastel et des formes légères, aériennes. Remémorer l’enfance, plonger l’utilisateur dans la nostalgie de sa jeunesse en adoptant un style graphique et éditorial simple, qui laisse libre le visiteur de partager, s’exprimer.
» challenges Comment donner graphiquement de la légèreté à un mot abstrait comme «virtuel» ? Comment garder une unité graphique sur deux supports différents ? Comment donner envie à des personnes de tous âges de participer ?
» mots clés
brief créatif | références | concept boards | storyboard du teaser | maquettes
IMAGINATION
RÊVE
Eternal Dreamer, Michel Gondry
La Science des rêves, Michel Gondry
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 47
brief créatif | références | concept boards | storyboard du teaser | maquettes
COLLABORATION
CADAVRE EXQUIS
Jean Arp, O. Dominguez, M. Jean, S. Taeuber-Arp
André Breton, J. Lamba, Y. Tanguy
SOUVENIR
COLLECTE DE FRAGMENTS
Vitrine de référence, Boltanski
Boîte en valise, Marcel Duchamp
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 49
brief créatif | références | concept boards | storyboard du teaser | maquettes
SOUVENIR
ENFANCE
Michael Hughes
Mai 2010 | CRMA 2011 | CĂŠcile Ormel et CĂŠline Kniebihler | 51
brief créatif | références | concept boards | storyboard du teaser | maquettes
SOUVENIR voyage, fragment secrets, magie nostalgie
brief créatif | références | concept boards | storyboard du teaser | maquettes
ENFANCE légèreté, imagination, aérien
brief créatif | références | concept boards | storyboard du teaser | maquettes
Je me souviens... 1
2
des petits morceaux de quotidien, des choses que tous les gens d’un même âge ont vues, ont vécues, ont partagées, et qui ensuite ont disparu, ont été oubliées ;
5
6
Il arrive cependant qu’elles reviennent, par hasard ou parce qu’on les a cherchées ;
3
4
elles ne valaient pas la peine de faire partie de l’Histoire.
7
8
c’était une chose qu’on avait apprise à l’école, une habitude, une expression, ou quelque chose de tout à fait banal, suscitant pendant quelques secondes une impalpable petite nostalgie.
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 57
CINQUIÈME PARTIE
spécifications techniques
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 59
benchmark | schéma de principe | normes de gestion du contenu
+ LE COQ SPORTIF système de filtres et navigation intuitives visuellement trop chargé
HBO IMAGINE
+ -
système de navigation innovant et n
très lourd au chargement et visuelle
notion de profondeur avec la 3D
ement trop complexe
TIME MACHINE
+ -
3 navigations différentes possibles dans l’historique la profondeur dépend de l’ancienneté
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 61
benchmark | schéma de principe | normes de gestion du contenu
+
NY TIMES légèreté visuelle et système de filtres
METRO PARIS
+ -
géolocalisation, réalité augmentée, sys
concerne uniquement les transports et
stème de boussole
t commerces
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 63
benchmark | schéma de principe | normes de gestion du contenu
» technologies utilisées - langage de programmation ActionScript 3, choisi pour la possibilité qu’il offre en terme d’animation et permettant également d’appliquer nos récentes connaissances, ainsi que de les approfondir, dans un projet concret. - base de données MySQL, pour le stockage de données, l’ajout de contenus etc. - AMFPHP, pour communiquer avec la base. Pour cela divers services ont été développés dans le langage de script PHP.
» librairies et apis - librairie TweenLite, moteur d’interpolation rapide, léger et souple pour nos animations. - API GoogleMaps,pour permettre aux utilisateurs de localiser leur souvenirs. - API Twitter, pour permettre aux membres de la communauté du festival d’échanger sur l’expérience qu’on leur propose.
APIs
réponse requête
requête
php
réponse
appel
retour
BDD
AS3 + HTML & CSS
serveur
client
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 65
benchmark | schéma de principe | normes de gestion du contenu
FESTIVAL DU MOT souvenirs de 2009 et de Pérec
VISITEURS
souvenirs personnels
SERVEUR
L’organisation du festival et les visiteurs logués sont en mesure d’alimenter le site de souvenirs. Les médias sont stockés sur le serveur FTP du festival. Chacun d’entre eux possède une référence dans la BDD, permettant à l’application de les récupérer et de les afficher. Du contenu est également sauvegardé en base, notamment les mots-clés et commentaires relatifs à un souvenir.
photos
vidéos
sons
BDD tags
commentaires
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 67
SIXIÈME PARTIE
son et éditorial
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 69
ambiance sonore | contenu éditorial
Nous intégrons un son d’ambiance au site, afin d’immerger l’utilisateur dans notre univers. Ce son suggère un moment de détente, paisible et touchant. Il évoque une certaine légèreté, le souvenir et le rêve, il se veut inspirant et déclencheur de partage. Nous avons également choisis d’utiliser quelques bruitages simples et discrets, afin d’amplifier l’interactivité entre l’utilisateur et l’interface.
ambiance sonore | contenu éditorial
Nous optons pour un ton naturel, ni soutenu, ni familier. L’utilisateur s’y retrouve simplement, il est libre d’apporter ou non sa contribution au site, sans pour autant être laissé à l’abandon. Nous privilégions des informations claires et concises afin de donner toute son importance au contenu injecté dans le site. Du contenu éditorial est également proposé en temps réel, notamment celui du blog et du compte Twitter du Festival.
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 71
SEPTIÈME PARTIE
suivi de production
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 73
méthodologie de production | devis estimatif | planning de production
Nous avons immédiatement mis en place une communication via GoogleDocs, cet outil nous a permis de structurer nos discussions, créer des todo-listes, mettre en place un planning de production, concevoir un formulaire pour récolter des souvenirs etc.
Nous avons également mis en place un outil de stockage et de partage de fichiers en ligne (type Subversion) nommé DropBox. Il nous a permis de synchroniser nos fichiers (notamment les maquettes et animations du site), mais également d’accéder à leurs différentes versions : cet outil donne la possibilité d’accéder aux copies antérieures des fichiers supprimés.
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 75
méthodologie de production | devis estimatif | planning de production
CHANTIERS
LOTS
CONCEPTION
CRÉATION
PRODUCTION VIDÉO
DESIGN SONORE DÉVELOPPEMENT
GESTION DE PROJET
DESIGN D’INFORMATION, FONCTIONNALITÉS, CONTENUS CONCEPTION-RÉDACTION, WORDING ERGONOMIE
JOURS 4 3 5
TARIF/ JOUR DESIGNER 540 CR 450 ERGONOME 470
TARIFS PAR CHANTIER
5 860 EUROS
DIRECTION ARTISTIQUE recherches pistes graphiques design de la home (explorateur), page parcours, page teaser design des écrans de l’application iPhone DÉCLINAISON DES MAQUETTES, RETOURS ANIMATION animation de l’oiseau Twitter démo de l’application iPhone
11 5 5 1 5 2.2 0.2 2
DA 680
TOURNAGE ACQUISITION POST-PRODUCTION MONTAGE ENREGISTREMENT DE LA VOIX-OFF
2 0.5 4 1 0.5
DIRECTEUR DE LA PHOTO 680 MOTION DESIGNER 450
4 060 EUROS
SOUND DESIGNER 400
1 200 EUROS
COMPOSITION FOND SONORE DU SITE BRUITAGES CONCEPTION TECHNIQUE conception de la bdd organisation des classes du projet DÉVELOPPEMENT BACK-OFFICE création des services php liaison php/flash et création de classes datas tests/utilisation d’api Twitter DÉVELOPPEMENT FLASH intégration et organisation des assets (création des bibliothèques flash) interactions (navigation/boutons/formulaires) animation développement de classes diverses (lecteur audio/vidéo, loader...) tests/utilisation d’api GoogleMaps DÉPLOIEMENT déploiement en ligne backup final démo camtasia TESTS ET DEBUGS tests de faisabilité tests utilisateurs debug et corrections optimisation COORDINATION CONSEIL, SUIVI
2 1 6 1.5 4.5 7.5 4 2 1.5 15.5 3 8 0.5 2.5 1.5 4.5 3 0.5 1 13 2 4 4 3 15
MAQUETTISTE 380 MOTION DESIGNER 450
10 670 EUROS
ARCHITECTE 600 DEV BACKOFFICE 500 DFO FLASH 500
23 850 EUROS
CONSULTANT 500
7 500 EUROS
Le devis comprend la conception et la réalisation du projet (site web designé et développé et application web designée et démonstration animée). Il compte aussi la réalisation et le montage vidéo des deux teasers, ainsi que la composition musicale de l’ambiance sonore du site. Le total de toutes les prestations réalisées est de 53 340 euros.
Mai 2010 | CRMA 2011 | Cécile Ormel et Céline Kniebihler | 77
mĂŠthodologie de production | devis estimatif | planning de production
Planning de production - 4 janvier 2010
Retroplanning - 7 mai 2010
Mai 2010 | CRMA 2011 | CĂŠcile Ormel et CĂŠline Kniebihler | 79
Festival du Mot 2009 : virtuel est un projet réalisé par Cécile Ormel (conception et direction technique) et Céline Kniebihler (conception et direction artistique), étudiantes en Conception réalisation multimédia à Gobelins, L’Ecole de l’image. Suivez l’avancement du projet sur notre blog et notre page Twitter :
projet-jemesouviens.blogspot.com twitter.com/FestivalDuMot09