Un	
  site	
  EFFICACE	
  passe	
  
par	
  un	
  BON	
  GRAPHISME
Rassurer,	
  
apprécier,	
  
interloquer,...	
  
autant	
  de	
  verbes	
  importants	
  aux	
  yeux	
  de	
  l'internaute	
  
qui	
  découvre	
  pour	
  la	
  première	
  fois	
  votre	
  site	
  Internet.	
  
Ne	
  dit-­‐on	
  pas	
  :	
  
la	
  première	
  impression	
  est	
  souvent	
  la	
  bonne	
  !	
  
Alors	
  autant	
  soigner	
  l'image	
  de	
  son	
  site.
Les	
  questions	
  à	
  se	
  poser	
  
avant	
  la	
  réalisation	
  de	
  
son	
  site	
  Internet
Qu'est	
  ce	
  que	
  je	
  propose	
  :	
  un	
  produit	
  ?,	
  un	
  service	
  ?	
  	
  
Quelle	
  est	
  mon	
  approche	
  ?	
  	
  
Quelle	
  est	
  ma	
  «	
  cible	
  »	
  ?	
  
!Ce	
  sont	
  les	
  questions	
  essentielles	
  qui	
  font	
  parties	
  du	
  cahier	
  
des	
  charges	
  indispensable	
  pour	
  «	
  poser	
  »	
  son	
  projet.
Le	
  graphisme	
  d'un	
  site	
  web	
  
se	
  définit	
  selon	
  2	
  axes	
  :
1	
  •	
  L’ergonomie
•	
  Sobriété	
  :	
  Simplicité,	
  peu	
  chargé
•	
  Lisibilité	
  :	
  Clarté,	
  Structuration,	
  Organisation
•	
  Utilisabilité	
  :	
  Facilité	
  de	
  navigation,	
  repérage,	
  
liberté	
  de	
  navigation
Le	
  graphisme	
  d'un	
  site	
  web	
  
se	
  définit	
  selon	
  2	
  axes	
  :
1	
  •	
  L’ergonomie
•	
  Rapidité	
  :	
  Temps	
  de	
  chargement,	
  images	
  
optimisées
•	
  Intéractivité	
  :	
  Liens	
  hypertextes,	
  découpage	
  de	
  
l’information
Le	
  graphisme	
  d'un	
  site	
  web	
  
se	
  définit	
  selon	
  2	
  axes	
  :
1	
  •	
  L’ergonomie
•	
  Adaptabilité	
  :	
  Le	
  site	
  doit	
  pouvoir	
  s’adapter	
  aux	
  
différents	
  écrans	
  sur	
  lesquels	
  l’internaute	
  visite	
  
votre	
  site	
  :	
  Le	
  Responsive	
  Design.
Le	
  graphisme	
  d'un	
  site	
  web	
  
se	
  définit	
  selon	
  2	
  axes	
  :
2	
  •	
  L’esthétisme
Vous	
  avez	
  4s	
  pour	
  séduire	
  l’internaute,	
  sans	
  quoi,	
  il	
  
part	
  sur	
  un	
  autre	
  site.	
  Cela	
  s’appelle	
  le	
  TAUX	
  DE	
  
REBOND	
  dans	
  vos	
  statistiques.
Le	
  graphisme	
  d'un	
  site	
  web	
  
se	
  définit	
  selon	
  2	
  axes	
  :
• La	
  page	
  d’accueil	
  doit	
  être	
  :
2	
  •	
  L’esthétisme
-­‐	
  soignée,	
  agréable,	
  claire.	
  
Son	
  rôle	
  est	
  d’attirer	
  et	
  d’informer.	
  C’est	
  la	
  VITRINE	
  
de	
  votre	
  site	
  au	
  même	
  titre	
  que	
  la	
  vitrine	
  d’un	
  
magasin	
  en	
  ville	
  qui	
  donne	
  envie	
  ou	
  non	
  d’entrer.
Le	
  graphisme	
  d'un	
  site	
  web	
  
se	
  définit	
  selon	
  2	
  axes	
  :
