Chocolaterie Monbana Site web évènementiel. The Social Nextwork Refonte de site internet. Libé Soir Conception d une version numérique de Libération

Transcription

1 Book 1

2 Sommaire Chocolaterie Monbana Site web évènementiel The Social Nextwork Refonte de site internet Libé Soir Conception d une version numérique de Libération Mon Pote Imaginaire Application mobile Dans la Peau de Cyrano Installation interactive The Speaking Dead Video mapping interactif O 2 Court-métrage interactif Book professionnel Thomas Pollet

3 Chocolaterie Monbana Site web évènementiel Monbana, chocolatier de luxe, souhaite promouvoir ses produits. Pour cela, l agence Pschhh propose une stratégie globale autour d un jeu évènementiel impliquant Olivia Ruiz, ambassadrice de choix grâce à son univers chocolaté. Le site internet est donc le cœur du dispositif. Le jeu est présenté sur un plateau, où l avancement de l internaute est visible. Chaque case présente un mini-univers associé à un indice. Si l internaute parvient à remporter 5 badges grâce à ses bonnes réponses,il participe à un tirage au sort pour gagner une place au concert privé d Olivia Ruiz. Le site internet présente un univers charté tout en étant ludique et clair. Maquettes de site web Agence Pschhh Février

4 Thomas Pollet Chocolaterie Monbana À gauche Le plateau de jeu comprend 5 cases. Chacune d elle donne accès à un indice, présenté en vidéo par Olivia Ruiz. Une fois que l utilisateur a trouvé la bonne réponse, il remporte un badge, et peut gagner un cadeau pour chaque case : CD, boîte de chocolats... Ci-dessus Première version de la maquette du site internet. Dans cette version, le jeu se déroule dans la réalité, dans la ville de Paris, tandis que les indices sont donnés sur Internet. C est pourquoi ceuxci sont placés géographiquement. 6 7

5 the social nextwork refonte de site internet The Social Nextwork est un réseau associatif regroupant des professionnels du numérique. Chaque membre est associé à une circonscription législative et a pour but de sensibiliser son député aux enjeux de l économie numérique. L objectif du client est de faire de son site une vitrine de son action et attirer de nouveaux membres. La carte est placée au cœur de la page. En effet, c est à travers celle-ci que l internaute accède aux circonscriptions, aux membres et aux députés, via une fenêtre qui s affiche après avoir choisi un département. Le logo a également été entièrement changé. Il mixe les symboles de l Assemblée Nationale et du réseau Internet. Maquettes de site web Agence Pschhh Mars

6 Thomas Pollet The Social Nextwork Le graphisme du site Internet s inspire de l univers du print. Le but est de mettre en avant l action de l association sous forme de rapport d activité interactif. Les chiffres à gauche rendent compte de l avancement de l action l association, tandis que les actualités et les derniers membres présentés à droite montrent la vitalité de ce réseau.enfin, le principe, est expliqué de façon claire en bas de la page. Ceci est la troisième et dernière version de la page d accueil du site. Le plus gros changement concerne les couleurs, voulues plus corporate et représentatives du sérieux de l association. La carte a également été modifiée pour faciliter son utilisation. Basée sur une Google Map, elle présente directement les 577 circonscriptions sur une carte de France. Enfin, le bouton Postuler a été mis en avant

7 libé soir conception d une version numérique de libération Pour trouver de nouveaux clients, Libération a décidé de créer un nouveau format de publication. Exclusivement numérique, elle serait disponible tous les jours aux alentours de 18h, et présenterait un concentré des actualités de la journée. L objectif est de proposer une lecture plus agréable et plus proche de la publication papier, tout en permettant une navigation rapide et facile. Ma mission a donc consisté à proposer des maquettes d articles destinées à l ipad (formats portrait et paysage) et à l iphone. Basées sur l univers graphique du journal Libération, elles intègrent également des fonctionnalités tactiles sobres et discrètes. Conception et maquettes iphone et ipad Libération janvier - mars

8 Thomas Pollet Libé Soir À droite Les légendes des photographies apparaissent au tap

9 mon pote imaginaire application mobile Imagine R, l offre de mobilité pour les collégiens, lycéens et étudiants de la RATP, souhaite promouvoir les Bons Plans proposés en supplément de la carte de transport. Il est également nécessaire d attirer de nouveaux clients par cette offre. Pour cela, il est demandé de créer une application mobile qui permettra aux abonnés de consulter les Bons Plans en toutes circonstances. L application, appelée Mon Pote Imaginaire, propose à l utilisateur de dialoguer avec un personnage virtuel qui l accompagne tout au long de ses trajets. Véritable dénicheur de bons plans, ce personnage s inquiète des goûts de l utilisateur, et propose des offres en fonction du moment de la journée ou de la géolocalisation. Conception et maquettes d une application mobile Projet étudiant Octobre - décembre

10 Thomas Pollet Mon Pote Imaginaire Chaque Bon Plan est représenté par un mini-univers différent, mettant en scène quelques objets représentatifs de l enseigne qui le propose. Des pictogrammes indiquent la raison pour laquelle le Bon Plan est proposé à l utilisateur : selon ses goûts, sa position... Le nombre de points est présent sur toutes les pages. Ceux-ci permettent à l internaute de débloquer des offres plus intéressantes ou de nouvelles offres. Pour obtenir ces points, l utilisateur doit transporter des objets virtuels. Par exemple pour ce Bon Plan, une ancienne caméra qui rapporte 120 points. Pour cela, il doit d abord se rendre dans l enseigne concerné. L objet est alors automatiquement «conservé» dans le téléphone. Ensuite, l objet doit être amené à une Borne Imaginaire, située dans les transports en commun. L utilisateur gagne des points en passant à proximité d une borne

