portfolio CAMILLE MORIZOT

Transcription

1 portfolio DIGITAL DESIGNER CAMILLE MORIZOT

2 01 en 2012, de nouvelles technologies font leur apparition, de nouveaux usages en ressortent. plongee dans cet univers digital, ma vie se resume a l utilisation de ce qui se fait de novateur. ainsi nait ma volonte de participer a cette revolution numerique, a imaginer, concevoir, ameliorer notre vie, notre quotidien.

3 03 01 Demain le livre 02 information architects 03 click clk SOMMAIRE 04 generation 05 advergame 06 traits au feutre 07 natum 08 transmettre

4 Demain le livre Le salon demain le livre 2012 a eu lieu le 6 et 7 mars 2012 a paris. Cet evenement, specialise dans les nouveaux usages du livre de demain, a choisi notre proposition pour devenir son application iphone officielle. Dans un groupe de 2 developpeurs et de 3 graphistes, j ai occupe le role de chef de projet et de graphiste webdesigner.

5 07 00 splash anime ecrans de l application 01 programme 01-2 evenement le concept et la charte graphique adoptes permettent de structurer l information : des couleurs pour chaque type d evenements, un filtre pour choisir son contenu et un espace personnel reserve a l utilisateur pour organiser sa visite au prealable 02 ma selection 03 plan du salon 04 information couleur principales les deux poles Les evenements

6 site officiel de l application my La communication de l application ecrans du site web afin de promouvoir l application, deux videos ont ete realisees, ainsi qu un site web officiel. Un QR code etait disponible sur chaque stand du salon pour en savoir plus. Le teaser v La presentation my Cartel augmente

7 11 my 02 information architects ia est une agence basee a tokyo, berlin et zurich, proposant leurs competences dans l architecture de l information. la mission : proposer une refonte totale de l identite visuelle du site actuel : Analyse de l existant, benchmark, conception, nouvelle arborescence et enfin refonte de la charte graphique pour aboutir a une structure organisee, ou la prise de parole est le point central.

8 ecrans du site web 01 mise en avant de leur prise de parole, Nulla plus venenatis value HOME de est l agence. eu odio placerat ultricies. 02 Sed purus justo, Retrouver elementum une organisation id rutrum fonctionnelle a, facilisis ut des diam. contenus, Sed par une tellus identite turpis, visuelle scelerisque simple, a tristique ordonnee id, et volutpat structuree. ut est. Nulla vitae turpis eget arcu 03 cursus dictum. Aenean Mettre en avant l existence des trois poles constituant l agence. le concept le logo home premier contact entre ia et l internaute + SAISIR IMMeDIATEMENT qui est IA + CHAQUE PoLE A SON ESPACE PERSONNEL POUR S EXPRIMER + une unite + ia est un ensemble ayant les memes attirances autres contenus ils ciblent des informations precises + organisation sur plusieurs pages + permettant un meilleur cadre a l information. 1 PAGE = 1 TYPE DE CONTENU berlin ZURICH + trois poles + trois zones geographiques trois branches specifiques trois rayons du cercle tokyo

9 15 my 03 Click clk click clk est un blog d inspiration qui traite du graphisme, de la photographie et de la mode. Dans un but scolaire, je devais m approprier l identite visuelle existante et proposer une maquette interactive de leur potentiel application iphone. realisee avec Folio Builder de indesign CS5.5.

10 17 ecrans de l application 00 splash 01 Listview 02 Detail view mode photo 02-1 information 03 favoris 04 a propos graphisme v

11 19 my 04 generation il est souvent difficile de poser un regard objectif sur une epoque fondatrice de notre personnalite. Dans cette edition, j ai voulu illustrer a travers une serie de photographies notre constante et omnipresence connexion au monde virtuel. ; ce besoin et cette necessite pour exister. notre echappatoire virtuel s est transforme en piege addictif ou des liens invisibles reduisent notre liberte.

12 21 d ou, Prisonnier exede, l homme Nulla venenatis craque sous est eu le odio poids de placerat cette pression ultricies. et Sed se purus libere, justo, coupant elementum ainsi tout id contact rutrum a, facilisis avec le ut monde diam. virtuel, Sed tellus son turpis, univers scelerisque quotidien. a tristique face a lui-meme, id, volutpat il se ut sent est. Nulla pourtant vitae turpis vite eget seul. arcu cursus dictum. Aenean sommes-nous incapable d etre hors ligne?

