SlideShare une entreprise Scribd logo
Références
2014
#WEBDESIGN #PRINTDESIGN
#CASESTUDIES
Sélection de projets
agence & freevanessa.ilmany@gmail.com
(ce moment gênant où le graphiste se met « à nu »)
Voici quelques projets !
Refonte
de site :
vue de listing produit
secteur : automobile (agence)
brief : site jugé dépassé, distinguer
les univers neuf et occasion
actions : brief, scénario, wireframing, conception
graphique des pages et complément d’icônes
note : site en cours de réalisation
Refonte
de site :
vue fiche produit
descriptif : site vitrine
d’annonces automobiles avec plusieurs
centres de vente physiques. Le webtostore est
une problématique importante dans ce secteur,
notre mission est de favoriser la mise en confiance,
le contact, rendre l’information accessible et pratique.
Refonte
de site :
vue formulaire
particularités : la stratégie a été un peu
floue au lancement du projet. Beaucoup d’essais
avant de réussir à définir les objectifs réels à savoir
la scission de leur stock neuf/occasion, et leurs services.
Refonte
de site :
vue accueil
secteur : enchères (agence)
brief : modernité, nouvelle section,
rendre claire la navigation
actions : brief, scénario, conception
graphique des pages et icônes
note : le site a subi des mises à jour depuis
Appel
d’offre :
vue accueil
secteur : automobile (agence)
brief : générer des multi-sites de marques
tout en gardant l’indépendance de chacun
actions : parcours utilisateur, wireframing,
conception graphique
note : charte couleur constructeur imposée
Version
mobile :
scénario de connexion
secteur : automobile (agence)
brief : apporter plus de souplesse
(déplacements, transactions,…) aux vendeurs
actions : parcours utilisateur, wireframing,
conception graphique
note : mise à jour de l’ensemble depuis mon intervention
Iphone Mockup
from PIXEDEN.
Set
d’icônes :
vue kit
secteur : automobile (agence)
brief : symboliser les services et action
d’un site d’annonces automobiles
actions : croquis, conception vectorielle,
mise en font-icon
Identité
visuelle :
vue d’ensemble
secteur : sport (freelance)
brief : apporter sérieux et dynamise.
S’affirmer en tant qu’acteur de ce sport
au niveau national
actions : logotype, déclinaisons,
refonte site web, projet de t-shirt
Cartes
de vœux :
base & déclinaison
secteur : tous (agence)
brief : communiquer ses vœux
et promouvoir leur mise en place
actions : croquis, choix typos, montage, effets
Une petite étude de cas ?
Voici un projet de refonte !
Contexte du projet
•	 Refonte graphique et stratégique d’un site vitrine
	 (site de présentation de véhicules, du groupe, de son réseau, de ses
	services)
•	 Des services mais avant tout un réseau
	 (mise en avant de leur image de groupe, avec en parallèle l’indépendance
	 de chaque sous-site. Le contact est privilégié par le biais des services)
•	La création de sous-sites sur la base du site groupe
	 (les informations dédiées aux sites groupes apparaissent sans perturber ni
	 nécessiter de nouveaux templates pour ces sous-sites : adapter l’existant)
Logo + menu + contact
Courte introduction (présentation)
Extr t
r
ait s ock
(vo + vn + p omos)
Moteur fulltext
Moteur de recherche normal
entrée rapides
(listes)
Refonte de site
1er
étape  :
stratégie & brief client
+ arborescence
= zoning
(vulgarisation & pédagogie envers le client)
Refonte de site
1re
étape  :
stratégie & brief client
+ arborescence
= wireframe papier
(squelette fonctionnel du contenu de la page)
Refonte de site
2e
étape  :
stratégie & brief client
+ benchmark
= style tiles
(planche regroupant la tendance du (ou le) style graphique)
Refonte de site
3e
étape  :
wireframe validé
+ style tiles validé
= composition graphique de l’accueil du site
Refonte de site
Page « phare »  :
Les listes des produits/des annonces
sont importantes pour ces clients.
L’achat ne se faisant pas en ligne,
il leur faut intentionner le contact de l’utilisateur.
Une information suffisamment dense
mais qui nécessite un complément par contact
Particularités du projet
•	 Réflexion sur le style graphique, notamment les angles
	 (faisabilité en CSS, intégration, déclinaison avec la contrainte de sous-sites
	 avec couleurs différentes et support IE)
