16
Un site EFFICACE passe par un BON GRAPHISME

Le graphisme d'un site internet !

Embed Size (px)

Citation preview

Page 1: Le graphisme d'un site internet !

Un  site  EFFICACE  passe  par  un  BON  GRAPHISME

Page 2: Le graphisme d'un site internet !

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.

Page 3: Le graphisme d'un site internet !

Les  questions  à  se  poser  avant  la  réalisation  de  

son  site  InternetQu'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.

Page 4: Le graphisme d'un site internet !

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

Page 5: Le graphisme d'un site internet !

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

Page 6: Le graphisme d'un site internet !

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.

Page 7: Le graphisme d'un site internet !

Le  graphisme  d'un  site  web  se  définit  selon  2  axes  :

2  •  L’esthétismeVous  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.

Page 8: Le graphisme d'un site internet !

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.

Page 9: Le graphisme d'un site internet !

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.  

Page 10: Le graphisme d'un site internet !

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

Page 11: Le graphisme d'un site internet !

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

Page 12: Le graphisme d'un site internet !

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

Page 13: Le graphisme d'un site internet !

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

Page 14: Le graphisme d'un site internet !

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

Page 15: Le graphisme d'un site internet !

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.

Page 16: Le graphisme d'un site internet !

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.