SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
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.

Contenu connexe

Tendances

Refonte et Optimisation de site Web
Refonte et Optimisation de site WebRefonte et Optimisation de site Web
Refonte et Optimisation de site WebWSI France
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blogSéverine Alix
 
Tester le niveau d'accessibilité d'un thème WordPress
Tester le niveau d'accessibilité d'un thème WordPressTester le niveau d'accessibilité d'un thème WordPress
Tester le niveau d'accessibilité d'un thème WordPressClaire Bizingre
 
Audit personnalisé Performance Tourisme
Audit personnalisé Performance TourismeAudit personnalisé Performance Tourisme
Audit personnalisé Performance TourismePerformance_Tourisme
 
Conception d'un site web
Conception d'un site webConception d'un site web
Conception d'un site webMoufida Othmani
 
2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competiticCOMPETITIC
 
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Office de Tourisme Luberon Durance
 
Comment travailler sur des projets WordPress pour de gros clients
Comment travailler sur des projets WordPress pour de gros clientsComment travailler sur des projets WordPress pour de gros clients
Comment travailler sur des projets WordPress pour de gros clientsEmilie LEBRUN
 
Personal Branding 20 03
Personal Branding 20 03Personal Branding 20 03
Personal Branding 20 03Lea Kim
 
Formation SEO - CCI parrainage - 5 mars 2018
Formation SEO - CCI parrainage - 5 mars 2018Formation SEO - CCI parrainage - 5 mars 2018
Formation SEO - CCI parrainage - 5 mars 2018Julien Dereumaux
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blogSéverine Alix
 
Presentation Personal Branding, par Clement PETIT
Presentation Personal Branding, par Clement PETITPresentation Personal Branding, par Clement PETIT
Presentation Personal Branding, par Clement PETITUJob
 
Conception de thèmes WordPress : construire et optimiser son espace de travail
Conception de thèmes WordPress : construire  et optimiser son espace de travailConception de thèmes WordPress : construire  et optimiser son espace de travail
Conception de thèmes WordPress : construire et optimiser son espace de travailFrédérique Game
 
Webinar Web Transition spécial Sparkow
Webinar Web Transition spécial SparkowWebinar Web Transition spécial Sparkow
Webinar Web Transition spécial SparkowWeb Transition
 
Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Alex Bortolotti
 
Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-sa...
Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-sa...Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-sa...
Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-sa...Office de Tourisme Val de Cher Controis
 
Cahier des charges site internet
Cahier des charges site internetCahier des charges site internet
Cahier des charges site internetEPC Familia
 

Tendances (20)

Refonte et Optimisation de site Web
Refonte et Optimisation de site WebRefonte et Optimisation de site Web
Refonte et Optimisation de site Web
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blog
 
Tester le niveau d'accessibilité d'un thème WordPress
Tester le niveau d'accessibilité d'un thème WordPressTester le niveau d'accessibilité d'un thème WordPress
Tester le niveau d'accessibilité d'un thème WordPress
 
Audit personnalisé Performance Tourisme
Audit personnalisé Performance TourismeAudit personnalisé Performance Tourisme
Audit personnalisé Performance Tourisme
 
Conception d'un site web
Conception d'un site webConception d'un site web
Conception d'un site web
 
2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic2011 06 30 cahier des charges site internet by competitic
2011 06 30 cahier des charges site internet by competitic
 
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
 
Comment travailler sur des projets WordPress pour de gros clients
Comment travailler sur des projets WordPress pour de gros clientsComment travailler sur des projets WordPress pour de gros clients
Comment travailler sur des projets WordPress pour de gros clients
 
2016 Création Refonte Site
2016 Création Refonte Site2016 Création Refonte Site
2016 Création Refonte Site
 
Personal Branding 20 03
Personal Branding 20 03Personal Branding 20 03
Personal Branding 20 03
 
Formation SEO - CCI parrainage - 5 mars 2018
Formation SEO - CCI parrainage - 5 mars 2018Formation SEO - CCI parrainage - 5 mars 2018
Formation SEO - CCI parrainage - 5 mars 2018
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blog
 
Presentation Personal Branding, par Clement PETIT
Presentation Personal Branding, par Clement PETITPresentation Personal Branding, par Clement PETIT
Presentation Personal Branding, par Clement PETIT
 
