Transcript
Page 1: Portfolio Marie-Amélie Fleck 2012

PORTFOLIO

maRIe-améLIe FLeck

[email protected]://flavors.me/marie_amelie

Page 2: Portfolio Marie-Amélie Fleck 2012

2maRIe-améLIe FLeck

SOmmaIRe

p. 3

p. 12

p. 18

p. 29

p. 35

webdeSIgn

cOnTenuS web

IdenTITé vISueLLe

PRInT

auTReS

Page 3: Portfolio Marie-Amélie Fleck 2012

3maRIe-améLIe FLeck

agence cenTRaLe

Maquette de homepage pour l’agence immobilière Agence Centrale, à Lyon.

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2011.

webdeSIgn

Page 4: Portfolio Marie-Amélie Fleck 2012

4maRIe-améLIe FLeck

Le cReSS

Maquettes de homepage et de page intérieure pour le CRESS, Centre de Recherche et d’Éducation Sport et Santé.www.lecress.com

Projet réalisé au sein de l’agence Comète (Lyon), 2011.

Page 5: Portfolio Marie-Amélie Fleck 2012

5maRIe-améLIe FLeck

kP1

Maquettes de homepage et de page intérieure pour KP1, leader en solutions de construction.www.kp1.fr

Projet réalisé au sein de l’agence Comète (Lyon), 2011.

Page 6: Portfolio Marie-Amélie Fleck 2012

6maRIe-améLIe FLeck

maIeR jOaILLIeR

Proposition de deux maquettes de homepage pour le nouveau magsin Maier Joaillier, à Lyon..

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2011.

Page 7: Portfolio Marie-Amélie Fleck 2012

7maRIe-améLIe FLeck

La maRTIna

Proposition de deux maquettes pour le blog du magasin La Martina à Lyon.

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2011.

Page 8: Portfolio Marie-Amélie Fleck 2012

8maRIe-améLIe FLeck

PIScIneS & naTuRe

Refonte du site internet de Piscines & Nature, constructeur et rénovateur de piscines à Lyon.www.piscine-terrasse.fr

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2011.

Page 9: Portfolio Marie-Amélie Fleck 2012

9maRIe-améLIe FLeck

SuITe LOgIque

Refonte du site internet de l’agence Suite Logique.www.suite-logique.fr

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2010.

Page 10: Portfolio Marie-Amélie Fleck 2012

10maRIe-améLIe FLeck

caTheRIne LaFOn

Maquette de homepage pour les blogs des deux magasins Catherine Lafon à Lyon.www.catherinelafon.fr

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2011.

Page 11: Portfolio Marie-Amélie Fleck 2012

11maRIe-améLIe FLeck

L’eSPace caRnOT

Proposition de deux maquettes pour le site de la brasserie-restaurant l’Espace Carnot à Lyon.

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2010.

Page 12: Portfolio Marie-Amélie Fleck 2012

12maRIe-améLIe FLeck

cOnTen

uSw

eb

edISun

Proposition de deux maquettes de newsletters.

Projet réalisé au sein de l’agence Comète (Lyon), 2010

Page 13: Portfolio Marie-Amélie Fleck 2012

13maRIe-améLIe FLeck

dIcT.FR

Propositions de pictogrammes pour des application du site DICT.fr, visant à faciliter la déclaration de travaux.

propositions de plusieurs styles de pictogrammes

déclinaisons des styles «réaliste» et «3D»

Projet réalisé au sein de l’agence Comète (Lyon), 2012

Page 14: Portfolio Marie-Amélie Fleck 2012

14maRIe-améLIe FLeck

maIeR hauTe hORLOgeRIe

Réalisation de newsletters pour Maier Haute Horlogerie.www.maier.fr

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2010-2011.

Page 15: Portfolio Marie-Amélie Fleck 2012

15maRIe-améLIe FLeck

maIeR vInTage

Newsletter et pré-home du site Lyon People pour promouvoir l’ouverture du magasin Maier Vintage.www.maier-vintage.fr

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2010.

Page 16: Portfolio Marie-Amélie Fleck 2012

16maRIe-améLIe FLeck

béaTRIce cOLLIn

Proposition de deux maquettes de newsletters.www.beatricecollinfleurs.com

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2011.

Page 17: Portfolio Marie-Amélie Fleck 2012

17maRIe-améLIe FLeck

aveRy dennISOn

Création, personnalisation et animation d’une page Facebook pour l’entreprise Avery Dennison : le réseau Super Maman.

création d’un logo

création d’un onglet spécial

création de bandeaux

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2010

Page 18: Portfolio Marie-Amélie Fleck 2012

18maRIe-améLIe FLeck

PRaO

Propositions de nouvelles identités pour le Pôle Rhône-Alpes de l’Orientation (appel d’offres).

IdenTI

TévISueLL

e

Projet réalisé au sein de l’agence Comète (Lyon), 2012.

A

Piste institutionnelle (lifting du logo actuel) : La typographie utilisée dans ce logotype est moderne. Les courbes des lettres «P» et «R», ainsi que la barre transversale du «A» dynamisent la lecture du logo. L’ancienne couleur principale du logo, le rouge, a été travaillée de sorte à être plus vive. Une courbe rouge vient ainsi souligner la typographie et donne du mouvement au logo. Une deuxième courbe moins large est présente sous la courbe rouge. Scindée en trois, celle-ci évoque les trois pôles du PRAO : l’OREF, le CARIF et l’AIO/VAE. Les couleurs verte, rose et orange amènent de la force et de la vitalité au logo, et s’associe bien avec la couleur principale sans pour autant l’éclipser. Mots clés : partenariat, interinstitutionnel, coopération.

B