13 advergame qu est-ce que l advergame? sous quelles formes le trouve-t-on? Quel est le modele business adopte? Quel est son avenir? quels avantages et critiques suscitent ce genre de publicite? Le site propose une experience en datavisualisation pour repondre a ces interrogations. de plus, retrouvez de nombreux exemples pour mieux visualiser le sujet!

14 exemple de data visualisation my Le site s adapte a vos besoins : sous-titres ou bande son navigation dans les contenus par une barre d avancement permanente. NE SE SUFFIT PAS À LUI MÊME CONSTITUTION DE BASE DE DONNÉES BARRIÈRE GÉNÉRATIONNELLE PUBLICITÉ NON-INTRUSIVE MOYEN DE PROPAGANDE TEMPS D EXPOSITION ÉLEVÉ DIMENSION VIRALE IMPORTANTE INTERACTIVITÉ AVANTAGES/CRITIQUES ( / sous chrome /

15 27 my 06 traits au feutre FLASHs DE VIE CAPTURES SANS REFLEXION, D UN COUP DE TRAIT TREMBLANT, HESITANT, MAIS BIEN PRESENT.

16 29 voyez-vous la main? des pages parmi d autres

17 natum les nouvelles technologies ont donne naissance a de nouveaux besoins, de nouvelles envies. natum est mon projet de diplome. en phase d elaboration, proposant une redecouverte du jeu video de type party game a travers de nouvelles experiences interactives mobiles. jouez a deux joueurs et controlez un seul et meme personnage. a travers deux personnalites qui le tiraillent, influencez le personnage jusqu a ce qu il soit Ombre ou lumiere.

18 chaque planete donne naissance a l astre qui veillera sur elle. celle-ci a un premier cycle de vie sous forme de creature. elle doit atteindre le plus haut sommet de la planete pour se metamorphoser en astre protecteur, d ombre ou de lumiere. a la fin de l aventure, la creature devient Lux, la lumiere; ou Nigrum, l ombre. chaque personnalite a sa propre identite visuelle forte. 33 my le groupe est constitue de 3 developpeurs et de 2 graphistes. Je me charge de tous les decors et univers ainsi que de quelques interfaces.

19 de dalles en dalles soyez le plus rapide a vous emparer de la dalle correspondant a votre personnalite! 04 MINI-JEUX 4 etapes durant lesquelles la creature se transforme en lux ou nigrum, selon la victoire de la creature neutre. elle determine aussi l ambiance du jeu suivant. quel tunnel? tapez plus vite que votre adversaire pour decicer du chemin que la creature prendra. la conquete du ciel capturez le plus d etoiles en les trasnformant en ombre ou lumiere. 5 encore plus haut my soyez en rythme et gerer votre souffle pour etre le premier en haut. mais attention aux pieges!

20 LE TEASER DE L APPLICATION NATUM 37 Le teaser evoque la dualite d un personnage, tiraille entre deux entites : un cote sombre oppose a un cote lumineux. Cette courte video illustre egalement la complementarite de ces deux facettes. les jeux de lumiere et la musique sombre augmente la tension du personnage central. v

21 39 my 08 transmettre L alliance entre l ecriture et quelques photographies argentiques reflete et illustre un lien invisible qui tend a disparaitre : la transmission de valeurs, d idees et de souvenirs. en s appropriant un objet quelconque, six ailleuls se devoilent et racontent leur meilleur souvenir. La vie vient alors animer cet objet. comment vont-ils se l approprier pour ne faire plus qu un?

22 L objet est lisse, quelconque, impersonnel. L objet est intriguant. L objet est «multi-facettes». 41 Ils l observent. Ils s interrogent. Ils osent. Ils se l approprient. Ils sont perturbes. Ils participent. Ils font corps. Nous sommes dans la confidence... Au contact des mains, l objet se souvient. Il s impregne de leurs mots. L objet devient un contenu. L objet devient multi-vies. L objet devient impregnation. L objet devient eux. «"J ai donne de l Ame a la matiere"

23