Conception de thèmes WordPress : construire et optimiser son espace de travail
Conception de thèmes WordPress : construire  et optimiser son espace de travailConception de thèmes WordPress : construire  et optimiser son espace de travail
Conception de thèmes WordPress : construire et optimiser son espace de travail
 
Webinar Web Transition spécial Sparkow
Webinar Web Transition spécial SparkowWebinar Web Transition spécial Sparkow
Webinar Web Transition spécial Sparkow
 
Création & refonte de site internet
Création & refonte de site internet Création & refonte de site internet
Création & refonte de site internet
 
Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014
 
Critique du site Kazari
Critique du site KazariCritique du site Kazari
Critique du site Kazari
 
Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-sa...
Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-sa...Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-sa...
Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-sa...
 
Cahier des charges site internet
Cahier des charges site internetCahier des charges site internet
Cahier des charges site internet
 

En vedette

La guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalLa guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalDaniel Roch - SeoMix
 
Puce A L Oreille Marseille Suite
Puce A L Oreille Marseille SuitePuce A L Oreille Marseille Suite
Puce A L Oreille Marseille SuitePascal Geay
 
Les 10 Commandements du Référencement Naturel 2017 - Objectif Papillon
Les 10 Commandements du Référencement Naturel 2017 - Objectif PapillonLes 10 Commandements du Référencement Naturel 2017 - Objectif Papillon
Les 10 Commandements du Référencement Naturel 2017 - Objectif PapillonObjectif Papillon
 
20 techniques de referencement naturel
20 techniques de referencement naturel20 techniques de referencement naturel
20 techniques de referencement naturelAXIZ eBusiness
 
Ebn 2015 BIC essential Training BWA 1609 pdf
Ebn 2015 BIC essential Training BWA 1609 pdfEbn 2015 BIC essential Training BWA 1609 pdf
Ebn 2015 BIC essential Training BWA 1609 pdfBruno M. Wattenbergh
 
Présentation les prestataires logistiques
Présentation les prestataires logistiquesPrésentation les prestataires logistiques
Présentation les prestataires logistiquesSabrina Chhibi
 
Creation d'entreprise agence de communication
Creation d'entreprise  agence de communicationCreation d'entreprise  agence de communication
Creation d'entreprise agence de communicationFakhr-Eddine Gabsi
 
Cours d'introduction au management
Cours d'introduction au managementCours d'introduction au management
Cours d'introduction au managementSandrine Michel
 
S2- Management Général- Cours
S2- Management Général- CoursS2- Management Général- Cours
S2- Management Général- CoursPolycope Fsjest
 
La Communication Marketing
La Communication MarketingLa Communication Marketing
La Communication MarketingErnesto Hane
 
La gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesLa gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesRodolphe Finamore
 
La gestion des ressources humaines (cours pdf)
La gestion des ressources humaines (cours pdf)La gestion des ressources humaines (cours pdf)
La gestion des ressources humaines (cours pdf)Jamal Yasser
 

En vedette (16)

La guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalLa guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS Drupal
 
Puce A L Oreille Marseille Suite
Puce A L Oreille Marseille SuitePuce A L Oreille Marseille Suite
Puce A L Oreille Marseille Suite
 
Les 10 Commandements du Référencement Naturel 2017 - Objectif Papillon
Les 10 Commandements du Référencement Naturel 2017 - Objectif PapillonLes 10 Commandements du Référencement Naturel 2017 - Objectif Papillon
Les 10 Commandements du Référencement Naturel 2017 - Objectif Papillon
 
20 techniques de referencement naturel
20 techniques de referencement naturel20 techniques de referencement naturel
20 techniques de referencement naturel
 
E - logistique
E - logistiqueE - logistique
E - logistique
 
Ebn 2015 BIC essential Training BWA 1609 pdf
Ebn 2015 BIC essential Training BWA 1609 pdfEbn 2015 BIC essential Training BWA 1609 pdf
Ebn 2015 BIC essential Training BWA 1609 pdf
 
Présentation les prestataires logistiques
Présentation les prestataires logistiquesPrésentation les prestataires logistiques
Présentation les prestataires logistiques
 
Audit logistique
Audit logistiqueAudit logistique
Audit logistique
 
Creation d'entreprise agence de communication
Creation d'entreprise  agence de communicationCreation d'entreprise  agence de communication
Creation d'entreprise agence de communication
 