Piste moderne et dynamique :L’utilisation d’une typographie bas-de-casse dans ce logotype lui confère un aspect moderne et de proximité. Dans un encart rouge, couleur principale du PRAO, le logo se fait imposant, professionnel, et très visible même en petite taille. Il fonctionne également très bien en noir et blanc. Trois bulles symbolisant à la fois les trois pôles mais aussi le dialogue et l’humain viennent s’encastrer dans le cartouche rouge. Cet élément graphique permet de dynamiser le logo et de mettre en avant la coopération entre les différentes structures du PRAO. Mots clés : dialogue, relation, formation.

C

Piste axée dialogue et mise en relation :Dans ce logotype, le dialogue et le partenariat sont mis en avant par le biais de trois bulles de trois couleurs différentes qui se rejoignent pour former la couleur rouge, couleur du PRAO. La typographie, de par sa simplicité, contribue à la lisibilité et à l’équilibre global du logo. Mots clés : relation, dialogue, culture commune, partenariat

D

Piste axée sur la notion de «3»Les trois pôles sont représentés par le biais d’un pictogramme composé de trois parties (de trois couleurs différentes) à l’avant du logo. La typographie inclinée offre au logo un effet de vitesse, d’élan vers l’avenir. Très lisible de par la clarté et l’évidence de ses courbes, cette typographie s’associe parfaitement au pictogramme qui est également composé de courbes. Intemporel grâce à son évidence et sa simplicité, ce logotype possède de légers effets lumineux qui lui apportent dynamisme et modernité. Celui-ci est également déclinable dans une version plus géométrique et très symbolique avec un triangle comme pictogramme. Mots clés : cohésion, coopération, interinstitutionnel

E

Piste axée sur l’orientationDans ce logotype, les trois pôles sont représentés par trois «flèches» de trois couleurs qui pointent vers le PRAO. Facilement exploitable en déclinaison, cet élément graphique donne de la légèreté à l’ensemble du logo. Les effets subtils de lumières participent à cette légèreté et apporte de la modernité. En variante, le logo peut contenir davantage de flèches dans plusieurs teintes et tailles, pointant vers le logo PRAO dans sa couleur dominante : le rouge. Mots clés : orientation, parcours, mobilité

Page 19: Portfolio Marie-Amélie Fleck 2012

19maRIe-améLIe FLeck

cLaIRe

Création d’un logo évolutif du projet Piter et déclinaison sur différents supports.

Projet réalisé au sein de l’agence Comète (Lyon), 2012.

Platform for Integration of Trans regional Energy R&D activities

Innovation in EnergyDiversification of SME’sCross-border mobility of researchers

Innovation dans les énergiesDiversification des PME

Mobilité transfrontalière des chercheurs

Innovazione in campo energeticoDiversificazione delle PMEMobilità transfrontaliera dei ricercatori

Programme Alcotra 2007-2013 - Fonds européen de développement régionalProgramma Alcotra 2007 - 2013 - Fondo europeo di sviluppo regionale

www.claire.eu

clusters alpins industry research energy

clusters alpini industria ricerca energia

clusters alpins industrie recherche energie

Ensemble par delà les frontières

logo du projet Piter logo final du projet Claire (évolution de Piter)

plaquette de présentation du projet Claire

kakémono

Page 20: Portfolio Marie-Amélie Fleck 2012

20maRIe-améLIe FLeck

cReanum.FR

Création d’une identité visuelle pour la version web du magazine Créanum (gagnante du concours).www.creanum.fr

Projet personnel, 2010.

Page 21: Portfolio Marie-Amélie Fleck 2012

21maRIe-améLIe FLeck

LeS dISTILLeuRS

Création d’une identité visuelle pour une agence de communication (aujourd’hui prénommée les Distilleurs).www.lesdistilleurs.com

recherche de noms et de pistes graphiques

logo final

Projet réalisé dans un cadre étudiant en «compétition d’agence», 2011. Notre binôme est arrivé finaliste, et seul notre site internet a été retenu.

LIONEL FARGET

33, cours Gambetta69003 Lyon

06 12 23 45 6704 12 54 56 78

[email protected]

déclinaisons papeterie de la piste choisie

Page 22: Portfolio Marie-Amélie Fleck 2012

22maRIe-améLIe FLeck

LeS dISTILLeuRS

maquettes du site internet (retenue par l’agence)

Page 23: Portfolio Marie-Amélie Fleck 2012

23maRIe-améLIe FLeck

OPTImum bIen-êTRe

Création d’une identité visuelle pour le nouveau service de l’agence de conseil en bien-être, Optimum bien-être.

LE BIEN-ETRE EN ENTREPRISEeuphemia

recherche de noms et de pistes graphiques

logo final

Projet réalisé dans un cadre étudiant en «compétition d’agence», 2010.Notre binôme est arrivé finaliste.

Page 24: Portfolio Marie-Amélie Fleck 2012

24maRIe-améLIe FLeck

OPTImum bIen-êTRe

Agence W&W

SARL au capital de 00000€

Siret : 00000000000000

Code NAF : 0000F

63, rue André Bollier - 69007 LYON

contact@w&w-conseils.com

t : 04.78.43.05.36 - f : 04.78.43.05.37

Agence Euphemia

SARL au capital de 00000€Siret : 00000000000000

Code NAF : 0000F

63, rue André Bollier - 69007 LYON

contact@w&w-conseils.com

t : 04.78.43.05.36 - f : 04.78.43.05.37

Nicolas DEGACHE63, rue André Bollier - 69007 LYONt. 04 78 43 05 36 - f. 04 78 43 05 37

conseiller bien-être

[email protected]

Agence EuphemiaSARL au capital de 00000€

