Book

Print / Web / Pao / 3D / Vidéo / Photo/ Illustration

Mathieu Héloïse - Graphic Designer

Typographie

Création d’une Typographie Hybride : Ylios

menlo bold

a b c d e f g h i j k l m n o p q r s t u v w x y z

YLIOS Création d’une typographie hybride . Cette typographie a été élaborée sur la base de la menlo bold . les constantes qui la compose sont extraites de la futura medium pour créer une typographie unique aux allures marines et aux inspirations greco-romaines.

1

futura medium

Typographie

il i

) )

dsdsdsdsdsd s

dsdsdsd

HH

l

d

H

)) H HHHH H ) H H ) ) )HH) HH

HHH H HHH HHHH H

f

i

( l; l

2(NEZ)zd

fêkfkefkkfôkf^kfqsk

sd

smvdmfmjfdfjsdfjsfklsjfsj1

sd

dsdsdsd sdsdsdsd sdsds d sds

hg hgh gh

izuueuhfeuh pzo

ze

lf

e

sp

iz o z i e

l

a

dsd jfjj sdj of j

r

g

d g

e rezpf rap

g

h

g

h

g

g

L

L

ll

d

dp

l

r

l

d rp

g

lff

n kj k 54

khg yu

8

g

g

gh

g

g

g

) )) ) )))) ) ) ) )) ) ))) ) ) ) ) ) ) ) ) ) ) )) ) )

h ; h h h; h h h h h

d fe p i e

h

h

h h h

l’expression e s t une fozrmouesdse

ez ds d d

l

e fz f z fze

d sds

sd

# ijf ajàa)ça ç fzefefjr51321z 1 zf46 8 4é&o ka) à&h àagh d sd

d

hg

Lign esssss

q

po is fsd ch rle1b2e2llion! en ac u n de ndoous

s

kn s

ssdsd sss dd

sdsds dsd sd dsdsdsdsd s d

f

dsf dnsd sj d df

s

n

R

la.

espf,anzrngnrnvaubnaa,&( f de ire er rc ’e s t l e

jf n g k n b

qk

df kj

z e f fz z

d 13 2132123121zef,jzfnzefnzffn321

f kd

)

cc c

)

)

fapaz pd d z f f d n z fze p fzd a d z d a z p da p

)

) ))) ) ))) ) )) ) )) ))) )) ))))) ) ) ))))))

l;

stf nd

dfdfsdfkdsfsdkmjfksdfj klsdfjdfds;fmdsflkdskf fdsdsdfkdfsgopsdjkfpskfpodf smlkfkldsmfklsdfksdlmd dlfksdflksdfkdslmkf fmkllmmememalmrezmlrer dfkogldfkgklfdgkd aleveielellelereveilre dsdsdsdsglkdfgkldfgkldflkgdkùgdfl veilreveilreveilrveilr sldskks gk$dfgmkldfgkmdfkgkldfglmdfgk eivelrreveielreveilvei kdgmùkdfgldklgdùlgjkrlmkgegkù relveilivrlereiflriere sdsksd sld dkgdlfgdmlgkdrgklrdgklm ivlvirrlelrells dlskdsldksdkfizjfif1

(

fz f e c z

l ;

lg gh

ksldskd

Aleatoire e r ) e) ilib a) c) u n q E itéCh) Equaule Ep e rc Foasard H Heleellesldsd H outmoite m ut moumo sdssds d

HHH H HHHHHHHH HHH H H H HH H s dsq dqsdsqdsqdsdq d

i l

er

)

ezp

( (

Réalisation d’un autoportrait typographique uniquement sous Illustrator.

))

ds s f ls zd

t z

f

da

Autoportrait

HH H HHHHHH H

H

zsl s

HH H

p rst i l n

d

s dsds

cdef

sd

)

ds d

)

( ) )) ) )

)

) )) ) )) ) ) ) ) ) ))) )) ) )) )) ) ) ))) ) ) ) ) ) ) ) )) ))) )) ) )) ) ) ) )) ) ) ))) )) ) )) ) ) H ) ) )HHHHH

sdsd s

))

dsd d s ds sd

i

ds

)

ii ds

H H

l l

H

Typographie : Autoportait

dsd

e L Am p l P v o u no u r i o l i D E b a en P ou t t t e i c e li ti ndre qu e

E D i o l emp olence LAvi atteindre Pour t bu tique u nPrint Poli

em pl oi DE LA vi ol en ce Po ur at te in dr e unbu t Po lit iq ue

Réalisation d’un poster : Terrorisme

emploi DE LA violence emploi DE Pour atteindr e LA violence DE unbut emploi atteindre Pour e Politiqu unbut LA violence Politique atteindre Pour unbut Politique

emploi DE LA violence Pour atteindre unbut Politique Terrorisme

Réalisation d’un poster illustrant la définition du mot :« Terrorisme »

emploi DE LA violence Pour atteindre unbut Politique

