Etude du design graphique du site SFR - Wisibility
Etude du design graphique du site SFR

Etude du design graphique du site SFR

Design et Typo

 13 août 2007
Peter Gabor
1090720470
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.
Obtenir Adobe Flash Player

18Commentaires

Sam Moss  | 2007-08-13 11:46:09

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.

aborig  | 2007-08-13 16:59:39

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 ???

Houd  | 2007-08-13 17:14:24

Super video!
ça remet les idées au clair et me rapelle au combien le site sur lequel je bosse est moche...

Nico !  | 2007-08-13 19:41:22

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 !

ben  | 2007-08-13 21:02:12

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).

Rémi  | 2007-08-14 12:06:21

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

Jérome25  | 2007-08-14 17:01:44

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...

pixelz  | 2007-08-15 02:39:47

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 !!!

@+

PomZed  | 2007-08-15 14:28:50

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 !!

peter (wisi)  | 2007-08-16 00:12:54

merci à tous pour vos encouragements et votre accueil chaleureux... j'essaierai de m'en montrer digne ;-) merci à tous et bon we.

Beuzzette  | 2007-08-16 12:37:04

Superbe analys, nous allons en savoir des choses avec vous !!

Merci !

PS: Surtout Bienvenue a vous !

yves  | 2007-08-17 18:33:00

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.

Hotclick  | 2007-09-17 08:35:58

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.

khaled  | 2007-10-06 14:11:49

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 :)

Alex  | 2007-12-18 03:09:28

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.

pashkoua  | 2008-09-20 20:15:14

Bouhouh, ils ont changé le design d'Aufeminin.com.
Avant c'était clair et mignon... maintenant c'est devenu le bordel. ;-(

Aparté navrée...

Nolem  | 2009-06-28 13:20:30

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. :-)

web design  | 2009-12-07 23:09:10

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 !

 Vous aussi, commentez l'article

  • Autres tutoriels du formateur
  • Identité graphique de Nerim

    Identité graphique de Nerim

    Peter Gabor  |
    16 745

    Design et Typo

  • velib’ | un logo qui déraille

    velib’ | un logo qui déraille

    Peter Gabor  |
    25 577

    Design et Typo

  • GIF animé

    GIF animé

    Peter Gabor  |
    47 494

    Photoshop CS3

  • Etude du design graphique du site SFR

    Etude du design graphique du site SFR

    Peter Gabor  |
    24 237

    Design et Typo


  • Remonter en haut du tutoriel

    Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
    Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
    Contact - Wisibility est une marque déposée

    Blog - Tutoriels - Wisi TV - Forum