Siret : 00000000000000Code NAF : 0000F

63, rue André Bollier - 69007 LYONcontact@w&w-conseils.com

t : 04.78.43.05.36 - f : 04.78.43.05.37

Nicolas DEGACHE63, rue André Bollier - 69007 LYONt. 04 78 43 05 36 - f. 04 78 43 05 37

conseiller bien-être

[email protected]

déclinaisons papeterie de chaque piste

Page 25: Portfolio Marie-Amélie Fleck 2012

25maRIe-améLIe FLeck

OPTImum bIen-êTRe

maquettes du site internet de la piste retenue

Page 26: Portfolio Marie-Amélie Fleck 2012

26maRIe-améLIe FLeck

ThaT SOundS FamILIaR

Création d’une identité visuelle pour un blog musical et développement du blog à l’aide de Wordpress.www.thatsoundsfamiliar.net

Projet personnel, 2011.

Page 27: Portfolio Marie-Amélie Fleck 2012

27maRIe-améLIe FLeck

aLexIS LavaL

Gestion de la communication de l’artiste Alexis Laval : création d’un logo, conception d’affiches, flyers, cartes de visite, jaquettes CD, site internet, montages vidéo.www.alexislaval.com

Projet personnel, 2009-2011.

Page 28: Portfolio Marie-Amélie Fleck 2012

28maRIe-améLIe FLeck

aLexIS LavaL

Site internet réalisé à l’aide de la plateforme Flavors.me

Page 29: Portfolio Marie-Amélie Fleck 2012

29maRIe-améLIe FLeck

PRIn

T

vILLe de caLuIRe

Création du «Guide du lecteur» pour la bibliothèque de Caluire-et-Cuire.

Projet réalisé au sein de l’agence Comète (Lyon), 2012.

bibliothèque municipale

tout savoir sur la bibliothèquevotre guide

Bibliothèque municipale Place du Docteur Frédéric DugoujonBP 79 - 69642 Caluire et Cuire cedex

Tél : 04 78 98 81 00

Mail : [email protected]

http://bm.ville-caluire.fr

AccèsBus : n° 33/38/S5 arrêt Caluire - Hôtel de Ville

La bibliothèque fonctionne aux mêmes horaires pendant les petites vacances scolaires.

Les horaires sont réduits pendant l’été.

Une information est communiquée trois semaines avant les modifications d’horaires.

mardi 15h-19h

mercredi 10h-12h 14h-19h

jeudi 15h-19h

vendredi 15h-19h

samedi 10h-16h

L’entrée à la bibliothèque et la consultation sur place des documents sont libres.

L’inscription est nécessaire pour l’emprunt de docu-ments et pour consulter les postes multimédia.

L’abonnement individuel est annuel, de date à date.

L’abonnement ne peut être remboursé en cas de déménagement ou pour tout autre motif.

Lors de leur visite à la bibliothèque, les mineurs restent sous la responsabilité de leurs parents ou responsables légaux.

Modalités Pièces justificatives

Inscription Une pièce d’identité et un justificatif de domicile (quittance de loyer, facture d’électricité ou de téléphone de moins de trois mois)

Réabonnement Un justificatif de domicile (quittance de loyer, facture d’électricité ou de téléphone de moins de trois mois)

Pièces justificatives

Habitants de Caluire

Adultes : 13€

Jeunes de - de 18 ans : gratuit

Étudiants de - de 26 ans : 4€ La carte étudiant

Personnes non imposables : 4€ L’avis de non imposition

Habitants des autres communes

Adultes : 25€

Jeunes de - de 18 ans : 8€

Étudiants de - de 26 ans : 8€ La carte étudiant

Coordonnées et accès

Les téléphones portables peuvent être utilisés dans le hall d’accueil, mais doivent être éteints dans les salles de lecture et de prêt.Les animaux ne sont pas admis dans les locaux, à l’exception de l’accompagnement des personnes handicapées.

Horaires d’ouvertureInscriptions et tarifs

Conditions d’inscription

Quai C

lém

ence

au

Mon

tée Castellane

Montée Victor Hugo

Rue Jean M

oulin

Rue

Past

eur

Rue Fra

nçois

Peiss

el

Chemin de Crépieux

Montée des soldats

Av. Gén

éral

Lec

lerc

Rue Berthelot

Hôtel

de Vi

lle

Av. Pierre Terrasse

Av. M

arc S

angn

ier

Av. M

arc S

angn

ier

Rue Lav

oisier

Chemin du Pelleru

Rue Jamen Grand

Allé

e Tu

rbal

et C

houx

Aven

ue d

u 8

mai

Rue B

enja

min

Del

esse

rt

Av. du Docteur Zamenhof

Rue Jean

Mou

lin

Saône

créd

its

phot

os :

age

nce

com

ète,

Fot

olia

La Bibliothèque municipale est accessible aux personnes à mobilité réduite (stationnement possible sur le parking situé devant le commissariat de police)

http://bm.ville-caluire.fr

Les documents sont prêtés pour trois semaines. Le prêt peut être prolongé une fois de trois semaines supplémentaires, sur demande (sur place, par téléphone, par mail ou directement à partir du site de la bibliothèque), sauf si les documents sont réservés ou déjà en retard.

Les collectivités exerçant leur activité sur la commune de Caluire et Cuire peuvent bénéficier d’une inscription gratuite à la bibliothèque leur permettant d’emprunter pour six semaines 30 documents, exception faite des DVD et CD-rom (pour des questions de droits).

Pour les accueils de groupes, se renseigner auprès des bibliothécaires.

Les modalités de prêt changent pendant l’été : une infor-mation est diffusée dans les locaux de la bibliothèque, dans le journal municipal et sur le site de la bibliothèque.

