Table des matières. Consigne p.3. Brainstorm p.4. Hierarchie adopté p.6. Choix du thème p.7. Logo p.8. Couleurs p.10. Exemple de projets - p.

Transcription

1

2 Table des matières Consigne p.3 Brainstorm p.4 Hierarchie adopté p.6 Choix du thème p.7 Logo p.8 Couleurs p.10 Exemple de projets - p.11

3 Consigne Notre consigne était de concevoir un site portfolio par le biais de wordpress, qui nous servirait à exposer nos projets, aussi bien sur le plan personnel que dans le cadre des cours. 3 À terme, les rendus de projets dans le cadre des cours se feraient par le biais de ce site.

4 Brainstorm J ai donc pu diviser les visiteurs de mon site en 2 catégories. - La première catégorie étant la plus importante à savoir les professeurs, qui viendraient sur mon site à la recherche du projet que je devrais leur rendre. - La seconde catégorie, moins importante mais induite par ce genre de site serrait de simples curieux venus regarder le fruit de mon travail. 4 Pour le reste du raisonnement j ai donc volontairement omis la seconde catégorie, bien moins importante face à la première. J ai donc voulu faconner mon site en fonction du passage des professeurs, au détrimant des autres À terme le rendu de projets dans le cadre de mes cours se ferait par le biais de ce site. Professeur Autre

5 Mon site va donc faire partie d une liste de plus d une centaine d autres sites. Il est donc primordial que mes projets soient mis en avant, visible et simple d accès. J ai donc voulu concevoir mon site de manière ergonomique et simple afin de minimiser le nombre de clics nécessaire au professeur pour qu il ait accès au but de sa visite. L idée étant évidemment d éviter la perte de temps due à une hiérarchie trop complexe qui impliquerait 6 une navigation trop longue dans les menus. Je suis donc dans : - Une recherche de simplicité et de sobriété - Une minimisation maximal du nombre de clics - La volonté de rendre l information visible et simple d accès

6 Hiérarchie Les pilliers d un site portfolio en générale se résume en 4 pages : accueil, portfolio, à propos, contact Malgré cela j ai décidé d adopter une hiérarchie simple. Portfolio Contact 6 - Accueil - À propos L idée étant de faire du portfolio la page d accueil, ainsi le professeur qui se rend sur le site à la recherche du travail se retrouve de suite face à celui-ci. De plus j intègre le «À propos» sur la page d accueil dans un encart, de manière visible ainsi le visiteur au premier clic sait où il est.

7 Choix du thème J ai donc choisi le thème «Origin» proposé par Elegante Theme. 7 Ce thème convenant à la perfection à mes attentes : - Les articles sont mis tous de suite en valeur par ordre chronologique dans un portfolio et ce dès l arrivé sur la page d accueil - La page d accueil intègre un encart qui permet de mettre du texte ainsi je pourrai mettre mon «À propos» sur ma page d accueil

8 Logo - Mon logo a été inspiré du travail d un graphiste - Pour mon logo, base même de mon identité visuelle, je n avais pas envie de tomber dans l égocentrisme d y mettre mon nom, ou encore moins de faire de mon nom mon logo. Le site étant déjà à mon effigie. 8 Tous les éléments de ce logo ayant une signification, j ai voulu créer un logo qui résume l essence et l idée même de mon site.

9 Le nuage : point de départ de mon logo, pour en comprendre sa signification on peut se référer au service «Cloud» d Apple ou au service de partage de musique «Soundcloud» il parait alors évident que le nuage est devenu symboliquement ces systèmes qui permettent de stocker des informations privées sur la sphère public d internet. Ici il symbolise donc le stockage même de mon travail et sa libre disponibilité depuis le net. 9 L échelle : très clairement le symbole du moyen d accès, de la connexion entre deux univers. Dans ce logo elle symbolise le site lui-même sorte de vitrine d accès au fruit de mon travail, c est le lien entre la sphère privée de mon travail et la sphère public d internet, accessible à tous. L ombre : fonction de la lecture globale que l on a de mon logo ce n est pas nécessairement une ombre, ça peut être aussi une sorte de seconde échelle, celle qui pénétrerait dans mon monde. Le nuage devient alors le lien entre ces deux échelles, le lien entre ces deux sphères.

10 Couleurs En terme de couleur, mon attention s est portée pour un bleu-vert turquoise en fond, ce qui n est pas sans rappeler la couleur du ciel associé au blanc Hex : 64b1b2 R : 100 G : 177 B : 178 du nuage. Cette couleur étant à la fois dynamique et sobre. 10 Au survol des projets, je me suis tourné pour un gris moyen afin que cela fasse un bon compromis face au vert-bleu et aux couleurs aléatoires des miniatures de mes projets. De plus cette couleur particulièrement versatile permet d apaiser le reste de Hex : a5a5a6 R : 165 G : 165 B : 166 couleurs présentes sur la page.

11 Projets Projet personnel réalisé pour le cours de «Logiciel Pro Indesign» de Arnaud BURGNIARD Pour ce projet notre consigne était de recréer sur le logicielle Indesign une double page d un magazine de notre choix. J ai donc reproduit une double page du magazine Courrier Internationale, fidèle lecteur j ai retouvé les images et les textes sur internet ce qui m a permis de ne pas réecrire en entier les textes, bien que la version papier et la version web soient différentes (ce qui m a demandé d en corriger les différnces). 11

12 Projet personnel réalisé pour le cours de «Logiciel Pro - Photoshop/Illustrator» de Arnaud BURGNIARD Le sujet ici était : «Vous êtes une agence de communication, vous devez créer l identité visuelle d une entreprise vous ayant contacté.» Face à ce sujet j ai décidé de créer l identité visuelle d un concept store basé à Paris. Tous les élément présents dasn ce mock-up ont été vectorisés au préalable sur illustrator. 12

13 Projet personnel réalisé pour le cours de «Logiciel Pro Illustrator» de Arnaud BURGNIARD Le sujet était simple : Créer un avatar à notre image. J ai donc décidé de me représenter tel que je me considère. Un homme ni vraiment sérieux, ni réellement comique. Cet avatar n est donc pas à mon image sur le plan visuel mais plus sur le plan caractériel. 13

14 Projet personnel réalisé pour le cours de «Photographie» de Rudy RIGOUDY Le sujet était : Vous devez créer à partir du sujet principal «1+1=3» une série de 6 photographies mettant en scène le corps. La première photo que je fis (la 6º) a donné le ton des autres. J ai décidé de recréer l ambiance de jeu d un enfant. Le tout en light painting. 14

15 15

16