2	
  •	
  L’esthétisme
-­‐	
  Les	
  pages	
  intérieures	
  doivent	
  rester	
  cohérentes	
  avec	
  la	
  
charte	
  graphique	
  globale	
  du	
  site.	
  
-­‐	
  Les	
  développeurs	
  doivent	
  s'adapter	
  aux	
  contraintes	
  des	
  
graphistes	
  afin	
  de	
  retranscrire	
  fidèlement	
  la	
  demande.	
  
-­‐	
  La	
  quasi	
  totalité	
  des	
  pages	
  d’un	
  site	
  doivent	
  être	
  «	
  chartées	
  »	
  
afin	
  de	
  ne	
  pas	
  avoir	
  de	
  surprises.	
  
La	
  liberté	
  du	
  graphisme	
  :	
  
sites	
  sur	
  mesure	
  
vs	
  template
On	
  peut	
  créer	
  un	
  site	
  web	
  :	
  
-­‐ soit	
  en	
  achetant	
  un	
  template	
  (modèle	
  préfabriqué),	
  
-­‐ soit	
  depuis	
  une	
  page	
  blanche	
  en	
  créant	
  une	
  
charte	
  sur-­‐mesure
Avantages	
  
-­‐ •	
  Son	
  coût	
  d'achat	
  :	
  de	
  50	
  à	
  500€	
  
-­‐ •	
  Package	
  «	
  all	
  inclusive	
  »	
  (ex	
  :	
  pour	
  un	
  hôtel,	
  il	
  y	
  a	
  le	
  
calendrier,	
  les	
  chambres,	
  la	
  possibilité	
  de	
  réserver,	
  le	
  
responsive...	
  en	
  graphisme…	
  pas	
  en	
  développement).
TEMPLATE	
  :
La	
  liberté	
  du	
  graphisme	
  :	
  
sites	
  sur	
  mesure	
  
vs	
  template
Inconvénients	
  
-­‐ •	
  peu	
  de	
  place	
  à	
  la	
  créativité,	
  le	
  code	
  s'impose	
  au	
  graphisme.	
  	
  
-­‐ •	
  Difficulté	
  à	
  sélectionner	
  le	
  thème	
  idéal	
  graphiquement	
  
-­‐ •	
  Si	
  un	
  template	
  est	
  beau	
  et	
  bien	
  fait,	
  vous	
  le	
  retrouverez	
  
sûrement	
  une	
  centaine	
  de	
  fois	
  à	
  l’identique	
  sur	
  d’autres	
  
sites…	
  Mauvaise	
  image	
  pour	
  l’internaute.
TEMPLATE	
  :
La	
  liberté	
  du	
  graphisme	
  :	
  
sites	
  sur	
  mesure	
  
vs	
  template
Avantages	
  
-­‐ •	
  c'est	
  le	
  graphisme	
  qui	
  s'impose	
  au	
  code	
  -­‐>	
  plus	
  de	
  créativité,	
  
on	
  est	
  unique.	
  On	
  colle	
  à	
  la	
  charte	
  graphique	
  de	
  l’entreprise	
  
-­‐ •	
  Aucunes	
  surprises	
  si	
  l’on	
  doit	
  faire	
  évoluer	
  le	
  site	
  
-­‐ •	
  Le	
  responsive	
  est	
  mieux	
  optimisé	
  en	
  terme	
  de	
  format,	
  mieux	
  
adapté	
  aux	
  supports	
  (smartphones,	
  tablettes,	
  ordinateurs,..).
LE	
  SUR-­‐MESURE	
  :
La	
  liberté	
  du	
  graphisme	
  :	
  
sites	
  sur	
  mesure	
  
vs	
  template
Inconvénients	
  
-­‐ •	
  N’est	
  pas	
  graphiste	
  Web	
  qui	
  veut	
  !	
  
-­‐ •	
  Prestation	
  plus	
  chère	
  car	
  une	
  vraie	
  réflexion	
  est	
  
posée	
  et	
  plus	
  de	
  temps	
  à	
  la	
  réalisation.