La bibliothèque organise régulière-ment pendant l’année scolaire :

• des séances de conte pour les enfants• des expositions• des lectures à voix haute pour

les adultes• des spectacles pour les enfants• un cercle de lecture pour les adultes• des séances d’écoute musicale

commentée• des conférences…• des activités autour du multimédia

(jeux vidéo, ateliers de formation...)

Que trouver à la bibliothèque ?

Un document déjà en prêt peut être réservé. L’adhérent qui l’a demandé est prévenu par courrier ou mail de sa mise à disposition pour dix jours. Au-delà de ce délai, le bénéfice de la réservation est perdu.

Modalités du prêt Aléas de l’usager Autres services

Des romans, des documentaires, des bandes dessinées, des albums, des contes, des dictionnaires, des encyclopédies, de la musique, du cinéma…Sur différents supports : livres, revues, journaux, CD, CD-rom, DVD, Internet, livres-CD, livres en gros caractères, livres électroniques….

Des espaces pour lire ou feuilleter, pour travailler, pour écouter de la musique.

Des listes de nouveautés, des sélections thématiques.

Des bibliothécaires disponibles pour vous guider dans vos recherches et vous conseiller pour vos choix de lecture ou d’écoute.

L’entrée à la bibliothèque et la consultation sur place des documents sont libres, sans condition d’inscription.

Durée du prêt

Réservations

Prêt aux collectivitésde Caluire et Cuire

La carte de bibliothèque vous permet d’emprunter un total de 13 documents avec un maximum de :

• 6 documents imprimés (livres ou revues)

• 5 documents sonores (CD, livres-CD)

• 2 documents multimédia (CD-rom, DVD) L’adhérent s’engage à respecter les délais de prêt. En cas de dépassement, il sera appliqué des pénalités de retard :

• 1€ par carte à partir de deux semaines de retard• 2€ par carte à partir de trois semaines de retard • 3€ par carte à partir de quatre semaines de retard

Au-delà, le dossier est transmis au Trésor public pour recouvrement.

Pénalités de retard

Envoi des courriers de rappelet de réservation

Documents perdus, rendusdétériorés ou incomplets

Le document doit être remplacé dans la même édition ou remboursé à son prix d’achat s’il n’est pas disponible dans le commerce. Les documents multimédia (CD-rom, DVD) doivent être remboursés au prix d’achat (prix incluant un droit de prêt public).

Si vous avez emprunté un document abîmé, merci de ne pas le réparer vous-même, mais de le signaler aux bibliothécaires lors de sa restitution.

Documents abîmés

En cas de perte de la carte de lecteur, prévenir immédiatement la bibliothèque, afin d’éviter tout emprunt avec une carte perdue. Remplacement de la carte : 1.50€

Perte de la cartede lecteur

Pensez à vous munir d’un sac pour transporter et protéger les documents que vous empruntez.

Le livre « Histoire de Caluire » est en vente à l’accueil de la bibliothèque.

L’usager peut demander à recevoir les lettres de rappel et de réservation soit par courrier, soit par mail. Il appartient à l’usager de signaler tout changement d’adresse postale ou électronique. En cas de réception des lettres par mail, l’usager s’engage à consulter régulièrement sa messagerie.

Photocopies / impressions

Site internet

Deux photocopieurs à carte, ainsi que deux imprimantes noir et blanc reliées aux postes multimé-dia, sont à disposition au 1er et 2ème étages. Les cartes sont en vente à l’accueil de la bibliothèque :

http://bm.ville-caluire.fr Pour consulter le catalogue de la bibliothèque, la programmation d’action culturelle, son compte lecteur, des listes de nouveautés, des sélections de documents, consulter et télécharger des livres électroniques, et avoir accès à des informations pratiques... Mais également pour réserver des documents déjà empruntés par d’autres usagers, prolonger ses prêts, donner son avis sur les documents consultés.

Action culturelle

Le titulaire de la carte (les parents ou tuteurs pour les mineurs) est responsable des documents confiés lors de l’emprunt.

• carte à 5 unités : 0.75€ • carte à 10 unités : 1.50€ • carte à 20 unités : 3€

Page 30: Portfolio Marie-Amélie Fleck 2012

30maRIe-améLIe FLeck

III. CHOIX DES CARACTÈRES

mêmes demandes. Cette partie va s’articuler autour de la classification des caractères éta-blie plus tôt, appuyée d’exemples visuels de la vie quotidienne, sélectionnés spécialement.Humanes

Conçues au XVe siècle, les Humanes étaient tout à fait conformes pour l’impression à presse mécanique. Aujourd’hui, celles-ci s’adaptent mal à l’impression lisse de l’off-set, leur utilisation se fait donc plutôt rare. Première famille d’une longue série de carac-tères plus élaborés les uns que les autres, les Humanes sont souvent utilisées pour conno-ter la sagesse et le savoir. Encore proche de l’écriture calligraphique, on leur attribue aussi un côté rustique : elles peuvent être très par-lantes en titrages ou dans des textes courts, surtout dans un livre ayant un côté artisanal. Ci-dessous, une partition de piano du Da-nube Bleu de Johann Strauss où une Humane est utilisée pour les titres.

GaraldesModèle de perfection, les Garaldes sont considérées comme les polices les plus élé-gantes et les mieux dessinées de l’histoire de la typographie. L’esthétique de leur des-sin les associe depuis leur création au XVIe siècle à des univers nobles et raffinés. Elles ont de ce fait été beaucoup prisées en littérature ou pour les textes longs, utilisation de laquelle un aspect intellectuel a immédiatement découlé. Ci-contre, l’élégante police de caractères Gal-liard utilisée en couverture et pour les titrages du programme d’un théâtre d’Orléans (3). On retrouve également une police de la fa-mille des Garaldes dans le texte du livre La Chute d’Albert Camus (4), reconnaissable par l’inclinaison de l’axe et les empattements pentus et anguleux.

