BOOK. Cristina DI GIORGIO. Projets et réalisations CONTACT. Portfolio disponible en ligne : Behance, cristinadg

Transcription

1 BOOK Projets et réalisations Cristina DI GIORGIO CONTACT 8 rue de l écluse Eckwersheim digiorgio.cristina.hai@gmail.com cristina.di-giorgio@etu.unistra.fr Portfolio disponible en ligne : Behance, cristinadg

2 EXPÉRIENCE PROFESSIONNELLE Refonte du site web de l entreprise SEIPRA Score Présentation de la mission : Refonte du site web vitrine de l entreprise - Créer une page html annonçant la maintenance du site et annonce de la date de réouverture du site (jeudi 30 juillet 2015) - Refonte du site web vitrine dans le respect de la charte graphique de l entreprise Outils utilisés : Adobe photoshop, Adobe Illustrator, Bracket, Framework Bootstrap, HTML, CSS, JQuery, PHP. Ancienne version du site web : 2

3 EXPÉRIENCE PROFESSIONNELLE Palette de couleurs issue de la charte graphique : Première version de la maquette du site web : La version finale du site web est disponible en ligne : 3

4 MAQUETTE DE SITE WEB Création d une web application Projet de fin de module de web Logiciel utilisé : Adobe Photoshop Sujet : Il s agissait de créer une web application facilement maintenable via JSon, qui comporte l ensemble des épisodes d une série TV ou d une série de films (ici, la saison 1 de Sherlock). Le délivrable se compose de : - 1 page par épisode, avec récupération des données de IMDB (année de sortie, pays de production, acteurs principaux, résumé, note des utilisateurs IMDB). - une fonction de partage des données relatives à un épisode sur facebook et twitter - une interface permettant de visualiser ces résultats sur mobile - un menu latéral comprenant la liste des épisodes sélectionnés 3 maquettes types ont été délivrées : la page d accueil, une page qui montre le déroulement du menu et une page par épisode (3). Première version : 4

5 MAQUETTE DE SITE WEB 5

6 MAQUETTE DE SITE WEB 6

7 MAQUETTE DE SITE WEB 7

8 MAQUETTE DE SITE WEB Création d une maquette de site de E-Commerce : Retroc Logiciel utilisé : Adobe InDesign Sujet : Création d un site web E-commerce à partir d un cahier des charges élaboré par d anciens étudiants MMI. Des réajustements justifiés de ce cahier ont été apportés afin de s approprier le projet. Il fallait impérativement rester dans le thème du jeu rétro. Gabarit du cahier des charges d origine Recherches graphiques : 8

9 MAQUETTE DE SITE WEB Maquette : page d accueil 9

10 MAQUETTE DE SITE WEB Maquette : Détails d un jeu 10

11 MAQUETTE DE SITE WEB Maquette : Formulaire de mise en vente d un produit 11

12 FLYER Création d un flyer «vintage» et de son macaron TP de deuxième année MMI Logiciel utilisé : Adobe Illustrator Sujet : Reproduction d un flyer proposé. Outils et techniques : utilisation de l outil «plume» pour le tracé du bandeau, création de formes et utilisation de celles-ci comme motifs (étoile, losange, pointillé), utilisation d une texture en arrière plan, utilisation de l outil «texte curviligne», mise en forme des polices de caractères, utilisation d un nuancier de couleurs. 12

13 FLYER 13

14 FLYER Création d un flyer et de son macaron TP de deuxième année MMI Logiciel utilisé : Adobe InDesign, Adobe Photoshop Sujet : Reproduction d un flyer proposé à l identique. Celui-ci est destiné à être imprimé en bichromie avec l utilisation du Pantone 8221 C (metalic coated), en recto verso, sur format A5 horizontal. Outils et techniques : Préparation des images dans Adobe Photoshop (ajuster la résolution pour optimiser l impression, profil colorimétrique), paramétrage du fichier InDesign, utilisation des gabarits, des marges et de fond-perdu, placement et règlagle des différents éléments (opacité, symétrie axe vertical, ombres portées etc...), création de filets, mise en forme des textes, création du dossier d assemblage et règlage pour l impression. 14