Réalisation d’une affiche : Terrorisme

Terrorisme Réalisation d’un poster illustrant la définition du mot :« Terrorisme »

Illustration

Réalisation d’une illustration vectorielle : Me , Myself , and U

Me , Myself , and U Création vectorielle

Illustration

Illustration de mode : « Modeuse »

Illustration de mode Réalisation d’une illustration vectorielle « Modeuse »

Illustration

Illustration de mode : « Sneak’s »

Illustration de mode Réalisation d’une illustration vectorielle «Sneak’s»

Illustration

Illustration : Il Luchadore

Illustration : Il Luchadore Création d’un petit personnage : « Il Luchadore »

Illustration

Illustration Fixie

Fixie Boy Réalisation d’une illustration vectorielle « Modeuse »

Mise en page

Mise en page : Moebius

Mise en page Réalisation d’une mise en page pour l’exposition « Moebius »

Mise en page : Moebius

Mise en page : Moebius

Montage Volume

Montage Volume : Paper Toy

Paper Toy Réalisation d’un paper toy

Retouche BeautĂŠ

Retouche Beauté : Magic Lotion Temps de réalisation : 4H Packshot Retouche chromatiques Détourages complexes ( chevelure ) Retouches beauté ( grain de peau , maquillage,etc...)

Photomontage : création du contenant sur les bases des packshot effectués en amont Intégration des microbulles et de la texture dans le flacon Intégration de la dorrure à chaud sur le packaging

Composants shootés, puis retouchés sous Photoshop, pour intégration

PRE Retouche

Retouche BeautĂŠ

POST Retouche

POST Retouche

Retouche BeautĂŠ : Magic Lotion

UX Design

MORANGO COSMETICS

Maquette UX Design Morango Cosmetics

Maquette UX Design Page Accueil

Maquette UX Design Morango Cosmetics

Maquette UX Design Page CatĂŠgories

Maquette UX Design Morango Cosmetics

Maquette UX Design Page Produits

Maquette UX Design Morango Cosmetics

Maquette Smartphone Page Produits

Maquette UX Design Morango Cosmetics

Maquette tablette Page Produits

Prism

s u I v e z l’a r t i s t e

Application mobile : PRISM PHASE 1

PHASE 2

PHASE 3

Création du logotype ainsi que de la charte graphique de la marque PRISM Recherches logo.

Logo final ci-dessus.

s u I v e z l’a r t i s t e

Ajout de la baseline.

C H ARTE GRAPHIQUE

Couleurs :

R : 223, V : 35, B : 91 Sigle :

R : 12, V : 81, B : 139

R : 255, V : 237, B : 0

C H ARTE GRAPHIQUE

Bloc marque :

Typographie :

PRISM Typographie : MONSERRAT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis malesuada sodales. Sed quis lacus vel orci pharetra euismod ut non augue.

Pellentesque lacinia velit nec diam fringilla rutrum ullamcorper odio hendrerit. Fusce a est a est semper ullamcorper.

C H ARTE GRAPHIQUE

Variantes typographiques :

monserrat Typographe : JULIETA ULANOVSKY

abcdefghijklm Nopqrstuvwxyz 0123456789 ÂŁ$&*()/!?.,:;

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis malesuada sodales. Sed quis lacus vel orci pharetra euismod ut non augue.

Pellentesque lacinia velit nec diam fringilla rutrum ullamcorper odio hendrerit.

Fusce a est a est semper ullamcorper.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer venenatis malesuada sodaales. Sed quis lacus vel orci pharetra euismod ut non augue. Pellentesque lacinia velit nec diam fringilla rutrum ullamcorper odio hendrerit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis malesuada sodales. Sed quis lacus vel orci pharetra euismod ut non augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis lacus vel orci pharetra euismod.

C H ARTE ERGONOMIQUE

Hiérarchisation titres :

<H1>

Codes couleurs :

s t y l e

<H1>

<H2> s t y l e d e b l oc s <H2> <H3> <H4>

S t y l e d e b l oc s Style de blocs

<H3>

<H4>

Boutons :

normal

enfoncé

normal

enfoncé

normal

enfoncé

C H ARTE ERGONOMIQUE

Léttrines alphabétiques :

Iconographie :

Accueil

Favoris

Catégories

Recherche

Géolocalisation

Site web

Retour

Curseur

m o c k u p A pp l i c at ion - l aun c h -

- in s c rip t ion -

- c onne ct -

m o c k u p A pp l i c at ion - c en t re s d ' in t é r ê t s -

- c at é gorie s -

m o c k u p A pp l i c at ion - home -

- s ugge s t ion s -

- re c her c he -

m o c k u p A pp l i c at ion - l ieu x -

- mon c omp t e -

- ar t i s t e s -

Webdesign Paridust

Maquette UX Design Réalisation maquette webdesign pour le site d’une blogeuse : Paridust.