RéalesDignes héritières des Garaldes, à l’exception des intentions calligraphiques qui ont dis-paru, les Réales sont aussi utilisées pour des textes de gros volume, ce qui leur a donné

une dimension littéraire. Le fort contraste entre pleins et déliés de ces polices en font par ailleurs de très élégantes polices de titrage. De par leur construction précise, issue du Romain du roi, les Réales évoquent l’austé-rité, le sérieux et la fiabilité. Ci-dessous (5), on les retrouve sur la devanture d’un magasin de vins et spiritueux. Ci-contre utilisées pour un programme de musique classique (6), les Réales, de par l’exactitude de leur dessin, font parfaitement écho à la précision caractéris-tique de ce style musical. On les distingue clai-rement ici grâce aux empattements verticaux.

DidonesUniques en leur genre, et révolutionnaires à l’aube du XIXe siècle, les Didones sont plutôt d’usage pour les titrages car le fort contraste entre pleins et déliés offre des dynamiques graphiques très intéressantes. Les Didones ont été utilisées dans bien des domaines et conno-tent diverses choses. On les retrouve ainsi en couverture des livres aux éditions Gallimard, qui les associe à la littérature du XIXe siècle. D’apparence austère en capitales, elles ont également été utilisées pour des documents administratifs. Pour que les empattements ne soient pas fracturés, l’utilisation d’une police Didone nécessite bien souvent un papier de qualité supérieure et une impression parfaite, anecdote qui lui confère une certaine classe. Ces caractères évoquent ainsi la sophistication mais aussi la féminité, employés dans les logos de certains magazines féminins.

Partition du Beau Danube Bleu de Johannes StraussEd. Schott n°1507

2

Devanture d’un magasin de vins et spiritueux, Lyon5

9

10

Flyer pour un concert de jazz

Devanture du magasin «Manhattan Store», Lyon

39

3 4

Programme de la Scène Nationale d’Orléanssaison 2011-2012

3

La Chute, Albert CamusGallimard, Paris

4

6

8Programme «les grands inter-prètes»Auditorium de l’Orchestre National de Lyon, saison 2011-2012

Couverture du magazine «Elle»octobre 2010

7

MécanesNées en pleine révolution industrielle, les Mé-canes évoquent clairement cette période de par leurs empattements rectangulaires et leurs formes imposantes. Notons que la forme de ces caractères reste intacte quelle que soit la qualité d’impression, ce qui participe encore plus à leur caractère fonctionnel. Ces polices sont alors très populaires : on peut ainsi les voir dans des projets d’ingénierie de l’époque, sur des affiches publicitaires, des annonces ou des documents commerciaux. Les caractères créés pour les ma-chines à écrire plus tard étaient aussi de forme Mécane. En effet, la stabilité de ces caractères permettait de compenser les interlettrages irré-guliers et se prêtait tout à fait à la monochasse imposée par ces appareils. Elles sont générale-ment employées en titrage. Plus tard, dans les années 1950 et 1960, elles ont été fortement exploitées dans l’édition et le design. Ce côté artistique a été accentué dans les années 70, où leur utilisation se fait particulièrement sur les pochettes de disques de jazz. Ci-contre, on re-trouve une police Mécane sur un flyer pour un concert de jazz et sur une devanture de magasin.

IncisesDirectement copiées des gravures dans la pierre, les Incises ont été utilisées et conçues en tant que caractères de titrage. Certaines d’entre elles ne possèdent même pas de mi-nuscules. On a souvent recours à ces élégantes polices pour les couvertures de livre ou pour des textes courts. Assez rudes, de par leurs origines, elles restent néanmoins élégantes, et leurs courbes ont été adoptées par beaucoup de marques et produits cosmétiques, leur donnant ainsi une connotation féminine.Linéales « début de siècle »Les Linéales « début de siècle » sont tout

comme les Mécanes (leurs égales sans empat-tements), très populaires. Issues de la tradi-tion affichiste, elles s’adaptent à l’utilisation que l’on souhaite leur donner allant du titrage à la signalisation. Elles fonctionnent parti-culièrement bien à grande échelle. Très à la mode en ce moment, les linéales « début de siècle » sont beaucoup utilisées en publicité, mais aussi dans de nombreux prospectus pro-moteurs de festivals, concerts ou spectacles, ce qui leur donne une très forte connotation

6

7 8

I. ORIGINES ET ÉVOLUTIONS DE LA TYPOGRAPHIE

pitales et de lettres minuscules. Il comprend

52 lettres, 10 chiffres, des symboles (comme

les signes pour les calculs mathématiques par

exemple), des signes de ponctuation et des ac-

cents pour différentes langues.

Bien qu’issus de l’alphabet latin, les alphabets

des langues européennes ne sont pas pour

autant identiques. L’alphabet espagnol com-

porte ainsi 6 lettres de plus que l’alphabet

français, avec les caractères tels que « ñ », « ll »,

« ch » ou « rr ». L’alphabet italien quant à lui,

possède seulement 21 caractères : la langue

italienne n’utilise effectivement pas les lettres

« j », « k », « w », « x » ou « y ».

Les signes diacritiques, plus communément

appelés accents, font leur apparition au fil des

années. Ces derniers permettent entre autres

d’indiquer un changement de la valeur pho-

nétique d’une lettre.

l’iMpriMerie occidentale 3

a les caractères mobiles