Un exemple de portfolio ideal ?
Un exemple de portfolio ideal ?Un exemple de portfolio ideal ?
Un exemple de portfolio ideal ?
 
Cours d'introduction au management
Cours d'introduction au managementCours d'introduction au management
Cours d'introduction au management
 
S2- Management Général- Cours
S2- Management Général- CoursS2- Management Général- Cours
S2- Management Général- Cours
 
La Communication Marketing
La Communication MarketingLa Communication Marketing
La Communication Marketing
 
La gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesLa gestion de projet web en 15 étapes
La gestion de projet web en 15 étapes
 
La gestion des ressources humaines (cours pdf)
La gestion des ressources humaines (cours pdf)La gestion des ressources humaines (cours pdf)
La gestion des ressources humaines (cours pdf)
 
Comment construire une stratégie digitale?
Comment construire une stratégie digitale?Comment construire une stratégie digitale?
Comment construire une stratégie digitale?
 

Similaire à Le graphisme d'un site internet !

Etourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le webEtourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le webSabrina Echappe Web Creatif
 
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 agenceDestination Brocéliande
 
L'essentiel du marketing web partie 1
L'essentiel du marketing web   partie 1L'essentiel du marketing web   partie 1
L'essentiel du marketing web partie 1Vincent Camiré
 
Sensibilisation e-tourisme : Réussir son site web et ses photos
Sensibilisation e-tourisme : Réussir son site web et ses photosSensibilisation e-tourisme : Réussir son site web et ses photos
Sensibilisation e-tourisme : Réussir son site web et ses photosSud Vendée Tourisme
 
Création de site web : comment bien gérer son projet
Création de site web : comment bien gérer son projetCréation de site web : comment bien gérer son projet
Création de site web : comment bien gérer son projetLilian FOURCADIER
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webJulien Dereumaux
 
ATELIER 6 - site web efficace
ATELIER 6 - site web efficaceATELIER 6 - site web efficace
ATELIER 6 - site web efficaceTarn Tourisme
 
Réactif et interactif Conception Web
Réactif et interactif Conception WebRéactif et interactif Conception Web
Réactif et interactif Conception WebStabl Web
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptxMahaJabri
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptxMahaJabri
 
Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?CYB@RDECHE
 
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 Webambin_fr
 
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...COMPETITIC
 
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" V3Synerg'hetic
 
fedia_maha.pptx
fedia_maha.pptxfedia_maha.pptx
fedia_maha.pptxMahaJabri
 

Similaire à Le graphisme d'un site internet ! (20)

Etourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le webEtourisme : être présent efficacement sur le web
Etourisme : être présent efficacement sur le 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
 
L'essentiel du marketing web partie 1
L'essentiel du marketing web   partie 1L'essentiel du marketing web   partie 1
L'essentiel du marketing web partie 1
 
Sensibilisation e-tourisme : Réussir son site web et ses photos
Sensibilisation e-tourisme : Réussir son site web et ses photosSensibilisation e-tourisme : Réussir son site web et ses photos
Sensibilisation e-tourisme : Réussir son site web et ses photos
 
Création de site web : comment bien gérer son projet
Création de site web : comment bien gérer son projetCréation de site web : comment bien gérer son projet
Création de site web : comment bien gérer son projet
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site web
 
Comment optimiser la Création ou la refonte de son site internet ?
Comment optimiser la Création ou la refonte de son site internet ?Comment optimiser la Création ou la refonte de son site internet ?
Comment optimiser la Création ou la refonte de son site internet ?
 
Comment déveloper son entreprise grâce au web
Comment déveloper son entreprise grâce au webComment déveloper son entreprise grâce au web
Comment déveloper son entreprise grâce au web
 
ATELIER 6 - site web efficace
ATELIER 6 - site web efficaceATELIER 6 - site web efficace
ATELIER 6 - site web efficace
 
Guide internet
Guide internetGuide internet
Guide internet
 
Réactif et interactif Conception Web
Réactif et interactif Conception WebRéactif et interactif Conception Web
Réactif et interactif Conception Web
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptx
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptx
 
Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?Quel est le retour sur investissement de mon site Internet ?
Quel est le retour sur investissement de mon site Internet ?
 
Redcat final
Redcat finalRedcat final
Redcat final
 
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
 
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
 
Atelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de siteAtelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de site
 
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
 
