Issuu on Google+

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

facebook

facebook

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

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


Festival du Mot 2009 - Dossier de conception