Le XVe siècle marque le début de la mécanisa-

tion de la production. Il n’est désormais plus

seulement question de communiquer et de

transmettre, mais aussi de diffuser en masse.

L’invention de l’imprimerie par Johannes Gu-

tenberg et l’apparition du caractère mobile

marque vraiment le début de la typographie.

La fabrication de ce caractère résulte d’un

processus minutieux : la lettre est d’abord

sculptée à l’envers dans un petit bloc d’acier,

on appelle cette forme un poinçon. Le poin-

çon est ensuite frappé sur une feuille de métal,

généralement de cuivre, de sorte à créer une

lettre à l’endroit, en creux, appelée matrice.

La matrice est ensuite intégrée dans un moule

où elle reçoit le métal en fusion, réalisant le

caractère en lui-même, à l’envers comme

le poinçon. Une fois imprimée, la lettre est

visible à l’endroit. Cette opération est réali-

sée pour chaque lettre et chaque corps d’une

police de caractères. Le rôle du poinçon est

déterminant dans l’impression car c’est lui

qui définit les caractéristiques des polices de

caractères, comme les empattements. Géné-

ralement, le sculpteur de poinçon réajuste le

caractère dessiné par le concepteur pour qu’il

corresponde aux contraintes d’impression, et

lui donne les derniers détails qui font tout le

charme d’une police.

Grâce aux progrès techniques considérables

réalisés dans ce domaine, cette procédure s’est

beaucoup améliorée entre le XVe et le XIXe

siècle.

La Bible à 42 lignes de Gutenberg est le pre-

mier ouvrage imprimé à l’aide de caractères

mobiles. Ces derniers ont été conçus pour

imiter l’écriture calligraphique gothique du

Moyen-Âge, retrouvée dans des manuscrits.

Pour se rapprocher le plus possible de l’écri-

ture des scribes, Gutenberg fabrique plusieurs

versions du même caractère et un grand

nombre de ligatures2 .

2 Une ligature fait la liaison entre deux caractères lorsque les

dessins de ces derniers se confondent

6

7

8

Colonne TrajaneRome, Italie

6Police Trajan ProCarol Twombly

78

Ensemble des caractères latins

modernesPolice Garamond

Caractères mobilesen plomb

9

9

15

Les caractères gothiques, inspirés de l’écriture

copiste, sont vite abandonnés au profit d’écri-

tures plus élégantes qui fleurissent dans toute

l’Europe, là où l’imprimerie se répand. Très

inspirés de la forme des lettres romaines, les

premiers caractères s’éloignent peu à peu de

la reproduction de l’écriture manuscrite. Ce

sont les débuts de l’écriture humanistique en

France, aux Pays-Bas, au Royaume-Uni et en

Italie, où beaucoup de typographes créent des

caractères romains encore largement utilisés

aujourd’hui. De nombreuses polices portent

aujourd’hui les noms de grands créateurs de

caractères qui ont marqué l’histoire de la ty-

pographie : c’est le cas des polices telles que la

Garamond, la Caslon, la Jenson ou la Baskerville.

Les compositions se font manuellement : les

caractères sont alignés sur un composteur

puis une fois les lignes composées, celles-ci

sont placées sur une galée et solidement main-

tenues ensemble à l’aide de ficelles. La com-

position est ensuite calée dans un châssis, puis

fixée sur une presse typographique. L’appella-

tion « bas-de-casse » pour les minuscules est en

référence à l’emplacement de celles-ci dans la

casse, le meuble à tiroirs de l’imprimeur dans

lesquels les caractères en plomb sont rangés.

Chaque famille de caractères est divisées en

deux : les haut-de-casse (majuscules) et les

bas-de-casse (minuscules).

b du xVie au xViiie siècle

Durant cette période, le travail de la lettre se

fait de plus en plus précis et minutieux. La

création de caractères s’appuie sur la géomé-

trie et l’anatomie. C’est en Italie, à l’aube

du XVIe siècle, qu’un nouveau genre de ca-

ractères fait son apparition : l’italique. Alde

Manuce, un imprimeur italien crée ces carac-

tères inclinés dans le souci de réduire le coût

de production d’un livre. En effet, l’italique,

grâce à son approche plus serrée, permet un

gain d’espace non négligeable.

Une police de caractères très représentative de

cette période est la Garamond, d’une lisibi-

lité incomparable grâce à un parfait équilibre

entre pleins et déliés. On peut également citer

la célèbre Baskerville, inventée par John Bas-

kerville en 1750 et inspirée de ses aïeules la

Garamond et la Caslon. La Baskerville reste

aujourd’hui l’une des polices les plus utilisées

et les plus lisibles et a su s’adapter à tous les

changements techniques qu’a traversé l’impri-

merie.

Le raffinement dont est pourvu la Baskerville

atteindra son apogée avec l’apparition de la

famille des Didones au XVIIIe siècle et la

création des caractères Bodoni ou Didot. À

cette époque, les caractères typographiques

sont d’une rare finesse et d’une élégance sans

égal. Véritable écrin pour le texte, les carac-

tères de la famille des Didones sont encore

utilisés aujourd’hui et incarnent de nos jours

l’élégance féminine et la mode. La typogra-

phie du magazine Vogue par exemple, n’est

autre que la Bodoni.

c la révolution industrielle

La révolution industrielle va considérablement

développer les moyens techniques de l’impri-

merie. Succédant aux presses en bois de Gu-

tenberg, la presse à cylindre, inventée par les

Allemands Koenig et Bauer en 1810, engendre

l’accélération de la production et l’expansion

du tirage de masse. Le journal The Times de

Londres est l’un des premiers à utiliser une

presse cylindrique et peut tirer jusqu’à 100 000

