1

po

rtfo

lioe

lian

eflo

re

ntz

GRA-PHISMEWEBDE-SIGNGRA-PHISME

2015

2

curriculum vitaE

Eliane Florentz21 ansMontbéliard, FRANCE06 59 90 59 49eliane.florentz@gmail.comPermis B

FORMATION

2013 - 2015

DUT MMIIUT de Montbéliard

2014

Troisième semestre validé en Micropublishing and HypermediaCégep Vanier, Montréal

2012 - 2013

Premier semestre validé en DUT SRCIUT de Saint-Dié des Vosges

2012

Obtention du Baccalauréat LittéraireLycée Victor Hugo, Besançon

3

1 Crayon à papier, calligraphie, pantone

2 Photoshop, Illustrator, InDesign

3 Maquette Illustrator 4 HTML5, CSS3, jQuery

5 Javascript, PHP

6 Premiere Pro, After Effects, Audition, 3ds Max

LANGUES

Français : langue maternelleAnglais : pratiqueAllemand : notions

GRAPHISMEDEVELO

PPEMEN

T

AUDIOVISUEL

DESSIN INFOGRAPhIE IDENTITE VISUELLE

F

RONT END

bAc

K EN

D

MOT

ION

1

2

3

4

5

6

4

J’ai le plaisir de vous faire partager mes différents travaux à travers ce portfolio.Vous allez donc pouvoir avoir une vision globale de mes capacités graphiques. Il réunit plusieurs travaux réalisés dans le cadre de mes études ainsi que quelques travaux personnels.

Bonne consultation !

5

edIto

6

deSSIN08LoWPoLY10tYPoG-RAPHIe12SUStAINABILItY14

PHotoGRAPHY16doSSIeRMUSee-MAC18CoSMIC-ICe-CReAM20BoSS48H22HoUS-eoFCARdS24PoRtFoLIo26

7

SoM

M -

AIRe

8

DESSINS PAPIER2012 / dessins personnels

Ces dessins anatomiques m’ont permis d’apprendre à prendre en compte les proportions et les ombres.

Pour les dessins des mains, j’ai pris en exemple ma propre main. La difficulté pour le plus réaliste était de respecter les ombres et la bonne morphologie. J’ai quitté le côté réaliste du dessin afin de donner un effet géométrique aux formes en ce qui concerne les deux autres mains.

Le dessin de femme m’a principalement servit à gérer les ombres et les lumières. J’ai ainsi pu mettre en valeur des détails grâce à l’exposition.

TEchNIqUES

Papier

DURÉE

3h | 2h

9

10

LOw POLy2014 / dessins personnels / infographie

Voyant de plus en plus de «low poly» en design graphique, j’ai décidé d’essayer par moi-même.

J’ai pris des dessins en ligne afin de les modifier sur papier, créer entièrement le low poly et ajouter les couleurs sur ordinateur.

Il est primordial de commencer par faire les triangles en suivant les grandes lignes de l’animal, sinon le low poly n’est pas cohérent et n’a aucun intérêt.

Ensuite, je réfléchis tout de suite aux couleurs, encore sur le papier, afin d’avoir une aperçu.

Vectorisé sur Illustrator, je termine par mettre chaques triangles en couleur, tout en gardant une cohérence.

BIGproject

a

TEchNIqUES

Papier | Illustrator

DURÉE

2h | 3h

11

12

TyPOGRAPhIE2015 / typographie experimentale

J’ai créé cette typographie à l’aide du plugin Plexus sur After Effects.

Après avoir créé la forme de la lettre avec la plume, j’ai transformé la ligne simple en points distincts. J’ai ajouté du «bruit» aux points, c’est à dire que je les ai dispersé. Je les ai tout d’abord relié par les lignes. J’ai effectué le même processus pour ajouter les triangles, sur la même forme copiée par dessus, avec un autre niveau de «bruit».

Je suis ensuite passée sur Illustrator afin de placer les lettres ensemble et de tester avec un fond blanc.

Ajouter ce style sur une typographie de base en bâton permet de créer un effet destructuré et chaotique.

TEchNIqUES

After Effects | Illustrator

DURÉE

2h

13

14

SUSTAINAbILITy2014 / Cégep Vanier / poster

Cette affiche a été réalisé en partenariat avec le département de technologie du Cégep.

Étant en équipe, j’ai dû créer une affiche par rapport au projet sur lequel ils travaillaient. Ils m’ont donc donné comme directive de représenter la planète souffrant à cause de la pollution causée par le Homme.

Les dimensions ainsi que le slogan étaient imposés. J’ai donc représenté l’espace, totalement réalisé avec Photoshop. J’ai ensuite importé une image de la Terre et ajouté la feuille qui est une représentation universelle de l’écologie.

Le slogan a une texture «goudron» afin de rappeler ce qui pollue et atteind la planète.

L’affiche finale montre que la préservation de la nature est primordiale grâce à la feuille.

TEchNIqUES

Photoshop

DURÉE

4h

11 in

17 in

15

16

PhOTOGRAPhy2012 / Cégep Vanier / mise en page

Afin d’apprendre au mieux le logiciel InDesign, une article de journal nous a été imposé afin de créer sa mise en page.