LE	
  SUR-­‐MESURE	
  :
La	
  liberté	
  du	
  graphisme	
  :	
  
sites	
  sur	
  mesure	
  
vs	
  template
CONCLUSION
Un	
  site	
  ne	
  se	
  doit	
  plus	
  seulement	
  d'être	
  informatif,	
  

c’est	
  un	
  outil	
  de	
  vente.	
  
Les	
  compétences	
  des	
  développeurs	
  et	
  des	
  intégrateurs	
  
doivent	
  désormais	
  être	
  associées	
  à	
  celles	
  des	
  
webdesigners,	
  car	
  un	
  des	
  enjeux	
  de	
  la	
  stratégie	
  
marketing	
  d'une	
  entreprise	
  passe	
  par	
  le	
  web.
CONCLUSION
Aujourd’hui,	
  la	
  concurrence	
  est	
  dure	
  également	
  sur	
  Internet.	
  Il	
  
faut	
  savoir	
  se	
  démarquer	
  de	
  ses	
  concurrents.	
  On	
  ne	
  peut	
  plus	
  
faire	
  appel	
  à	
  un	
  «	
  Cousin	
  ».	
  Il	
  faut	
  séduire,	
  mettre	
  en	
  valeur	
  son	
  
«	
  magasin	
  ».

Un	
  site	
  Internet	
  réussit	
  doit	
  commencer	
  par	
  l’établissement	
  d’un	
  
cahier	
  des	
  charges	
  et	
  d’un	
  budget	
  au	
  mettre	
  titre	
  qu’un	
  vrai	
  
magasin	
  ou	
  une	
  vraie	
  entreprise.