fedia_maha.pptx
fedia_maha.pptxfedia_maha.pptx
fedia_maha.pptx
 

Plus de elaugier

Aperitic CMS briancon janvier 2015
Aperitic CMS briancon janvier 2015Aperitic CMS briancon janvier 2015
Aperitic CMS briancon janvier 2015elaugier
 
M-Commerce Apéri'TIC 19/06/2014 - GAP
M-Commerce Apéri'TIC 19/06/2014 - GAPM-Commerce Apéri'TIC 19/06/2014 - GAP
M-Commerce Apéri'TIC 19/06/2014 - GAPelaugier
 
Apéri'TIC 15/05/2014 - M-COMMERCE
Apéri'TIC 15/05/2014 - M-COMMERCEApéri'TIC 15/05/2014 - M-COMMERCE
Apéri'TIC 15/05/2014 - M-COMMERCEelaugier
 
E-Réputation apéri tic 17.04.2014
E-Réputation apéri tic 17.04.2014E-Réputation apéri tic 17.04.2014
E-Réputation apéri tic 17.04.2014elaugier
 
Slides apéri tic e reputation v2
Slides apéri tic e reputation v2Slides apéri tic e reputation v2
Slides apéri tic e reputation v2elaugier
 
20140220 les réseaux sociaux - aperi tic gap franck et james
20140220  les réseaux sociaux - aperi tic gap franck et james20140220  les réseaux sociaux - aperi tic gap franck et james
20140220 les réseaux sociaux - aperi tic gap franck et jameselaugier
 
20140116 les réseaux sociaux - aperi tic briançon
20140116  les réseaux sociaux - aperi tic briançon20140116  les réseaux sociaux - aperi tic briançon
20140116 les réseaux sociaux - aperi tic briançonelaugier
 
Aperitic le cms
Aperitic le cmsAperitic le cms
Aperitic le cmselaugier
 
20131010 les réseaux sociaux - speed dating business
20131010  les réseaux sociaux - speed dating business20131010  les réseaux sociaux - speed dating business
20131010 les réseaux sociaux - speed dating businesselaugier
 
Slides apéri tic e securite 10 2013
Slides apéri tic e securite 10 2013Slides apéri tic e securite 10 2013
Slides apéri tic e securite 10 2013elaugier
 

Plus de elaugier (10)

Aperitic CMS briancon janvier 2015
Aperitic CMS briancon janvier 2015Aperitic CMS briancon janvier 2015
Aperitic CMS briancon janvier 2015
 
M-Commerce Apéri'TIC 19/06/2014 - GAP
M-Commerce Apéri'TIC 19/06/2014 - GAPM-Commerce Apéri'TIC 19/06/2014 - GAP
M-Commerce Apéri'TIC 19/06/2014 - GAP
 
Apéri'TIC 15/05/2014 - M-COMMERCE
Apéri'TIC 15/05/2014 - M-COMMERCEApéri'TIC 15/05/2014 - M-COMMERCE
Apéri'TIC 15/05/2014 - M-COMMERCE
 
E-Réputation apéri tic 17.04.2014
E-Réputation apéri tic 17.04.2014E-Réputation apéri tic 17.04.2014
E-Réputation apéri tic 17.04.2014
 
Slides apéri tic e reputation v2
Slides apéri tic e reputation v2Slides apéri tic e reputation v2
Slides apéri tic e reputation v2
 
20140220 les réseaux sociaux - aperi tic gap franck et james
20140220  les réseaux sociaux - aperi tic gap franck et james20140220  les réseaux sociaux - aperi tic gap franck et james
20140220 les réseaux sociaux - aperi tic gap franck et james
 
20140116 les réseaux sociaux - aperi tic briançon
20140116  les réseaux sociaux - aperi tic briançon20140116  les réseaux sociaux - aperi tic briançon
20140116 les réseaux sociaux - aperi tic briançon
 
Aperitic le cms
Aperitic le cmsAperitic le cms
Aperitic le cms
 
20131010 les réseaux sociaux - speed dating business
20131010  les réseaux sociaux - speed dating business20131010  les réseaux sociaux - speed dating business
20131010 les réseaux sociaux - speed dating business
 
Slides apéri tic e securite 10 2013
Slides apéri tic e securite 10 2013Slides apéri tic e securite 10 2013
Slides apéri tic e securite 10 2013
 

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.