15 FLYER 15

16 AFFICHE Création d une affiche pour les portes ouvertes de l I.U.T. de Haguenau TP de deuxième année MMI Logiciel utilisé : Adobe Photoshop Sujet : Réaliser une affiche sur le thème des Portes Ouvertes à l I.U.T. d Haguenau dans le style d un graphiste choisi en exposé : - Philippe Apeloig Affiche référence : «Octobre fait danser la saison», Octobre en Normandie 1995, 120 x 175 cm, Sérigraphie, Arts graphiques 16

17 AFFICHE 17

18 LOGOTYPES Création de logotypes dans le cadre de plusieurs projets étudiants ou personnels Logiciel utilisé : Adobe Photoshop, Adobe Illustrator Sujet 1, Calop Site : Projet étudiant, création d une agence de communication. Le logotype créé à cette occasion représente une perruche nymphique, un Calopsitte. Il a été choisi en tant que mascotte de l agence. Aperçu des recherches préalables avant d aboutir à la version finale du logotype : Version finale : 18

19 LOGOTYPES Recherches au niveau du favicon : Sujet 2, From Pix : Projet étudiant, l agence Calop Site avait pour mission fictive de créer un site web pour un client imaginé par les élèves : From Pix. La particularité de leur produit, le smartphone Aria, est de reproduire la texture et la forme d un téléphone qui semble tout droit sorti d un jeu vidéo. Aperçu des recherches préalables avant d aboutir à la version finale du logotype : 19

20 LOGOTYPES Sujet 3, Geo Quizz : Projet personnel répondant à la demande d un élève en DUT Informatique. Il s agissait de créer un logotype déclinable sur site web et sur application mobile. Construction du fond et test de la police d écriture : 20

21 LOGOTYPES Sujet 4, Fofona : Projet personnel répondant à la demande d une élève en école d ingénieur. Dans le cadre du concours Alsace Tech (novembre mars 2015), le groupe de cette étudiante a travaillé sur la création d un stylo type marqueur dépourvu de solvant toxique : Fofona. Évolution du logotype : Version finale : 21

22 SETS D ICÔNES Création de sets d icônes TP de première année MMI Logiciel utilisé : Adobe Illustrator Outils et techniques : Utilisation des repères, magnétisme de la grille, de l outil plume, de l outil concepteur de forme, de l outil rotation, de l outil forme (rectangle rond...), décalage, vectorisation des tracés... Sujet 1, icônes en Flat Design : Projet découverte de l outil Adobe Illustrator. 22

23 SETS D ICÔNES Sujet 2, icônes de Bricolage : Une enseigne de bricolage type Leroy Merlin/Castorama souhaite mettre en ligne une application donnant des conseils de bricolage pour la maison. Il souhaite pour cela illustrer ses rubriques des 6 thèmes suivants : - Portes/fenêtres - Éclairage - Horticulture - Menuiserie - Sanitaires - Aération/hotte Ce jeu de 6 icônes a pour objectif d être utilisé pour une application pour smartphone. 23

24 CROQUIS ET DESSINS Croquis et dessins d observation avec utilisation de références Outils utilisés : Crayon, crayons de couleur Documentation : références trouvées sur Pinterest et Deviantart 24

25 CROQUIS ET DESSINS Réalisation d un carnet de croquis (en cours) Thème : «Manger» Aperçu de la double page traitant une recette : celui du hamburger. 25

26 INFORMATIONS COMPLÉMENTAIRES Portfolio en ligne Une partie de mes créations est visible sur mon profil Behance, n hésitez pas à y jeter un coup d œil. Site en ligne Un site web personnel est mis en place à cette adresse : Vous y trouverez des liens vers mes créations ainsi que mon cv papier. 26