J’ai choisis le noir et blanc afin de mettre en valeur les photographies.

J’ai du disposer les photos de façon à garder un effet aéré pour que cela soit agréable et facile à lire pour le lecteur.

TEchNIqUES

InDesign

DURÉE

2h

17

18

DOSSIER MUSEE MAc2014 / Cégep Vanier / pocket folder

Le MAC est un musée d’art contemporain à Montréal.

Le but de ce projet était d’apprendre à préparer un fichier réalisé entièrement pour l’imprimer en imprimerie, en prenant en compte chaques paramètres.

J’ai réfléchis au design ainsi qu’à la forme afin que cela soit facilement réalisable tout en étant pertinent.

Voulant tout de même me démarquer, j’ai imaginé une ouverture sur la couverture, à travers le logo du musée. Cela permet d’entrevoir l’interieur de la pochette.

TEchNIqUES

Illustrator

DURÉE

4h

19

20

cOSMIc IcE cREAM2014 / Cégep Vanier / identité visuelle

Cosmic Ice Cream est un nom inventé pour un glacier pour qui j’ai fais un menu ainsi qu’un flyer.

Le but étant de trouver un nom et une identité visuelle accordées afin de plaire le plus possible à une cible fixée. J’ai donc choisis d’utiliser le thème de l’espace pour mon identité visuelle, que l’on retrouve dans le nom de l’enseigne avec «cosmic».

Ma cible étant les enfants de 8 - 10ans, j’ai utilisé des couleurs pastels mais aussi vives pour certains détails de mon illustrations afin d’attirer leur curiosité.

J’ai réalisé les illustrations du personnages, de la lune, la soucoupe ainsi que les glaces sur papiers. Vectorisées sur Illustrator, je les ai ensuite mis et mises en page, en rajoutant des éléments tels que les étoiles et les nuages de crème glacée.

Le travail s’achève sur InDesign afin de faire la mise en page du texte pour les informations.

ice creamice creamCosmicCosmic

cosmiccosmic

TEchNIqUES

Papier | Illustrator | InDesign

DURÉE

6h

21

ice creamice creamCosmicCosmic

cosmiccosmic

ice creamice creamCosmicCosmic

cosmiccosmic

22

bOSS 48h2014 / DUT MMI / site internet en 48h

Le projet Boss 48h se déroule à chaque fin de semestre. il permet de réunir chaque discipline apprise durant le semestre, que ce soit en communication, graphisme et développement.

Ayant pour thématique «artiste international», j’ai dû créer un site internet sur un artiste où il était possible de répertorier et modifier la base de donnée de ses oeuvres.

La première journée concerne la communication ainsi que le graphisme. J’ai donc écrit tous les textes, fais la maquette graphique pour finir sur l’intégration «front end» du projet.

La deuxième journée est consacrée aux développement, c’est à dire la création de base de donnée ainsi que sa gestion.

Le site internet est consultable sur toutes plateformes grâce aux responsive.

Ce projet permet de travailler de façon efficace en un temps imparti.

TEchNIqUES

HTML5 | CSS3 | jQuery | phpMyAdmin | IntelliJ

DURÉE

48h

23

24

hOUSE OF cARDS2015 / DUT MMI / site internet

Afin d’apprendre à créer un thème grâce à Wordpress, j’ai imaginé un site internet sur un sujet quelconque et ainsi montrer mes compétences.

J’ai choisis la série House of cards. Le site permet de répertorier les personnages principaux et secondaires.

J’ai configuré Wordpress afin de répertorier les personnages selon leur statut grâce aux taxonomies. J’ai pu ensuite intégrer un contenu pour chaques personnages dans l’interface de Wordpress grâce aux Meta Box.

Ayant tout d’abord créé la maquette statique en HTML5 et CSS3, je l’ai ensuite intégré dans Wordpress.

TEchNIqUES

HTML5 | CSS3 | Wordpress | PHP

DUREE

5h

25

26

PORTFOLIO2015 / Cégep Vanier / portfolio en ligne

En tant que dernier projet de webdesign au Cégep Vanier, nous avons dû réaliser un portfolio en ligne.

J’ai choisi de faire un graphisme «flat» afin de mettre en valeur mes travaux.Le menu se déroule lors du clique de l’icône «menu». Les trois barres se réunissent afin de former une croix, montrant que le menu s’enroulera si l’on reclique. Mes travaux sont mis en page grâce à une galerie. Vous pouvez avoir un détail du travail en question grâce au «hover»Ma page profil se décompose en trois parties: graphisme, webdesign et developpement. Une ligne se forme au fur et à mesure que l’on scroll, tout en formant des icônes face aux parties correspondantes. Enfin, ma page contact vous permet d’avoir accès aux médias sociaux où je suis présente, mon curriculum vitae ainsi que mon courriel.

Ce site est entièrement responsive grâce à des «media queries». Il vous est donc possible de le consulter librement sur tablette ainsi que smartphone.

Vous pouvez avoir un aperçu complet du responsive grâce aux «media queries» en bas de page.

TEchNIqUES

HTML5 | CSS3 | jQuery

DURÉE

15h

27

28