Portfolio Marine Illiet Designer graphique numérique / imprimé
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
Portfolio
Marine Illiet
Designer graphique
numérique / imprimé
marine.illiet.fr
mlle.illiet@gmail.com
06 85 69 52 41
Présentation Designer graphique passionnée par la recherche et la création, elle s’intéresse aux différents processus de conception éditoriaux imprimés et numériques. Comprendre et questionner la typographie dans son rapport au fond, à la forme, à son support et à l’usager fait partie de sa démarche de conception. Il lui semble important de prendre en considération l’ensemble des caractéristiques des éléments à communiquer dans l’intention qu’ils soient au service de la lisibilité et de la visibilité. Forte d’un double enseignement en design objet et graphique, elle a développé une méthodologie de recherche et une culture du projet permettant de structurer sa manière d’envisager la conception éditoriale. L’usager est au cœur de toutes ses productions dans le but de lui offrir une expérience adaptée aux types d’informations et aux types de supports de lecture. Toujours enthousiaste et rigoureuse, elle aime partager son savoir-faire et mettre ses connaissances au service de toutes sortes de projets. L’apprentissage et le dépassement de ses acquis en design graphique et multimédia sont au cœur de ses préoccupations. Marine prend ses projets très à cœur; c’est une fonceuse et une travailleuse dévouée. Sa méthodologie rigoureuse et exigeante est toujours une force dans un projet de groupe.
Floralies de Garein
Floralies de Garein
Création de la scénographie avec Pauline Terne
2017
L’idée développée est une réappropriation
graphique de l’herbier utilisé par les botanistes
pour l’étude des plantes. Nous proposons aux
visiteurs une promenade poétique et scientifique
à travers des tableaux graphiques « cynaotypés »
qui sculptent l’espace et invitent le promeneur
à plonger dans une véritable typologie de formes,
de motifs et d’architectures florales. Par une petite
collection de plantes emblématiques des landes,
le visiteur découvre ou redécouvre son patrimoine
végétal à travers une inspiration naturaliste.
Floralies de Garein
Chacun son pot
Chacun son pot
Création de l'identité visuelle
2016
Chacun son pot est une future épicerie
qui proposera pour tous ces produits un système
de vrac. Le but étant de d'essayer de se rapprocher
du zéro déchet.
La création de l'identité visuelle a pour volonté
de montrer le respect de la nature et la volonté
d'utiliser des contenants réutilisables.
Moulin du Got
Moulin du Got
Espace.
Idée aussi large que ce qu’elle peut contenir,
l’espace est à prendre, apprendre,
appréhender.
Évolution en deux temps trois mouvements —
c’est selon.
—
Réponse du Collectif à table ! à un appel à
résidence d'artiste proposé par l'imprimerie/
papeterie du Moulin du Got.
Moulin du Got
Anthony Masure
Anthony Masure
Création du portfolio numérique
2016
http://www.anthonymasure.com/
La refonte du site portfolio d’Anthony
Masure (maître de conférences en design
à l’université Toulouse – Jean Jaurès,
laboratoire LLA-CRÉATIS. ) fût conçu et
réalisé dans l’intention d’améliorer les
qualités de lisibilités et de visibilités
de l’interface. Il propose aux usagers
une lecture adaptée à tous les supports
numériques et aux contenus scientifiques.
Questionner les enjeux de la conception
éditoriale en ligne permet de mettre l’accent
sur l’expérience utilisateur du lecteur et de
l’administrateur dans l'intention de proposer
un véritable «outil» au service de la lecture,
de la diffusion et de la recherche du travail
d'Anthony Masure.
Anthony Masure
Pictogrammes
Pictogrammes
Pour la société Teranga-software
2016
Cette collection de pictogrammes
s'intègre dans le logiciel Teranga-software
d'accompagnement journalier des patients
médicalisés. Il permet au personnel de
partager et d'informer sur les activités du
patientÉchappées
Échappées
Revue numérique en ligne de l'ÉSA des
Pyrénées, réalisée avec Laetitia Boiteau
2016
échappées est la revue numérique d’art et de
recherche de l’ÉSA des Pyrénées — Pau-Tarbes.
Elle a été conçue et réalisée avec Laetitia Boiteau
dans l’intention de rendre compte et de partager
les recherches pratiques et théoriques menées au
sein de cette école.
Initialement revue papier,échappées est
désormais une revue numérique. Le transfert
de l’ensemble de ses articles d’une matérialité
papier à une matérialité numérique a
transformé formellement et physiquement
cette revue. Elle prend désormais une autre
forme et s’est ouverte à d’autres usages.
échappées est une plateforme numérique
qui interroge les enjeux de la conception
éditoriale en ligne en mettant l'accent sur
l'expérience utilisateur du lecteur et des
administrateurs de la revue. C'est un outil au
service du commanditaire, qui à l'aide du CMS
kirby propose une anticipation des usages et
des besoins d'inscription du contenu éditorial
à l'aide de tutoriel.
La pratique de la lecture en ligne a été
questionnée pour proposer à l'ensemble
Cette revue a été conçue avec le CMS
des textes et éléments des caractéristiques Kirby. Il permet de proposer une interface
graphiques au service de la lisibilité et de administrateur pour saisir le contenu.
la visibilité dans l'intention de favoriser et
Pour accompagner la saisie des articles,
d'aider l'attention du lecteur au cours de la des tutoriels textuels ont été mis en place.
consultation de texte long. Ils permettent de garantir le bon usage
structurel et graphique de la revue.Échappées
Un CSS print a été mis en place pour
chaque article. Il propose aux usagés
une pratique de lecture adaptée au
support de communication utilisé.
La revue est responsive :
c’est une optimisation de la lecture En effet, chaque support de diffusion
et de la navigation, quel que soit le type possède des propriétés techniques et
de format, le type de navigateur ou encore des caractéristiques matérielles qui
le type de système d’exploitation. C’est un influencent la construction des espaces
principe basé sur un redimensionnement typographiques. Lire sur un écran ou sur
du contenu adapté à la taille de l’écran papier n’engage pas les mêmes pratiques
et à sa gestuelle de lecture.Échappées
Pour chaque article, nous avons mis en
avant les métadonnées. C’est l’ensemble
des informations qui accompagne
un texte et qui participe à sa bonne
compréhension comme par exemple la
biographie de l’auteur, des mots clefs ou
encore des domaines traités.
La gestion des notes de texte est un enjeu Pour garantir l’attention du lecteur, nous
important pour la pratique de la lecture. avons mis en place un système de note
Bien souvent sur écran elles imitent la intégré dans le texte. Au clic du numéro
pratique des textes imprimés en étant de la note, son contenu se dévoile et
disposées à la fin des textes. permet ainsi de ne pas rompre l’attention
du lecteur.Réel-Virtuel
Réel-Virtuel
Revue numérique, 2016
Réel-Virtuel est une revue en ligne traitant
des enjeux du numérique par le prisme de l’art.
Elle est dirigée par Anthony Masure (docteur
en design) et Alexandre Saint-Jevin (docteur
en psychanalyse).
Pour mon Diplôme National Supérieur
d’Expression Plastique (DNSEP) un partenariat
a été mis en place, pour qu’à travers cette
revue, j’expérimente les enjeux de la conception
éditoriale numérique. Ce projet s’est poursuivi
au-delà de mes études, dans le but d’être finalisé
et de devenir un objet numérique dynamique avec
une interface de saisie des contenus grâce au CMS
Kirby.
La conception de cette plateforme propose
de questionner le texte, ses formes,
sa technique et sa technologie dans l’intention
de comprendre comment un designer
graphique participe à sa lisibilité,
à sa compréhension et à sa réception.
À travers la conception de ce projet
j’ai interrogé ce qu’implique l’inscription
d’un texte sur un écran et dans quelle mesure
il induit des transformations de formes
éditoriales d’un point de vue typographique :
la forme de la lettre, les notions de lisibilité
et de grille pour la structuration d’un contenu
éditoriale.
La refonte de cette revue numérique a
nécessité de réfléchir à l’expérience de
utilisateur et à sa pratique de la lecture
sur écran.Réel-Virtuel
La revue Réel-Virtuel s’inscrit dans des
problématiques d’usage numérique. Il
était important de concevoir une identité
prenant en compte les enjeux des
supports-écrans. Pour cela a été envisagé
un logotype prenant forme et vie grâce
au langage HTML. La police de caractères
libre de droits utilisée est la « Fira sans »
dessinée par Ralph du Carrois et Erik
Spiekermann, pour le navigateur Firefox
dans le but de pallier au problème de
lisibilité que rencontrait le navigateur
face à la multiplicité des résolutions
d’écran de téléphone.
La conception de cette revue a permis
d’interroger les caractéristiques de la
lisibilité et de la lecture à l’écran. De
plus cette plateforme prend en compte
la multiplicité des formes d’écrans,
autrement dit, ce site à la capacité de
s’adapter à n’importe quel environnement
tablette, téléphone ou ordinateur.Réel-Virtuel
Un dispositif de contraste a été proposé
par le choix d’un fond clair ou foncé Une réflexion a été menée sur le transfert
dans le but de proposer à l’usager une d’un article d’un support-écran vers un
adaptation optimisé de la lecture de texte support-papier. Chaque article diffusé par
long adapté au type et résolution d’écran la revue est disponible sous forme de PDF,
qu’il dispose. pour qu’il soit imprimé et assuré une
bonne qualité de lecture.Réel-Virtuel Pour communiquer dans les universités, un gabarit imprimé a été conçu pour réalisé des affiches A3 et carte postale en noir et blanc.
The Peafowl
The Peafowl
Outil numérique, nov. 2015 à mai 2016
The Peafowl est une future start-up
du bassin d’Arcachon, qui interroge
les pratiques de conception numérique.
À travers un outil, il cherche à proposer
des solutions innovantes pour concevoir
à bas coût des sites internet dédiés
aux artisans et aux petits commerçants.
Durant 6 mois j’ai participé au questionnement
et au développement graphique et identitaire
de ce projet. En équipe nous avons imaginé
un outil adapté aux professionnels du web
(graphiste, développeur, marketing, etc.) et
aux personnes ayant peu de connaissances
en conception numérique.
L’expérience utilisateur était au cœur de
ma recherche pour proposer des solutions
intuitives et fonctionnelles. Architecturer
les usages et hiérarchiser les fonctionnalités
ont permis de concevoir un premier prototype
fonctionnel.
Pour communiquer sur ce projet, j’ai conçu The Peafowl
une charte graphique numérique et imprimée
dans le but de garantir l’image de la marque
à travers les différents supports de
communication.The Peafowl
The Peafowl
On souhaitait rendre cet outil accessible
à partir de tout type support-écran, pour
donner la possibilité aux usagers d’insérer
une photo, un texte, une vidéo à leur site
internet à n’importe quel moment.
Une charte graphique imprimée a été
mise en place pour garantir l’image
de la marque à travers les différents
documents de communication.The Peafowl Une gamme d’illustration a été conçue pour maitriser la communication sur les réseaux sociaux. Le but étant de créer une identité visuelle forte et reconnaissable.
The Peafowl Pour faire fonctionner l’interface The Peafowl, une collection d’icônes a été réalisée pour garantir la cohérence et l’image de cet outil.
Les enjeux
Les enjeux de la textualité numérique
de la textualité
numérique
Mémoire DNSEP, 2015
marine.illiet.free.fr
Durant ma 5e année, j’ai rédigé un mémoire,
résultant de mes recherches menées tout au
long de ma formation en graphisme.
J’ai pu constater que les évolutions du texte
numérique ne prennent pas suffisamment en
compte la question de la lecture à l’écran. C’est
donc assez naturellement que j’ai souhaité
interroger les mutations des formes éditoriales
à travers leurs transferts de matérialité, c’est-
à-dire le changement de support (du papier à
l’écran), et plus précisément les enjeux de la
textualité numérique.
La textualité c’est l’ensemble des
caractéristiques du texte, l’ensemble des
éléments régis par des normes et des
conventions, qui doivent former un tout
cohérent et porteur de sens.Les enjeux de la textualité numérique La mise en forme de ce mémoire a permis l’élaboration de codes graphiques qui mettent en avant le propos abordé dans cette édition. Pour montrer l’importance du détail typographique, l’ensemble des accents et signes typographiques ont été mis en exergue. De plus un système de signe hérité du langage de programmation HTML a été utilisé pour montrer le côté caché de l’inscription numérique du texte.
Les enjeux de la textualité numérique
Les enjeux de la textualité numérique
Hubique
Hubique
Application mobile, 2013
Hubique est un projet de diplôme de 3e
année (DNAP). Ça été une occasion de me
questionner et de réfléchir sur l’évolution
des Interfaces Hommes Machine (IHM) ainsi
que sur les différents rapports et interactions
qu’entretient l’homme avec les objets
disposant d’une interface.
C’est une proposition d’application prospective
à mi-chemin entre la télécommande (ordre) et
le tableau de bord (analyse, supervision). Elle
propose d’accompagner notre quotidien
à travers trois moments de vie : la vie sociale,
la vie numérique et la vie domestique.
Hubique est un organisateur de vie,
un écosystème interconnecté qui permet
l’archivage et l’explicitation de nos petites
histoires quotidiennes. Cette proposition
d’organisation de l’information permet
la création de liens avec les espaces réels
de l’usager, mais aussi avec les espaces
numériques.Hubique
Hubique
www
Pour faire fonctionner l’application, une
famille de pictogrammes a été conçue.Hubique
Hubique
Mémoire DNSEP, 2013
L’écriture de ce mémoire fut l’occasion de
me questionner et réfléchir sur l’évolution
des Interfaces Hommes Machine (IHM) et
de m’interroger sur les différents liens et
interactions qu’entretient l’homme avec les
objets disposant d’une interface. L’ensemble
de cette exploration a participé à la
construction de mon projet de diplôme
de 3e année hubique .Hubique
Hubique
Les écrits
Les écrits du patrimoine
du patrimoine
Plateforme numérique, 2013
plateforme.accentgrave.net/
Dans le cadre du cours de la méthodologie
de la recherche, une initiation aux méthodes
d’enquêtes en sciences sociales appliquées
au domaine du design graphique a permis
une étude autour des écritures urbaines,
qui façonnent le patrimoine de la ville de
Pau. Ce travail a donné lieu à la création
d’une plateforme internet ayant pour but de
recueillir, d’organiser et de publier l’ensemble
des données produites. Cette plateforme
fut l’occasion d’aborder, d’expérimenter
et de comprendre les questions de la
macrotypographie, de la structure
sémantique, d’architexte et d’hyperlien
à l’écran.Les écrits du patrimoine La réflexion menée sur l’ergonomie du de penser un outil de visualisation des site a permis de mettre en place trois données pouvant convenir aux différentes modalités de navigation : par dossier phases du projet développées au cours thématique, par mots clefs, par lieux. des années à venir, l’une de contraintes La plateforme a également été pensée le plus importantes était de designer pour s’adapter à tous les types d’écran une interface présentant un contenu (ordinateur, tablette, smartphone) et à dynamique, en évolution constante tous les types de situations produites par et d’en anticiper les possibilités, les le contenu. Puisque l’un des enjeux était exceptions, les cas particuliers.
L’image du texte
L’image du texte
Édition d'après le texte: « L’image du texte
pour une théorie de l’énonciation éditoriale »
d'Emmanuel Souchier, 2013
La conception de cette édition a été l’occasion
de réfléchir à l’influence et à l’importance
de la maîtrise de l’ensemble des éléments
structurants d’un texte. Interroger ce que
Emmanuël Souchier nomme « texte second »
m’a permis d’examiner et de comprendre
les notions de gris typographique et
d’architecture de la microtypographie en
proposant une double lecture de cet article.
En effet, par-dessus la composition du
texte, est juxtaposée une cartographie
typographique, un système codifié qui utilise
des rectangles colorés dans le but de proposer
une classification et une mise en avant de
l’ossature du texte. Elle révèle la forme des
mots, les espaces fines, les espaces mots, les
chiffres et la ponctuation, soit un ensemble
d’éléments quasi invisibles aux yeux des
lecteurs et qui pourtant doit être maîtrisé par le
designer dans le but de rendre le texte lisible et
compréhensible.L’image du texte
L’image du texte
Colophon Cette édition a été réalisée en juin 2016. Elle a été mise en forme par Marine Illiet. Elle utilise la police de caractères Cæcilia dessinée par le designer Peter Matthias Noordzij en 1990 et éditée par Linotype. La couverture est en Olin 250 grammes Le papier intérieur est en Olin blanc 90 grammes. Ce portfolio mesure 150 / 240 mm et contient 80 pages.
Vous pouvez aussi lire