Ci-dessus la page d’accueil

Webdesign Paridust

Maquette UX Design Réalisation maquette webdesign pour le site d’une blogeuse : Paridust.

Ci-dessus la page d’accueil

Webdesign Paridust

Maquette UX Design RĂŠalisation maquette webdesign pour le site dâ&#x20AC;&#x2122;une blogeuse : Paridust.

Ci-dessus la page article.

Webdesign Edsylver

Maquette Webdesign Webdesign Responsive site e-commerce Edsylver.

Webdesign Edsylver

Maquette Webdesign Webdesign Responsive site e-commerce Edsylver.

Webdesign Edsylver

Maquette Mobile Webdesign Responsive site e-commerce Edsylver, version moblie.

Newsletter Edsylver

Newsletter / E-mailing RĂŠalisation des newsletters Edsylver.

Modélisation 3D : Diamond Edition

Modélisation 3D Création de l’identité de marque de la nouvelle gamme Diamond Edition, et modélisation 3D des nouveaux flacons.

Affiches et PLV : Diamond Edition

Flyers Diamond Edition RĂŠalisation de flyers pour la sortie de la nouvelle gamme de e-liquides : Diamond Edtion

Affiches et PLV : Diamond Edition

Affiches boutique

Réalisation d’affiches destinées aux boutiques pour la sortie de la nouvelle gamme de e-liquides : Diamond Edtion

Affiches et PLV : Diamond Edition

Affiches boutique

Réalisation d’affiches destinées aux boutiques pour la sortie de la nouvelle gamme de e-liquides : Diamond Edtion

Affiches et PLV : Diamond Edition

Affiches boutique

Réalisation d’affiches destinées aux boutiques pour la sortie de la nouvelle gamme de e-liquides : Diamond Edtion

Slides site Edsylver

Bannières Web Réalisation de bannières web pour le site web.

Bannières Pop-up

Bannières Pop-up Création de bannières pop-up pour le site web.

Modélisation 3D : Potion

Modélisation 3D : Potion Création de l’identité de marque de la nouvelle gamme Potion et modélisation 3D des nouveaux flacons 30ml.

Affiches et PLV : Potion

Flyers Potion RĂŠalisation de flyers pour la sortie de la nouvelle gamme de e-liquides : Potion

Cartes de visite franchises

Cartes de visite Edsylver RĂŠalisation des cartes de visite pour les boutiques franchisĂŠs Edsylver.

Prototype Airflow

Airflow Création d’un prototype de nouvelle cigarette électronique baptisé : Airflow.

PLV boutiques

Le cadeau idéal Création de différents supports PLV pour les boutiques Edsylver

La Carte des saveurs

Carte des saveurs RĂŠalisation dâ&#x20AC;&#x2122;un leaflet 3volets regroupant tout les parfums de la marque.

La Carte des saveurs

Carte des saveurs RĂŠalisation dâ&#x20AC;&#x2122;un leaflet 3volets regroupant tout les parfums de la marque.

La Carte des saveurs

Carte des saveurs RĂŠalisation dâ&#x20AC;&#x2122;un leaflet 3volets regroupant tout les parfums de la marque.

Vitrophanies EDSYLVER

Vitrophanies RĂŠalisation de vitrophanies pour les diffĂŠrents points de vente Edsylver ( pharmacies , boutiques etc... )

CrĂŠation Logotype

IE

GI

PR

NTENT

EXPER

AL

MED IA / DI

CO

Création d’un logo pour un meet up.

TI

AL

&

Trenshare 2.0

N

CI

L TA

SO

Création Logotype : « Trendshare 2.0 »

Création Affiche : Le Tournoi Tiozzo

Création Affiche Tiozzo Réalisation d’une affiche pour le tournoi de l’académie Chhristophe Tiozzo.

Création Logotype : « Trendshare 2.0 »

Création Logotype Réalisation d’une illustration vectorielle « Modeuse »

Kakémono : TEAM BMW PERFORMANCE

TEAM BMW PERFORMANCE Réalisation d’un kakémono pour la team BMW PERFORMANCE.

Kakémono : GSFB 2012

GSFB 2012 Réalisation d’un kakémono pour le GSFB 2012 à Barcelone.

Kakémono : GLM 2012

GLM 2012 Réalisation d’un kakémono pour la team BMW PERFORMANCE.

Business Cards : HAVAS SPORTS & ENTERTAINMENT

HAVAS SPORTS & ENTERTAINMENT Réalisation des cartes de visites pour le service communication.

Business Cards : HAVAS SPORTS & ENTERTAINMENT

Business cards Havas Réalisation des cartes de visites pour le service communication.

Leaflet GLM Barcelona

Leaflet GLM Réalisation d’un leaflet trombinoscope pour la présentation du GLM 2012

Leaflet GLM Barcelona

Leaflet GLM Réalisation d’un leaflet trombinoscope pour la présentation du GLM 2012