•	 Création & sélection cohérente d’icônes graphiques
	 (conception vectorielle pour transformation en fonte de caractères via
	 Icomoon, utilitaire de font-icon)
•	 Plus d’une vingtaine de pages avec sous-scénarios
	 (toujours veiller à la cohérence sous-sites, utilisation des compositions
	 de calques, tableaux de correspondance couleurs,…)
Bilan du projet
•	 Amélioration du process de livraison
	 (à l’issue des premiers changements + erreurs rencontrées, j’ai amélioré
	 ma documentation et présentation des livrables pour le développeur)
•	 Amélioration dans la création d’icônes
	 (les tentatives précédentes m’avaient value des erreurs de sortie)
•	 Plus gros dossier géré en direct avec le client
	 (tout s’est bien presque parfaitement déroulé, jusqu’à la livraison. Le Après
	 est à améliorer nettement, un style guide est nécessaire pour s’adapter
	 aux changements et nouvelles demandes sans consultation du graphiste)
On peut parler identité ?
C’est l’histoire d’un logo…
Contexte du projet
•	 Création d’un logotype pour les gérants d’un gîte
	 (gîte ouvert dans l’année de demande de création du logo)
•	 Convivialité, chaleur, bien-être en mots d’ordre
	 (le public cible n’est pas large, des amis d’amis au plus étendu)
•	 La feuille de vigne, figure imposée
	 (le défi consistait à incorporer cette feuille de vigne, importante pour le
	 client, en référence à son adresse postale et son nom)