feuilles par heure. Cette industrialisation a

néanmoins des conséquences sur la qualité des

impressions : l’encre est trop grasse, le papier

de piètre qualité, provoquant ainsi des impres-

sions irrégulières.

Deux machines révolutionnaires font leur appa-

rition dans les années 1880 : la Linotype et la

Monotype. Cela marque le début de l’automati-

sation de la composition des caractères et l’essor

de la presse écrite. La technique utilisée par ces

deux appareils est appelée composition chaude,

les textes étant directement composés lors de la

fonte des caractères, en opposition à la compo-

sition manuelle où les textes sont assemblés avec

des caractères en plomb « froids ».

Bible à 42 lignesde Gutenberg

The Huntington Library, USA

Exemples des polices Garamond, Caslon, Jenson et Baskerville

10

11

Depuis ses origines, l’être humain a cherché à communiquer et à transmettre son savoir en laissant des traces. L’exemple le plus par-lant pour appuyer ce discours est sans aucun doute la grotte de Lascaux : l’Homme préhis-torique n’a-t-il pas cherché à communiquer, à laisser une trace de son existence à travers ces peintures ?

Bien qu’étroitement liées à l’évolution de l’imprimerie, les prémices de la typographie remonte à plus longtemps que cela. Des millénaires plus tôt, l’Homme retranscrivait déjà sa pensée à l’aide de dessins, de signes, de formes, ou encore de sculptures, représen-tant des concepts ou des idées. Traversant les époques et les courants artistiques, la forme

de ces signes, et les règles typographiques les accompagnant ont depuis bien évolué. Ainsi, avant de posséder 26 lettres, des minuscules, des capitales, et bien d’autres signes, l’al-phabet que nous connaissons aujourd’hui a été modifié durant des milliers d’années. L’exemple le plus concret pour illustrer cette évolution est le simple caractère romain « A » majuscule. À l’origine, celui-ci représentait une tête de bœuf. Le peuple phénicien, qui écrivait de droite à gauche, a pivoté ce picto-gramme de 90° puis les Grecs, qui écrivaient dans le sens inverse, l’ont pivoté de 180°. Le sens qui nous est familier aujourd’hui a été déterminé par les Romains, qui ont d’ailleurs défini la majeure partie de notre alphabet moderne en 700 avant J.-C.

ORIGINES ET ÉVOLUTIONS DE LA TYPOGRAPHIE

PARTIE I :

mémOIRe de FIn d’éTudeS

Mémoire de fin d’études sur le choix typographique en communication. Problématique : Comment choisir la typographie la plus adéquate en fonction du message à faire passer dans le cadre d’une communication print ?

Projet étudiant, 2012.

MARIE-AMÉLIE FLECK

Master 2 e-communication2011-2012

juliette bertrandTutrice

LE CHOIX TYPOGRAPHIQUE

EN COMMUNICATION

Page 31: Portfolio Marie-Amélie Fleck 2012

31maRIe-améLIe FLeck

PRaO

Proposition de deux couvertures et d’une double page pour le guide VAE du Pôle Rhône-Alpes de l’Orientation (appel d’offre).

Projet réalisé au sein de l’agence Comète (Lyon), 2012.

GUIDE PRATIQUE

DU RÉFÉRENT VAE

GUIDE PRATIQUEDU RÉFÉRENT VAE

LA VAE EN RHÔNE-ALPES :DES TERRITOIRES ET DES ACTEURS EN RÉSEAU

1. Quelle organisation territoriale ?2. Qui fait quoi en Rhône-Alpes ? 2.1. Les acteurs de l’information-conseil 2.2. Les acteurs de la validation : le certificateur, le validateur et l’accompagnateur 2.3. Les instances coordinatrices

1. Quelle organisation territoriale ?Chaque Région est libre d’organiser son service d’information-conseil (loi du 13 août 2004). En géné-ral, il répond à des particularités territoriales et/ou des volontés politiques spécifiques.En Rhône-Alpes, cette organisation se traduit par la mise en place de Points Relais Information Conseil (PRIC) labellisés par le PRAO, de Points Relais Information (PRI), de Points Relais OPCA et d’animateurs territoriaux sur les 27 zones territoriales Emploi Formation (ZTEF). Cette organisation répond à trois grands principes : • La proximité du service, • L’inter-institutionnalité sur les territoires, • La qualité du service rendu au public.

Le schéma suivant présente un modèle type d’organisation territoriale pour le service d’information-conseil en VAE.

Ce dispositif permet de couvrir l’en-semble du territoire et de garantir une proximité et une lisibilité pour l’usager, tout en facilitant la mutua-lisation des ressources des différents acteurs.

CELLULE RESSOURCE RÉGIONALE (VAE)(PRAO : Professionnalisation, information, animation, capitalisation)

RELAIS TERRITORIAL (ZTEF)(Structure d’AIO membres du PRAO) • Animateur territorial • Point Relais OPCA • PRI • PRIC

• Instance CTEF• Structures AIO• Valideurs• Organismes de formations

EN PARTENARIAT

PUBLICS

x 27

2. Qui fait quoi en Rhône-Alpes ?

2.1. Les acteurs de l’information-conseil

L’animateur du relais territorial : Il est votre interlocuteur privilégié. Il pourra répondre à toutes les questions que vous vous posez sur votre rôle, vos missions ou encore les tâches que vous devez effectuer.Il peut être un appui dans votre professionnalisation, un porteur de projet collectif de VAE et vous transmettre l’information régionale, principalement au cours des réunions qu’il anime sur votre territoire.L’animateur est en contact avec la cellule ressource régionale portée par le PRAO (voir son rôle plus bas) et à ce titre, il reçoit un certain nombre d’informations spécifiques. Il bénéficie également d’actions de professionnalisation dédiée pour lui permettre de mener à bien sa mission.Il perçoit un financement par le Conseil Régional pour animer son relais.