11 Thomas Pollet Mon Pote Imaginaire Voici différents exemples de Bons Plans proposés par l application. Certains ne sont pas disponibles immédiatement et doivent être débloqués avec des points.le menu propose par ailleurs de trouver rapidement un Bon Plan selon certains critères, de naviguer parmi tous les Bons Plans, ou encore de consulter l objet transporté et de gérer son compte Imagine R

12 dans la peau de cyrano installation interactive Dans la peau de Cyrano est une installation interactive qui propose à l utilisateur de découvrir la Tirade des Nez tirée de Cyrano de Bergerac. Chaque réplique est associée à une interaction que l utilisateur doit effectuer. Chaque tableau possède un univers graphique différent associé au ton de la tirade. L utilisateur interagit avec le texte par l intermédiaire de son nez. Il expérimente chaque réplique avec son nez. Conception d une installation interactive Projet étudiant février - mai

13 Thomas Pollet Dans la Peau de Cyrano À l entrée de l installation, l utilisateur s équipe d un chapeau et d un masque qui possède un long nez. Cela permet de renforcer l immersion dans le récit, tout en étant un support pour la partie technique. En effet, les mouvements de l utilisateur sont captés par une Wiimote (manette de Wii) placée dans le chapeau. Cependant, du fait d être affublé d un long nez, le visiteur pense insctinctivement interagir avec celui-ci. Pour chaque interaction, il doit effectuer une action différente avec son nez, qui va lui permettre de lire la réplique, difficilement lisible au départ. Cette action correspond à l adjectif définissant la réplique, afin que l utilisateur expérimente différents comportements du texte envers son propre nez. Ainsi, le visiteur se voit placé au cœur du récit. Il est véritablement dans la peau de Cyrano tout en restant lecteur

14 the speaking dead video mapping interactif The Speaking Dead est une installation basée dans laquelle l utilisateur se trouve face à un crâne. Des éléments sont projetés sur celui-ci. Ils permettent à l utilisateur d explorer le crâne et son environnement à l aide d un curseur. L objectif est de deviner, à l aide des indices, l identité secrète du crâne. A-t-il appartenu à Michael Jackson ou à Dark Vador? The Speakind Dead associe les principes du jeu d enquête avec un objet tangible animé et de la projection vidéo interactive en temps réel. Conception et réalisation d une installation interactive Projet étudiant février - juin

15 Thomas Pollet The Speaking Dead Le crâne est placé sur un socle à hauteur d yeux. Ainsi, il semble avoir une conversation avec l utilisateur. De chaque côté se trouvent de petits cartels en papier qui permettent d afficher les propositions de réponse. L utilisateur est munie d une souris. Son curseur est un rond de lumière, comme s il explorait le crâne à l aide d une lampe de poche. Il peut ainsi découvrir petit à petit les différents indices visuels. Le crâne est également capable de chanter ou de parler grâce à une mâchoire motorisée et à la présence d enceintes. Ainsi, l utilisateur a des indices supplémentaires. Techniquement, cette installation utilise Processing pour gérer la projection vidéo et le son. Le mouvement de la mâchoire se fait grâce à un servomoteur placé à l intérieur du crâne. Celui-ci est géré par une carte Arduino reliée à l ordinateur et recevant des indications depuis Processing

16 O 2 court-métrage interactif Si des films interactifs existent déjà, ils sont souvent accompagnés d interfaces ou de dispositifs lourds et nuisant à l immersion. Alors, comment utiliser l interaction avec un film pour procurer de nouvelles émotions au spectateur? À la suite de la rédaction d un mémoire sur le sujet, le projet O 2 tente d apporter une réponse concrète à cette question. Ce court-métrage propose au spectateur d utiliser sa propre respiration pour intervenir dans l histoire et influer sur le destin du personnage principal. Conception et réalisation d un court-métrage interactif Projet de fin d études avril - juin

17 Thomas Pollet O 2, le film interactif La première partie du film propose au spectateur de gérer le taux d oxygène d une salle dans laquelle vient d arriver le personnage principal. Ce dernier se comporte de manière différente suivant la façon dont le spectateur respire. Ainsi, s il respire fort et amplement, le personnage est soumis à une forte concentration d oxygène et devient euphorique. Au contraire, une faible respiration déclenche un début d asphyxie. Afin d éviter toute perte d immersion dans le film, condition indispensable pour ressentir des émotions, le principe d interaction est montré à l intérieur même de l univers fictionnel. D une part, les pensées du personnage peuvent être sous forme d interjections indirectement destinées au spectateur. D autre part, des cadrans que le personnage découvre affichent en temps réel la respiration du spectateur et le taux d oxygène qu il modifie

18 Thomas Pollet O 2, le film interactif Dans la deuxième partie du film, le spectateur contrôle cette fois un élément de décor : une porte. Celle-ci revêt une importance particulière dans l histoire. En effet, avant d entrer dans la salle, le personnage était poursuivi par un homme casqué. Or, la porte qui se met à claquer l attire vers la salle où il est caché. Comme elle s ouvre à l inspiration et se referme à l expiration, c est au spectateur de tenter de sauver (ou non) le personnage principal. En fonction de la façon dont il respire, il lui permettra de s en sortir ou le condamnera au contraire à une confrontation déséquilibrée... Techniquement, la respiration du spectateur est récupérée par un capteur placé sous le nez et relié à une carte Arduino. Celle-ci envoie les données en temps réel vers Processing qui gère ensuite la lecture des séquences vidéo en fonction. Comédiens Alejandro Ramirez Luca Canepa Voix off Brice Bézin Chef opérateur - chef électro Bertrand Bouraud Prise de Son Baptiste Ladreit Kevin Moine 34 35

19 thomaspollet.fr