•	 Coloris déjà choisi
	 (la demande du client était cohérente avec l’application de ses besoins
Création de logo
1re
étape  :
Croquis de recherches
du style typographique
Création de logo
1re
étape  :
Croquis de recherches
mise en scène des différents styles
Création de logo
2e
étape  :
Recherches approfondies &
nettoyage pour numérisation
Création de logo
3e
étape  :
La vectorisation n’est pas satisfaisante,
nous repartons sur un mix avec une typo
Faire des compromis
La technique / La perfection / La réponse aux besoins
Création de logo
4e
étape  :
Travail manuel du G, du décor,
choix de typographie se rapprochant du
style manuel. Pour un effet naturel mais cadré.
Création de logo
Bonus  :
Un logo seul, ce n’est pas réaliste.
Un logo est utilisé et est utilisable,
Ici j’ai simulé un environnement papeterie.
Bilan du projet
•	 Le lettering, une difficulté motivante
	 (l’aspect intime et chaleureux avait amené mes premiers essais vers une
	 écriture manuelle. J’ai pu découvrir et m’essayer au travail de lettre. C’est
	 finalement seulement les initiales qui ont bénéficié de cette technique,
	 plus minutieuse que difficile)
•	 Constat de la prestation d’un logo isolé
	 (je prévois désormais une déclinaison sur un des supports principaux pour
	 verrouiller la cohérence graphique mais aussi pour orienter le client sur le
	 futur bon usage de son logotype).
À bientôt !
Et merci pour votre lecture.
(Vanessa Ilmany, designer graphique & random wtf — vanessa.ilmany.@gmail.com — site en refonte)

Contenu connexe

En vedette

Dossier de production groupe 26
Dossier de production groupe 26Dossier de production groupe 26
Dossier de production groupe 26
Groupe26
 
Historia de la tecnologia
Historia de la tecnologiaHistoria de la tecnologia
Historia de la tecnologia
presentacionn
 
Lavida
LavidaLavida
Repubblika ta' malta (alexandra soare)
Repubblika ta' malta (alexandra soare)Repubblika ta' malta (alexandra soare)
Repubblika ta' malta (alexandra soare)
livia9
 
Como manejar nuestros estados emocionales
Como manejar nuestros estados emocionalesComo manejar nuestros estados emocionales
Como manejar nuestros estados emocionales
Mediadores Interculturales
 
Calculo difefencial
Calculo difefencialCalculo difefencial
Calculo difefencial
Mayra Alexa
 
Slideshare
SlideshareSlideshare
Slideshare
COMPUTO1GRUPO2
 
Pancréatites héréditaires (hereditary pancreatitis)
Pancréatites héréditaires (hereditary pancreatitis)Pancréatites héréditaires (hereditary pancreatitis)
Pancréatites héréditaires (hereditary pancreatitis)
Salim KHELIF
 
Felicidad
FelicidadFelicidad
Felicidad
yadira
 
Anuncio regatas 2010
Anuncio regatas 2010Anuncio regatas 2010
Anuncio regatas 2010
MAR DE NOTICIAS
 
Team99 Dossier de production
Team99 Dossier de productionTeam99 Dossier de production
Team99 Dossier de production
Jb Thiof
 
L'Echo des Rizières juin 2013
 L'Echo des Rizières juin 2013 L'Echo des Rizières juin 2013
L'Echo des Rizières juin 2013
afvsaigon
 
Blog
BlogBlog
OpenGL ES pour le développement d’applications géospatiales sur Android
OpenGL ES pour le développement d’applications géospatiales sur AndroidOpenGL ES pour le développement d’applications géospatiales sur Android
OpenGL ES pour le développement d’applications géospatiales sur Android
VisionGEOMATIQUE2014
 
El ayer y hoy,influencia de las tecnologías en Uruguay
El ayer y hoy,influencia de las tecnologías en UruguayEl ayer y hoy,influencia de las tecnologías en Uruguay
El ayer y hoy,influencia de las tecnologías en Uruguay
Valeria Cardozo
 
XMP CONSULT - PRESENTATION
XMP CONSULT - PRESENTATIONXMP CONSULT - PRESENTATION
XMP CONSULT - PRESENTATION
XMP CONSULT
 
Imouzzer Ida-Ou-Tanane, un jardin d’éden sur la route du miel
Imouzzer Ida-Ou-Tanane, un jardin d’éden sur la route du mielImouzzer Ida-Ou-Tanane, un jardin d’éden sur la route du miel
Imouzzer Ida-Ou-Tanane, un jardin d’éden sur la route du miel
Conseil Régional du Tourisme d'Agadir Souss Massa Drâa
 
Quintomodulo
QuintomoduloQuintomodulo
Quintomodulo
Verónica
 
184419036 declerck
184419036 declerck184419036 declerck
184419036 declerck
LaRep77
 
Juramentacion írrita y fallida
Juramentacion írrita y fallidaJuramentacion írrita y fallida
Juramentacion írrita y fallida
María Elvira Dib Aguerrevere
 

En vedette (20)

Dossier de production groupe 26
Dossier de production groupe 26Dossier de production groupe 26
Dossier de production groupe 26
 
Historia de la tecnologia
Historia de la tecnologiaHistoria de la tecnologia
Historia de la tecnologia
 
Lavida
LavidaLavida
Lavida
 
Repubblika ta' malta (alexandra soare)
Repubblika ta' malta (alexandra soare)Repubblika ta' malta (alexandra soare)
Repubblika ta' malta (alexandra soare)
 
Como manejar nuestros estados emocionales
Como manejar nuestros estados emocionalesComo manejar nuestros estados emocionales
Como manejar nuestros estados emocionales
 
Calculo difefencial
Calculo difefencialCalculo difefencial
Calculo difefencial
 
Slideshare
SlideshareSlideshare
Slideshare
 
Pancréatites héréditaires (hereditary pancreatitis)
Pancréatites héréditaires (hereditary pancreatitis)Pancréatites héréditaires (hereditary pancreatitis)
Pancréatites héréditaires (hereditary pancreatitis)
 
Felicidad
FelicidadFelicidad
Felicidad
 
Anuncio regatas 2010
Anuncio regatas 2010Anuncio regatas 2010
Anuncio regatas 2010
 
Team99 Dossier de production
Team99 Dossier de productionTeam99 Dossier de production
Team99 Dossier de production
 
L'Echo des Rizières juin 2013
 L'Echo des Rizières juin 2013 L'Echo des Rizières juin 2013
L'Echo des Rizières juin 2013
 
Blog
BlogBlog
Blog
 
OpenGL ES pour le développement d’applications géospatiales sur Android
OpenGL ES pour le développement d’applications géospatiales sur AndroidOpenGL ES pour le développement d’applications géospatiales sur Android
OpenGL ES pour le développement d’applications géospatiales sur Android
 
El ayer y hoy,influencia de las tecnologías en Uruguay
El ayer y hoy,influencia de las tecnologías en UruguayEl ayer y hoy,influencia de las tecnologías en Uruguay
El ayer y hoy,influencia de las tecnologías en Uruguay
 
XMP CONSULT - PRESENTATION
XMP CONSULT - PRESENTATIONXMP CONSULT - PRESENTATION
XMP CONSULT - PRESENTATION
 
Imouzzer Ida-Ou-Tanane, un jardin d’éden sur la route du miel
Imouzzer Ida-Ou-Tanane, un jardin d’éden sur la route du mielImouzzer Ida-Ou-Tanane, un jardin d’éden sur la route du miel
Imouzzer Ida-Ou-Tanane, un jardin d’éden sur la route du miel
 
Quintomodulo
QuintomoduloQuintomodulo
Quintomodulo
 
184419036 declerck
184419036 declerck184419036 declerck
184419036 declerck
 
Juramentacion írrita y fallida
Juramentacion írrita y fallidaJuramentacion írrita y fallida
Juramentacion írrita y fallida
 

Similaire à Vanessa i ref_2014

Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges web
Fred Brouard
 
Webdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outilsWebdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outils
Olivier Dommange
 
Bon App - Création collaborative de maquettes efficaces
Bon App -  Création collaborative de maquettes efficacesBon App -  Création collaborative de maquettes efficaces
Bon App - Création collaborative de maquettes efficaces
Cédric Leblond
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
Chris Gaillard
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
Net Design
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Destination Brocéliande
 
Design Trends
Design TrendsDesign Trends
Design Trends
Hannah Sellam
 
Competitic - Identifiez les étapes clés pour créer un site internet efficace ...
Competitic - Identifiez les étapes clés pour créer un site internet efficace ...Competitic - Identifiez les étapes clés pour créer un site internet efficace ...
Competitic - Identifiez les étapes clés pour créer un site internet efficace ...
COMPETITIC
 
Rapport Maj18122008
Rapport Maj18122008Rapport Maj18122008
Rapport Maj18122008
guest1fd014
 
Competitic : Cahier des charges site web
Competitic : Cahier  des charges site web Competitic : Cahier  des charges site web
Competitic : Cahier des charges site web
COMPETITIC
 
Process design à Ouest-France Multimédia
Process design à Ouest-France MultimédiaProcess design à Ouest-France Multimédia
Process design à Ouest-France Multimédia
Pierre Bernat
 
Introduction Gestion Projet web
Introduction Gestion Projet webIntroduction Gestion Projet web
Introduction Gestion Projet web
guest6d3f53
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
ambin_fr
 
Guide pratique pour construire son cahier des charges de site Internet
Guide pratique pour construire son cahier des charges de site InternetGuide pratique pour construire son cahier des charges de site Internet
Guide pratique pour construire son cahier des charges de site Internet
polenumerique33
 
Performance digitale de la marque Fermob
Performance digitale de la marque FermobPerformance digitale de la marque Fermob
Performance digitale de la marque Fermob
Anna Dymokurova
 
Batir Un Site Web 2011
Batir Un Site  Web 2011Batir Un Site  Web 2011
Batir Un Site Web 2011
Alain-Marie Carron
 
Création de son site Internet
Création de son site InternetCréation de son site Internet
Création de son site Internet
Le Moulin Digital
 
ComScore / Rouge Interactif : 10 optimisations pour aller plus loin
ComScore / Rouge Interactif : 10 optimisations pour aller plus loinComScore / Rouge Interactif : 10 optimisations pour aller plus loin
ComScore / Rouge Interactif : 10 optimisations pour aller plus loin
Rouge Interactif
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3
Synerg'hetic
 
Modèle cahier des charges site web
Modèle cahier des charges site webModèle cahier des charges site web
Modèle cahier des charges site web
JEAN-GUILLAUME DUJARDIN
 

Similaire à Vanessa i ref_2014 (20)

Cahier des charges web
Cahier des charges webCahier des charges web
Cahier des charges web
 
Webdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outilsWebdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outils
 
Bon App - Création collaborative de maquettes efficaces
Bon App -  Création collaborative de maquettes efficacesBon App -  Création collaborative de maquettes efficaces
Bon App - Création collaborative de maquettes efficaces
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
 
Design Trends
Design TrendsDesign Trends
Design Trends
 
Competitic - Identifiez les étapes clés pour créer un site internet efficace ...
Competitic - Identifiez les étapes clés pour créer un site internet efficace ...Competitic - Identifiez les étapes clés pour créer un site internet efficace ...
Competitic - Identifiez les étapes clés pour créer un site internet efficace ...
 
Rapport Maj18122008
Rapport Maj18122008Rapport Maj18122008
Rapport Maj18122008
 
Competitic : Cahier des charges site web
Competitic : Cahier  des charges site web Competitic : Cahier  des charges site web
Competitic : Cahier des charges site web
 
Process design à Ouest-France Multimédia
Process design à Ouest-France MultimédiaProcess design à Ouest-France Multimédia
Process design à Ouest-France Multimédia
 
Introduction Gestion Projet web
Introduction Gestion Projet webIntroduction Gestion Projet web
Introduction Gestion Projet web
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
Guide pratique pour construire son cahier des charges de site Internet
Guide pratique pour construire son cahier des charges de site InternetGuide pratique pour construire son cahier des charges de site Internet
Guide pratique pour construire son cahier des charges de site Internet
 
Performance digitale de la marque Fermob
Performance digitale de la marque FermobPerformance digitale de la marque Fermob
Performance digitale de la marque Fermob
 
Batir Un Site Web 2011
Batir Un Site  Web 2011Batir Un Site  Web 2011
Batir Un Site Web 2011
 
Création de son site Internet
Création de son site InternetCréation de son site Internet
Création de son site Internet
 
ComScore / Rouge Interactif : 10 optimisations pour aller plus loin
ComScore / Rouge Interactif : 10 optimisations pour aller plus loinComScore / Rouge Interactif : 10 optimisations pour aller plus loin
ComScore / Rouge Interactif : 10 optimisations pour aller plus loin
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3
 
Modèle cahier des charges site web
Modèle cahier des charges site webModèle cahier des charges site web
Modèle cahier des charges site web
 

Vanessa i ref_2014

  • 1. Références 2014 #WEBDESIGN #PRINTDESIGN #CASESTUDIES Sélection de projets agence & freevanessa.ilmany@gmail.com
  • 2. (ce moment gênant où le graphiste se met « à nu ») Voici quelques projets !
  • 3. Refonte de site : vue de listing produit secteur : automobile (agence) brief : site jugé dépassé, distinguer les univers neuf et occasion actions : brief, scénario, wireframing, conception graphique des pages et complément d’icônes note : site en cours de réalisation
  • 4. Refonte de site : vue fiche produit descriptif : site vitrine d’annonces automobiles avec plusieurs centres de vente physiques. Le webtostore est une problématique importante dans ce secteur, notre mission est de favoriser la mise en confiance, le contact, rendre l’information accessible et pratique.
  • 5. Refonte de site : vue formulaire particularités : la stratégie a été un peu floue au lancement du projet. Beaucoup d’essais avant de réussir à définir les objectifs réels à savoir la scission de leur stock neuf/occasion, et leurs services.
  • 6. Refonte de site : vue accueil secteur : enchères (agence) brief : modernité, nouvelle section, rendre claire la navigation actions : brief, scénario, conception graphique des pages et icônes note : le site a subi des mises à jour depuis
  • 7. Appel d’offre : vue accueil secteur : automobile (agence) brief : générer des multi-sites de marques tout en gardant l’indépendance de chacun actions : parcours utilisateur, wireframing, conception graphique note : charte couleur constructeur imposée
  • 8. Version mobile : scénario de connexion secteur : automobile (agence) brief : apporter plus de souplesse (déplacements, transactions,…) aux vendeurs actions : parcours utilisateur, wireframing, conception graphique note : mise à jour de l’ensemble depuis mon intervention Iphone Mockup from PIXEDEN.
  • 9. Set d’icônes : vue kit secteur : automobile (agence) brief : symboliser les services et action d’un site d’annonces automobiles actions : croquis, conception vectorielle, mise en font-icon
  • 10. Identité visuelle : vue d’ensemble secteur : sport (freelance) brief : apporter sérieux et dynamise. S’affirmer en tant qu’acteur de ce sport au niveau national actions : logotype, déclinaisons, refonte site web, projet de t-shirt
  • 11. Cartes de vœux : base & déclinaison secteur : tous (agence) brief : communiquer ses vœux et promouvoir leur mise en place actions : croquis, choix typos, montage, effets
  • 12. Une petite étude de cas ? Voici un projet de refonte !
  • 13. Contexte du projet • Refonte graphique et stratégique d’un site vitrine (site de présentation de véhicules, du groupe, de son réseau, de ses services) • Des services mais avant tout un réseau (mise en avant de leur image de groupe, avec en parallèle l’indépendance de chaque sous-site. Le contact est privilégié par le biais des services) • La création de sous-sites sur la base du site groupe (les informations dédiées aux sites groupes apparaissent sans perturber ni nécessiter de nouveaux templates pour ces sous-sites : adapter l’existant)
  • 14. Logo + menu + contact Courte introduction (présentation) Extr t r ait s ock (vo + vn + p omos) Moteur fulltext Moteur de recherche normal entrée rapides (listes) Refonte de site 1er étape  : stratégie & brief client + arborescence = zoning (vulgarisation & pédagogie envers le client)
  • 15. Refonte de site 1re étape  : stratégie & brief client + arborescence = wireframe papier (squelette fonctionnel du contenu de la page)
  • 16. Refonte de site 2e étape  : stratégie & brief client + benchmark = style tiles (planche regroupant la tendance du (ou le) style graphique)
  • 17. Refonte de site 3e étape  : wireframe validé + style tiles validé = composition graphique de l’accueil du site
  • 18. Refonte de site Page « phare »  : Les listes des produits/des annonces sont importantes pour ces clients. L’achat ne se faisant pas en ligne, il leur faut intentionner le contact de l’utilisateur. Une information suffisamment dense mais qui nécessite un complément par contact
  • 19. Particularités du projet • Réflexion sur le style graphique, notamment les angles (faisabilité en CSS, intégration, déclinaison avec la contrainte de sous-sites avec couleurs différentes et support IE) • Création & sélection cohérente d’icônes graphiques (conception vectorielle pour transformation en fonte de caractères via Icomoon, utilitaire de font-icon) • Plus d’une vingtaine de pages avec sous-scénarios (toujours veiller à la cohérence sous-sites, utilisation des compositions de calques, tableaux de correspondance couleurs,…)
  • 20. Bilan du projet • Amélioration du process de livraison (à l’issue des premiers changements + erreurs rencontrées, j’ai amélioré ma documentation et présentation des livrables pour le développeur) • Amélioration dans la création d’icônes (les tentatives précédentes m’avaient value des erreurs de sortie) • Plus gros dossier géré en direct avec le client (tout s’est bien presque parfaitement déroulé, jusqu’à la livraison. Le Après est à améliorer nettement, un style guide est nécessaire pour s’adapter aux changements et nouvelles demandes sans consultation du graphiste)
  • 21. On peut parler identité ? C’est l’histoire d’un logo…
  • 22. Contexte du projet • Création d’un logotype pour les gérants d’un gîte (gîte ouvert dans l’année de demande de création du logo) • Convivialité, chaleur, bien-être en mots d’ordre (le public cible n’est pas large, des amis d’amis au plus étendu) • La feuille de vigne, figure imposée (le défi consistait à incorporer cette feuille de vigne, importante pour le client, en référence à son adresse postale et son nom) • Coloris déjà choisi (la demande du client était cohérente avec l’application de ses besoins
  • 23. Création de logo 1re étape  : Croquis de recherches du style typographique
  • 24. Création de logo 1re étape  : Croquis de recherches mise en scène des différents styles
  • 25. Création de logo 2e étape  : Recherches approfondies & nettoyage pour numérisation
  • 26. Création de logo 3e étape  : La vectorisation n’est pas satisfaisante, nous repartons sur un mix avec une typo
  • 27. Faire des compromis La technique / La perfection / La réponse aux besoins
  • 28. Création de logo 4e étape  : Travail manuel du G, du décor, choix de typographie se rapprochant du style manuel. Pour un effet naturel mais cadré.
  • 29. Création de logo Bonus  : Un logo seul, ce n’est pas réaliste. Un logo est utilisé et est utilisable, Ici j’ai simulé un environnement papeterie.
  • 30. Bilan du projet • Le lettering, une difficulté motivante (l’aspect intime et chaleureux avait amené mes premiers essais vers une écriture manuelle. J’ai pu découvrir et m’essayer au travail de lettre. C’est finalement seulement les initiales qui ont bénéficié de cette technique, plus minutieuse que difficile) • Constat de la prestation d’un logo isolé (je prévois désormais une déclinaison sur un des supports principaux pour verrouiller la cohérence graphique mais aussi pour orienter le client sur le futur bon usage de son logotype).
  • 31. À bientôt ! Et merci pour votre lecture. (Vanessa Ilmany, designer graphique & random wtf — vanessa.ilmany.@gmail.com — site en refonte)