Le Point Relais d’Information-Conseil : le PRIC Le PRIC, c’est vous ! C’est à dire une structure AIO (Accueil Information Orientation) labellisée par le Conseil d’Administration du PRAO pour rendre le service d’information et de conseil VAE sur un territoire distinct. En 2011, 110 PRIC ont été labellisés en Rhône-Alpes avec en moyenne 3 ou 4 PRIC par ZTEF.Chaque PRIC désigne un référent qui sera l’interlocuteur VAE privilégié pour l’animateur de relais et la cellule ressource régionale.

La mission d’animation territoriale est portée par une structure labellisée PRIC qui s’est portée vo-lontaire pour animer et coordonner les structures d’information-conseil VAE présentes sur sa zone territoriale.Elle a pour mission de :• Organiser, coordonner les modalités d’accès du public au service d’information-conseil,• Veiller à la cohérence et la qualité du service rendu sur son territoire,• Participer à la capitalisation régionale des pratiques locales,• Assurer la mission d’information et de conseil auprès du public au même titre que les autres PRIC de son territoire,

• Travailler en partenariat avec les structures d’information du territoire non intégrées aux relais mais qui sont susceptibles de recourir à leurs compétences.

Pour mener à bien ces missions, l’animateur organise des réunions de relais territorial d’une demi-journée environ tous les trimestres auxquelles il convie les acteurs de l’information-conseil de son territoire en fonction de l’ordre du jour.Lors de ces réunions, les thèmes suivants peuvent être abordés :• Planification des informations collectives,• Échange de pratiques sur des cas concrets,• Invitation de personnes ressources,

• Informations en lien avec la réalisation de la mission d’information-conseil.

Retrouvez, sur la fiche pratique n°1 :la liste des animateurs de relais par Zone Territoriale Emploi Formation.

LA VAE EN RHÔNE-ALPES : DES TERRITOIRES ET DES ACTEURS EN RÉSEAU

8

Page 32: Portfolio Marie-Amélie Fleck 2012

32maRIe-améLIe FLeck

Le groupe CET et ses collaborateurs vous remercient de votre confianceet vous adressent leurs voeux pour une bonne et heureuse année 2012.

gROuPe ceT

Création d’une carte pour les voeux 2012 du Groupe CET.

Projet réalisé au sein de l’agence Comète (Lyon), 2011.

Page 33: Portfolio Marie-Amélie Fleck 2012

33maRIe-améLIe FLeck

STanLey

Création d’une plaquette 3 volets (avec fiches internes) pour Stanley Solutions de Sécurité, spécialiste en matériel de sécurité.

Projet réalisé au sein de l’agence Suite Logique (Lyon), 2011.

Page 34: Portfolio Marie-Amélie Fleck 2012

34maRIe-améLIe FLeck

caFé du POnd

Création d’affiches pour le Café du Pond à Lyon.Projet réalisé au sein de l’agence Suite Logique (Lyon), 2011.

Page 35: Portfolio Marie-Amélie Fleck 2012

35maRIe-améLIe FLeck

auTR

eS

bLOg du webdeSIgn application mobile

Réalisation d’un cahier des charges et création d’un design pour une application mobile pour le Blog du Webdesign.

Projet fictif étudiant, 2012.

Page 36: Portfolio Marie-Amélie Fleck 2012

36maRIe-améLIe FLeck

Sil PromeSh®

Sil PromeShRenfort de Paroi Intra-Péritonéal Bi-FaceDual-Sided Intra-Peritoneal Wall reinforcement Refuerzo de Pared Intraperitoneal, Bilaminar

Hernies ombilicales - Eventrations Umbilical hernias - Eventrations Hernias umbilicales - Eventraciones

Renfort de Paroi Intra-Péritonéal Bi-FaceHernies ombilicales - Eventrations

Dual-Sided Intra-Peritoneal Wall reinforcementUmbilical hernias - Eventrations

Refuerzo de Pared Intraperitoneal, BilaminarHernias umbilicales - Eventraciones

FR

EN

ES

Sil PromeSh®

Sil PromeSh Sil PromeSh®

Renfort de Paroi Intra-Péritonéal Bi-FaceDual-Sided Intra-Peritoneal Wall reinforcement Refuerzo de Pared Intraperitoneal, Bilaminar

Hernies ombilicales - Eventrations / Umbilical hernias - Eventrations / Hernias umbilicales - Eventraciones

PéTeRS SuRgIcaL

Propositions de packagings mis à la charte de Péters Surgical et déclinaisons de couleurs pour une gamme de prothèse pariétales (appel d’offres).

Projet réalisé au sein de l’agence Comète (Lyon), 2012.

Sil PromeSh®

Sil PromeSh

Renfort de Paroi Intra-Péritonéal Bi-FaceDual-Sided Intra-Peritoneal Wall reinforcement Refuerzo de Pared Intraperitoneal, Bilaminar

Hernies ombilicales - Eventrations / Umbilical hernias - Eventrations / Hernias umbilicales - Eventraciones

packaging

propositions de différentes couvertures de boîtes

propositions de couleurs pour les différentes gammes

mise en situation

Page 37: Portfolio Marie-Amélie Fleck 2012

37maRIe-améLIe FLeck

meRck SeROnO

Refonte de l’interface d’un CD-Rom sur la prévention du diabète de type 2 à destination du grand public.

Projet réalisé au sein de l’agence Comète (Lyon), 2012.

interface cd-rom

accueil rubrique interne