Le Webdesign orienté Business
Par Khaled DJEBLOUN
Introduction
Le (Web)(design) c’est quoi ?
Web : Ou toile, est un
système hypertexte public
fonctionnant sur Internet et
qui permet de consulter,
avec un navigateur, des
pages mises en ligne dans
des sites. L’image de la toile
d'araignée vient des
hyperliens qui lient les pages
web entre elles.
Design : une discipline visant
à représenter concrètement,
une pensée, un concept ou
une intention en tenant
compte des contraintes
fonctionnelles, structurelles,
esthétiques, techniques et
productives.
+ =
Webdesign : désigne la
conception d'interface web
en tenant compte des
contraintes spécifiques du
support Internet en termes
d’ergonomie, d’utilisabilité
et d’accessibilité.
Le webdesigner
Le webdesigner n’est pas un :
• Intégrateur
• Développeur
• Infographe
• Webmaster
• Ergonome
• Et surtout pas un artiste !
Le webdesigner est un :
Designer ayant des notions en : Intégration, développement,
infographie , webmastering et aussi en ergonomie. Et toujours
pas un artiste :p
Objectifs
Attentes du Client
• Retour sur investissement (rentabilité)
• Fidélisation
• Economiser (temps et argent)
• Positionnement sur le marché
Webdesigner
• Utilisable donc fonctionnel
• Accessible
• Jolie !
• Respect de la charte graphique
Un business-webdesign
Design d’une interface web d’un site rentable
Fonctionnelle
Identifiable
Claire
Accessible
Comment s’y prendre ?
• Fonctionnelle : la conception centré utilisateur
est la base d’un site fonctionnelle
L’utilisateur est l’élément principal de votre site et il
doit pouvoir facilement atteindre ses objectifs voir
trouver l’information afin de pouvoir accomplir les
vôtres en terme commercials.
• Au moment de la conception, penser que la maquette va finir par être utiliser et
non simplement vue !
• Des tests utilisateurs ou des Brainstormings afin de prévoire les problèmes liés a
l’ergonomie.
Comment s’y prendre ?
• Accessible : Avec Plus de monde sur votre site,
ce dernier est rentable.
• 63% utilise Internet explorer, 28% Firefox et 9% : Chrome, safari, opera …
• 43 % utilise un écran 1024x768, 14% 1280x800, 11% 800x600, 32% le reste des
résolutions…
• 78% version 10 du flash player, 7% pour la 9, 2% non installé
• 11 % machine java non installé.
Source : Google analytics du site Joowala.com
Au moment de la conception faire en sorte que le site
soit accessible par le maximum d’utilisateurs ciblés.
Comment s’y prendre ?
• Identifiable : pas forcément beau mais avec
une identité
Un design web est dit identifiable si l’on prend
n’importe quel éléments de ce dernier on reconnaitra
son appartenance institutionnelle.
Pour se faire il faut suivre et savoir décliner une
charte graphique.
Un minimum de couleurs et de polices de caractère
est très souhaité.
Comment s’y prendre ?
• Claire : parler peu pour une meilleure
compréhension.
Pensez à hiérarchiser l’information est l’une des
règles de base d’une web conception.
Exemple : Ne pas commencer une page avec un <h5>
Quelques exemples
Coup de cœur …
www.apple.com
Quelques exemples
Coup de cœur …
www.cnn.com
Quelques exemples
Coup de cœur …
www.yahoo.fr
Conclusion
Un bon designer web est un designer capable de
répondre au besoin stratégique (marketing et
commercial) du client tout en tenant compte des
contraintes techniques (utilisabilité, fonctionnalité … )
et au respect de l’identité visuelle.
Faire beau c’est bien, vendre c’est mieux 
Fin
Merci pour votre attention.
Des questions ?
Par Khaled DJEBLOUN
Graphiste webdesigner

Le webdesign orienté Business

  • 1.
    Le Webdesign orientéBusiness Par Khaled DJEBLOUN
  • 2.
    Introduction Le (Web)(design) c’estquoi ? Web : Ou toile, est un système hypertexte public fonctionnant sur Internet et qui permet de consulter, avec un navigateur, des pages mises en ligne dans des sites. L’image de la toile d'araignée vient des hyperliens qui lient les pages web entre elles. Design : une discipline visant à représenter concrètement, une pensée, un concept ou une intention en tenant compte des contraintes fonctionnelles, structurelles, esthétiques, techniques et productives. + = Webdesign : désigne la conception d'interface web en tenant compte des contraintes spécifiques du support Internet en termes d’ergonomie, d’utilisabilité et d’accessibilité.
  • 3.
    Le webdesigner Le webdesignern’est pas un : • Intégrateur • Développeur • Infographe • Webmaster • Ergonome • Et surtout pas un artiste ! Le webdesigner est un : Designer ayant des notions en : Intégration, développement, infographie , webmastering et aussi en ergonomie. Et toujours pas un artiste :p
  • 4.
    Objectifs Attentes du Client •Retour sur investissement (rentabilité) • Fidélisation • Economiser (temps et argent) • Positionnement sur le marché Webdesigner • Utilisable donc fonctionnel • Accessible • Jolie ! • Respect de la charte graphique
  • 5.
    Un business-webdesign Design d’uneinterface web d’un site rentable Fonctionnelle Identifiable Claire Accessible
  • 6.
    Comment s’y prendre? • Fonctionnelle : la conception centré utilisateur est la base d’un site fonctionnelle L’utilisateur est l’élément principal de votre site et il doit pouvoir facilement atteindre ses objectifs voir trouver l’information afin de pouvoir accomplir les vôtres en terme commercials. • Au moment de la conception, penser que la maquette va finir par être utiliser et non simplement vue ! • Des tests utilisateurs ou des Brainstormings afin de prévoire les problèmes liés a l’ergonomie.
  • 7.
    Comment s’y prendre? • Accessible : Avec Plus de monde sur votre site, ce dernier est rentable. • 63% utilise Internet explorer, 28% Firefox et 9% : Chrome, safari, opera … • 43 % utilise un écran 1024x768, 14% 1280x800, 11% 800x600, 32% le reste des résolutions… • 78% version 10 du flash player, 7% pour la 9, 2% non installé • 11 % machine java non installé. Source : Google analytics du site Joowala.com Au moment de la conception faire en sorte que le site soit accessible par le maximum d’utilisateurs ciblés.
  • 8.
    Comment s’y prendre? • Identifiable : pas forcément beau mais avec une identité Un design web est dit identifiable si l’on prend n’importe quel éléments de ce dernier on reconnaitra son appartenance institutionnelle. Pour se faire il faut suivre et savoir décliner une charte graphique. Un minimum de couleurs et de polices de caractère est très souhaité.
  • 9.
    Comment s’y prendre? • Claire : parler peu pour une meilleure compréhension. Pensez à hiérarchiser l’information est l’une des règles de base d’une web conception. Exemple : Ne pas commencer une page avec un <h5>
  • 10.
    Quelques exemples Coup decœur … www.apple.com
  • 11.
    Quelques exemples Coup decœur … www.cnn.com
  • 12.
    Quelques exemples Coup decœur … www.yahoo.fr
  • 13.
    Conclusion Un bon designerweb est un designer capable de répondre au besoin stratégique (marketing et commercial) du client tout en tenant compte des contraintes techniques (utilisabilité, fonctionnalité … ) et au respect de l’identité visuelle. Faire beau c’est bien, vendre c’est mieux 
  • 14.
    Fin Merci pour votreattention. Des questions ? Par Khaled DJEBLOUN Graphiste webdesigner