Le graphisme d'un site internet !

  • 1.
    Un  site  EFFICACE  passe   par  un  BON  GRAPHISME
  • 2.
    Rassurer,   apprécier,   interloquer,...   autant  de  verbes  importants  aux  yeux  de  l'internaute   qui  découvre  pour  la  première  fois  votre  site  Internet.   Ne  dit-­‐on  pas  :   la  première  impression  est  souvent  la  bonne  !   Alors  autant  soigner  l'image  de  son  site.
  • 3.
    Les  questions  à  se  poser   avant  la  réalisation  de   son  site  Internet Qu'est  ce  que  je  propose  :  un  produit  ?,  un  service  ?     Quelle  est  mon  approche  ?     Quelle  est  ma  «  cible  »  ?   !Ce  sont  les  questions  essentielles  qui  font  parties  du  cahier   des  charges  indispensable  pour  «  poser  »  son  projet.
  • 4.
    Le  graphisme  d'un  site  web   se  définit  selon  2  axes  : 1  •  L’ergonomie •  Sobriété  :  Simplicité,  peu  chargé •  Lisibilité  :  Clarté,  Structuration,  Organisation •  Utilisabilité  :  Facilité  de  navigation,  repérage,   liberté  de  navigation
  • 5.
    Le  graphisme  d'un  site  web   se  définit  selon  2  axes  : 1  •  L’ergonomie •  Rapidité  :  Temps  de  chargement,  images   optimisées •  Intéractivité  :  Liens  hypertextes,  découpage  de   l’information
  • 6.
    Le  graphisme  d'un  site  web   se  définit  selon  2  axes  : 1  •  L’ergonomie •  Adaptabilité  :  Le  site  doit  pouvoir  s’adapter  aux   différents  écrans  sur  lesquels  l’internaute  visite   votre  site  :  Le  Responsive  Design.
  • 7.
    Le  graphisme  d'un  site  web   se  définit  selon  2  axes  : 2  •  L’esthétisme Vous  avez  4s  pour  séduire  l’internaute,  sans  quoi,  il   part  sur  un  autre  site.  Cela  s’appelle  le  TAUX  DE   REBOND  dans  vos  statistiques.
  • 8.
    Le  graphisme  d'un  site  web   se  définit  selon  2  axes  : • La  page  d’accueil  doit  être  : 2  •  L’esthétisme -­‐  soignée,  agréable,  claire.   Son  rôle  est  d’attirer  et  d’informer.  C’est  la  VITRINE   de  votre  site  au  même  titre  que  la  vitrine  d’un   magasin  en  ville  qui  donne  envie  ou  non  d’entrer.
  • 9.
    Le  graphisme  d'un  site  web   se  définit  selon  2  axes  : 2  •  L’esthétisme -­‐  Les  pages  intérieures  doivent  rester  cohérentes  avec  la   charte  graphique  globale  du  site.   -­‐  Les  développeurs  doivent  s'adapter  aux  contraintes  des   graphistes  afin  de  retranscrire  fidèlement  la  demande.   -­‐  La  quasi  totalité  des  pages  d’un  site  doivent  être  «  chartées  »   afin  de  ne  pas  avoir  de  surprises.  
  • 10.
    La  liberté  du  graphisme  :   sites  sur  mesure   vs  template On  peut  créer  un  site  web  :   -­‐ soit  en  achetant  un  template  (modèle  préfabriqué),   -­‐ soit  depuis  une  page  blanche  en  créant  une   charte  sur-­‐mesure
  • 11.
    Avantages   -­‐ •  Son  coût  d'achat  :  de  50  à  500€   -­‐ •  Package  «  all  inclusive  »  (ex  :  pour  un  hôtel,  il  y  a  le   calendrier,  les  chambres,  la  possibilité  de  réserver,  le   responsive...  en  graphisme…  pas  en  développement). TEMPLATE  : La  liberté  du  graphisme  :   sites  sur  mesure   vs  template
  • 12.
    Inconvénients   -­‐ •  peu  de  place  à  la  créativité,  le  code  s'impose  au  graphisme.     -­‐ •  Difficulté  à  sélectionner  le  thème  idéal  graphiquement   -­‐ •  Si  un  template  est  beau  et  bien  fait,  vous  le  retrouverez   sûrement  une  centaine  de  fois  à  l’identique  sur  d’autres   sites…  Mauvaise  image  pour  l’internaute. TEMPLATE  : La  liberté  du  graphisme  :   sites  sur  mesure   vs  template
  • 13.
    Avantages   -­‐ •  c'est  le  graphisme  qui  s'impose  au  code  -­‐>  plus  de  créativité,   on  est  unique.  On  colle  à  la  charte  graphique  de  l’entreprise   -­‐ •  Aucunes  surprises  si  l’on  doit  faire  évoluer  le  site   -­‐ •  Le  responsive  est  mieux  optimisé  en  terme  de  format,  mieux   adapté  aux  supports  (smartphones,  tablettes,  ordinateurs,..). LE  SUR-­‐MESURE  : La  liberté  du  graphisme  :   sites  sur  mesure   vs  template
  • 14.
    Inconvénients   -­‐ •  N’est  pas  graphiste  Web  qui  veut  !   -­‐ •  Prestation  plus  chère  car  une  vraie  réflexion  est   posée  et  plus  de  temps  à  la  réalisation. LE  SUR-­‐MESURE  : La  liberté  du  graphisme  :   sites  sur  mesure   vs  template
  • 15.
    CONCLUSION Un  site  ne  se  doit  plus  seulement  d'être  informatif,  
 c’est  un  outil  de  vente.   Les  compétences  des  développeurs  et  des  intégrateurs   doivent  désormais  être  associées  à  celles  des   webdesigners,  car  un  des  enjeux  de  la  stratégie   marketing  d'une  entreprise  passe  par  le  web.
  • 16.
    CONCLUSION Aujourd’hui,  la  concurrence  est  dure  également  sur  Internet.  Il   faut  savoir  se  démarquer  de  ses  concurrents.  On  ne  peut  plus   faire  appel  à  un  «  Cousin  ».  Il  faut  séduire,  mettre  en  valeur  son   «  magasin  ».
 Un  site  Internet  réussit  doit  commencer  par  l’établissement  d’un   cahier  des  charges  et  d’un  budget  au  mettre  titre  qu’un  vrai   magasin  ou  une  vraie  entreprise.