Le champ d'étude abordé concerne exclusivement les aspects graphiques, ce faisant nous n'arborderons pas ici les aspects marketing ni ergonomiques. Nous nous concentrerons sur l'étude de la grille, la typographie, l'architecture et la séduction.
![]() |
Durée : 12:18 Auteur : Peter Gabor |

Corel Painter 12 - Les fondamentaux
Introduction à Adobe Edge
Contao - Les fondamentaux
ZBrush 4 - Les fondamentaux
Drupal 7 - Les fondamentaux
Photoshop Elements 10 - Les fondamentaux
Premiere Elements 10 - Les fondamentaux
Les calques de forme dans After Effects















Contacts
Newsletter
Twitter
RSS
RSS des commentaires
Podcasts des tutoriels













Commentaires
Bonjour,
J'ai regardé votre séquence et écouté vos commentaires avec intérêt. Votre critique du site SFR est justifié et bien articulé. Vous avez bien montré l'incohérence graphique de cette maquette trop dense qui empêche la simple lecture et noie le visiteur avec des offres voyantes. Merci pour cette démonstration. J'espère écouter des remarques à propos de la typographie dans vos prochaines interventions.
merci!!!!!
il est clair que les informaticiens et gens du marketinge ont pris la main dans la fabrication des sites commerciaux... et on ne trouve plus des graphistes mais des infographistes pour fabriquer ces sites....
les americains disent : let's go to basics... il est temps que l'on tente de former les futurs marketinge managers à certains dogmes graphiques dans les écoles de commerce ou autres BTS ...
un boulot pour peter ???
Super video!
ça remet les idées au clair et me rapelle au combien le site sur lequel je bosse est moche...
Je n'avais jamais abordé un site internet de cette manière. Il est vrai que les informaticiens n'ont pas cette approche et cette technique du print. Merci pour ce premier tutoriel ; j'aurai un regard plus critique dorénavant !
Ce n'est pas un informaticien qui a pondu ça, je pense que c'est le résultat des échanges graphistes - commerciaux - responsables avec en plus un mélange de chartes graphiques web - télé - papier (Peter : ça ressemble à du Clarendon mais c'est une autre typo).
Je trouve votre analyse très intéressante, merci de nous la faire partager !
En tant qu'ergonome et travaillant souvent sur le portail orange.fr, je suis très sensible à votre point de vue où l'analyse graphique de la page d'accueil est très pertinente (surtout que certaines de vos remarques, notamment la multiplication des signifiants graphiques, peuvent également être rattachées au domaine de l'ergonomie).
Vivement les prochains "tutos" ! :p
Pour avoir discuté avec des gens ayant travaillé sur le site, on comprendra aisément que tout s'est fait sans relfexion en amont et que le client est finalement le graphiste et les graphistes les exécutants...malheureux...
Ouais...Plutôt d'accord avec votre analyse graphique du site SFR...En même temps, la culture du mobile est relative au langage SMS, le but étant peut être de défèrer un max d'infos courtes afin de montrer le foisonnement d'infos mais sans pour autant appeler l'envie de cliquer ou de découvrir ce que cette info renferme...
A l'inverse, j'ai du mal à suivre votre analyse concernant le portail Orange.fr: il est clair qu'il est bien mieux réussi que celui de SFR mais comme je suis habitué au portail Orange.nl, je trouve le portail orange.fr brouillon ( peut être que la publicité à droite caniballise aussi la place disponible et me renvoie ce sentiment d'infos étriquées )
Sans rapport avec le sujet, mais peut être d'autres l'ont déjà "signalé", à moins que ce soit un bug chez moi, dans le reflet ( du tutoriel ), les termes "play" et "autres tutoriels.." qui devraient apparaître diamétralement opposés, à la manière des autres éléments, ne le sont pas...Sinon quel pied d'avoir des vidéos de cette qualité alliées à des pédagogues qui sont de véritables pointure du graphisme et de la Com°: Waouh !!!
@+
Je suis enchanté par la qualité de l'analyse et la clarté du propos qui se révèle riche en enseignements.
Je vous souhaite toute la bienvenue possible dans la Wisi Team et attends impatiemment vos futures vidéos !!
merci à tous pour vos encouragements et votre accueil chaleureux... j'essaierai de m'en montrer digne
merci à tous et bon we.
Superbe analys, nous allons en savoir des choses avec vous !!
Merci !
PS: Surtout Bienvenue a vous !
Je reviens à ce que ce jérome25 dit, c.a.d que les graphistes deviennent de plus en plus des exécutants, mais c'est comme cela. Cela fait bientôt 20 ans que je suis dans le métier, le client veut son travail de de plus en plus vite et de plus en plus le client devient graphiste donc on est exécutant, en plus on doit leurs sourires, …
Cela dit l'analyse est bien faite.
Merci Peter, bienvnue et à d'autre analyse.
Bonjour,
Analyse très intéressante et pertinente.
En revanche, et cette réflection (qui se veut constructive) serait valable pour d'autres auteurs/vidéos de ce site (je ne sais pas si l'endroit est bien choisi, sinon merci de déplacer ce post ailleurs), je trouve l'intonation des explications laborieuse voir molle alors que la diffusion vidéo permet aux auteurs de se préparer les commentaires sur papier avant l'enregistrement évitant ainsi les innombrables minis silences/auto questionnement et autres euh... qui, à mon sens rendent l'écoute et le suivi de ces vidéos moins attrayant.
Ceci étant dit, et la critique étant facile, je trouve que le contenu de ces vidéos est généralement très bon ainsi que l'analyse/enseignement de ces auteurs.
Continuez vous êtes devenus indispensable.
Bjr,

Oui c belle est bien une tres bonne critique du site portail SFR, c justifié ... par contre le portail est basé sur des bloc promos tres parcant qui viennes épauler ce que sfr communique ailleur ( télé, affichage .. ) surtous avec ça nouvelle tendance graphique qui c décliner sur son portail.
En faite ce que je veux dire c que il etait préférable de joué autrement sur la disposition des blocs promo qui perturbe la lecture ( ou la lignarité comme vous le ditent )
ps : je préfère de loin celui de orange
Chapeau pour ce tuto !
Il m'a donné un certain point de base d'une "nouvelle" réflexion globale de l'aspect général du site (ou autre !) auquel je n'avais jamais fait à mon sens assez attention.
Un seul mot à ajouter, merci.
Bouhouh, ils ont changé le design d'Aufeminin.com.
Avant c'était clair et mignon... maintenant c'est devenu le bordel.
Aparté navrée...
Auparavant, j'avais vu ces incohérences graphiques mais pas aussi poussées comme vous l'avez fait. Merci pour cette analyse très enrichissante !
ps : Également et suite à la lecture du billet : « Guillemets anglais ou guillemets français | Un choix graphique (reloaded) », j'ai été très ravi de le lire. Merci encore.
merci pour la video
critique bien fondee et analyse bien orientee. Le design d'un siteweb ne se limite pas aux couleurs et formes , il faut indispensablement e mettre a la place de l'internaute et imaginer les moyens qui lui permettent une navigation simple et agreable: c ca un site ki reussit !