les sites de graphistes branchés III

Par Étienne, mercredi 24 mai 2006 :: design numérique :: #416 :: rss

Voici quelques captures d'écrans des fameux sites web cités dans les billets précédents.
Je vous laisse seul juge de l'originalité graphique et surtout interactive de ces sites. Pour des gens qui se doivent d'être originaux et plein d'idées, je suis un peu déçu par ces sites web malgré la grande qualité de leurs travaux «papiers» ;-)
Presque toujours le même système de navigation par un menu en haut à gauche, site en noir et blanc (ou gris) utilisant des trames répétitives qui deviennent un code graphique de site Hype. cela me rappelle il y a quelques années, les fausses dégoulinures de peintures à la M/M que l'on trouvait partout sur les affiches et publications dites culturelles et branchées ;-)

On peut expliquer cet état de fait par un manque d'intérêt lié au support électronique des graphistes «papier» (je n'ai pas trouvé d'autre terme, désolé). Il faut dire que mettre en place un site web avec un système interactif un peu original (et signifiant) demande pas mal de temps et surtout de compétence technique (ce n’est pas évident d'avoir un développeur sous la main ;-).
Je m'aperçois de ça régulièrement lors de mes rencontres avec les étudiants d'écoles d'arts, ils ont plein d'idées mais il existe une très grosse barrière technique qui calme très rapidement les ardeurs de nos jeunes graphistes. Il faudrait pouvoir associer les écoles d'arts avec des écoles d'ingénieurs, d'informatique... et pouvoir s'échanger des idées et des compétences (facile à dire ;-)
Attention, je ne dis pas que ces sites doivent être une performance technique (je suis admiratif par exemple du site de teleferique.org) et d'utiliser flash, Ajax ou Java, l'idée c'est juste d'avoir quelque chose qui soit un peu novateur dans la forme aussi minimaliste soit-elle permettant de mettre en valeur le contenu.

quelques pistes permettant de se familiariser à la programmation (flash, java...) dans la joie:
--> http://www.processing.org/
--> http://www.processing.org/learning/index.html
--> http://www.gotoandplay.it/
--> http://oos.moxiecode.com/
--> http://www.flashkit.com/tutorials/

ps : j'ai placé une petite flèche rouge pour montrer le système de menu presque toujours utilisé dans ces sites.

Trackbacks

Aucun trackback.

Les trackbacks pour ce billet sont fermés.

Commentaires

kangoo, le mercredi 24 mai 2006 à 13:55 :: site

héhé... ne sachant pas dessiner, il y a une grosse barrière graphique qui calme rapidement mes ardeurs.

Ami graphiste, étudiant en école d'art, si tu lis ce commentaire, contacte-moi. :]

Jean-Baptiste, le mercredi 24 mai 2006 à 14:03 :: site

Le problème, à mon sens, est que ce lien entre contenant et contenu, pour une fois, se retourne contre les graphistes «print» (encore un autre terme): les professionnels du contenant doivent à leur tour présenter un contenu, mais cette fois-ci, c'est le leur. Comme pour une carte de visite. Alors je ne vois pas d'inconvénient, si on est pas une web agency, à faire l'interface la plus sobre possible pour qu'elle ne phagocyte pas les travaux présentés. Certains abusent dans la timidité et le minimalisme, certes, mais le plus grave c'est qu'on a parfois des interfaces imbitables et une navigabilité horrible. (sus aux menus déroulants !) Flash n'aide pas dans ces cas-là (mais c'est un autre débat, avec celui de l'indexation du contenu et du respect des standards.)
Le parfait site hype de graphiste, je le verrai davantage géré par un CMS pas trop compliqué (genre Joomla ou Typo3), respectueux des standards, avec CSS, XML, RSS, utilisant des tags pour classer les éléments , entièrement bidouillable sur serveur (genre Textpattern).
Ce site, je le rêve pour moi aussi évidemment :) mais mon (notre) temps est précieux, on préfère le dépense r pour les clients, quitte à bricoler un site en chteumeuleu rapido sur Publisher, qui donnera un résultat potable.
J'attends encore le plug-in "je code en css+xml" pour mon cerveau, mais en attendant, dans le doute, je m'abstiens.

keusta, le mercredi 24 mai 2006 à 15:25 :: site

Genre un cms français qui tourne bien et qui une fois rebidouillé permet de présenter ses travaux... et bien il s'apelle dotclear ce cms et je men sers tiens d'ailleurs comme ce blog wé wé bien pratique moi dis
et en plus c frenchy !!!

T'as plus qu'a l'essayer >> dotclear.net
en plus la V2 arrive bientot, enfin... presque.

Jean-Baptiste, le mercredi 24 mai 2006 à 16:00 :: site

Merci, DotClear je connais, je m'en sers pour mon association. Mais DC est orienté blog, ce n'est pas un CMS, et à moins de rajouter 253 plugins (qui ne le rendent plus valide W3C), il ne fait que ça. Pas très pratique pour un book en ligne, par exemple : gestion des images assez rigide (les galleries ? mmh), gestion de pages «statiques», "marquage" des billets assez rigide. Le support francophone est son atout, c'est vrai.

Dez, le mercredi 24 mai 2006 à 16:35

Comme déjà cité plus haut, il n’est pas question de faire un site hyper original, interactive, expérimental, poussée etc. - enfin je parle pour moi, hein ! Mais d’avoir un support pour montrer ces travaux sans que celui prenne le dessus… Alors oui, on serai pas des geeks à trois balles comme nous le sommes, - je parle encore de moi, - mais des bêtes de HTML, JAVA, ACTION SCRIPT, FLASH, MACROMEDIA et compagnie, on aurait peut-être fait qqc de plus “sympathique” (crois-que) mais vu que ce n’est pas le cas, on se contente de ce qu’on arrive à faire avec nos moyens…

zammit, le mercredi 24 mai 2006 à 17:03 :: site

Pour en revenir au débat sur les graphistes 'papier', moi je tiens à dire que le support écran ne m'attire pas énormément. Il est, à mon sens, nettement moins sensible qu'une impression sur feuille de papier à un certain format (ces 3 caractéristiques pouvant être choisies). Quand au travail de création même, je préfère utilser au maximum le collage, la peinture et la photo avant d'utiliser la machine.
Mais tu fais bien de nous faire la morale Etienne, il ne faut pas bouder l'écran (même Vincent Perrottet me l'a dit), au risque de se faire enterrer vivant. Nul doute que la prochaine génération sera capable de lire un roman sur un écran.
Et pour ceux qui s'acharnent (comme j'ai envie de le faire), utiliser le web pour encore faire du moche c'est doucement drole (participation à la pollution), pour faire du moyen c'est mieux que rien et pour faire de l'expérimental va falloir se coucher tard. La grande classe restant de rien faire (les anciens de Grapus).
Dans la catégorie A.G.I. (qui tarde à recruter des créateurs du numérique) je mettrai une palme à Martin www.woodt.li/ qui ne perd pas la face tout en montrant son nez sur le web.
Il nous reste plus qu'à bosser avec des programmeurs (ex: Incandescence, Trafik, donne moi d'autres exemples stp Etienne) parce qu'il y a quand masse de choses à faire.
La future révolution partira sûrement du web, il faut que les graphistes soient dans le coup (j'aime être Raëlien).
J'écris mal merci.

Dzzzz, le mercredi 24 mai 2006 à 17:36

Moi je propose qu’on se prenne tous par la main pour faire le tour de la terre en chantant Heal the World de Michael Jackson…

Bisous
-
Dzzz

guigz, le mercredi 24 mai 2006 à 17:58 :: site

Ouaich Dzz ! Je viens avec toi... ramène tes collègues qu'on s'amuse un peu !!! Oda was.

desin&slip, le mercredi 24 mai 2006 à 18:08 :: site

: hum :
Il y a encore quelques années le mot le plus incompréhensible du webmaster était pleugine, choque wave et flash... j'étais un peu frileux à faire un truc que ma mère ne pourrait pas voir ;-)

Avec des boulots pour des clients bien différents, trouver une présentation et une interface compatible, qui ne va pas nuire/parasiter son travail n'est pas simple. Surtout dans l'optique d'un site dynamique ;-)Comment être assez neutre et sortir du lot ?¿

******************************************

Encore un :
du flash qui imite du html ^^
www.subdisc.com/

******************************************

Qui veut faire une conférence à plusieurs (minimum une personne) via skype pour A.G.I.M.M. ?

Julio a.k.a tonton, le mercredi 24 mai 2006 à 18:10

aight
-
je crois qu'on est tous d'accord sur le sujet non ?
comment montrer-actualiser-bricoler-s'effacer et/ou se montrer - présenter - revendiquer - amuser - bref, comment faire pour que les gens prennent notre image en pleine g...e sans que la conception du site ne prenne plus de temps que la réalisation du travail montré.
La barrière technique peut être un frein mais la plupart du temps, et c'est ce qui caractérise les sites montrés ci-dessus, c'est du bricolage maison avec des liens pas finis, des mises à jour toutes les semaines, des images qui s'affichent mal, des codes piqués sur eatock ou GTF, bref un peu ce qu'on fait sur papier mais sans l'exigence…
Mon premier site sur justsomekids.org, je l'ai fait avec un ami qui bricolait aussi (bien mieux que moi) en une demi-journée… et il a duré un an.
On ne demande pas la même chose à un site qu'à une prod papier…
si jamais ça marche pas, c'est pas grave, on change.
-
sinon, je voudrais quand même placer une spéciale ddkc à guigz & dez, qui essaient de faire les best-of des blagues du moment mais qui ne font rire que moi et eux-même.
bravo les mecs, on y arrivera.
-
©

pratique jus vrai, le mercredi 24 mai 2006 à 18:20 :: site

hop ^^
mais où sont les frames :)
diego.bellorin.free.fr/

Olivier, le mercredi 24 mai 2006 à 20:04

Avec le respect que je te dois Etienne, faire trois chapitres sur ce que j'appelerai des portfolios c'est un peu too much. Parlons aussi de l'utilisation des books prat ou crea,
des powerbook ou des thinkpad pour présenter un site…
Il s'agit là, comme le disait Julien, de présenter un travail, d'être capable de mettre
à jour un outil simplement sans faire faire la hotline à un ami développeur.
Les menus sont basiques, leur mise à jour très facile, ceci explique peut être cela.
Maintenant, chapitre 4, pourquoi les graphistes présentent toujours leurs affiches debout, à bout de bras en laissant bien les mains apparaître sur le côté ? Pourquoi laissent ils trainer leur main (seulement les doigts pour les plus chics), sur les pages
du livre si joliement photographiés sur leur table en bois… Photographes, un avis ?
Pour prolonger la discussion, une affiche de Cornel Windlin(1), capture du site Public Affairs (2) dont les pages html sont des captures Xpress (3).
Have fun.

1. www.publicaffairs.ch/imgs...
2. www.publicaffairs.ch/curi...
3. www.publicaffairs.ch/vide...

zammit, le mercredi 24 mai 2006 à 20:26 :: site

Le paralèlle entre les sites low-tech et les prises de vues des travaux avec les mains rejoint plusieurs choses:
-Cela peut s'apparenter à une mode (aïe) mais pour le moment seuls les graphistes 'papiers' de bon niveau s'en servent.
-Il s'agit aussi de faire simple dans la présentation, préférer l'authenticité d'une photo a l'apparence 'vite fait' ou d'un site 'vieille école' à trop de sophistication.
-C'est un moyen, je pense, de séduire les clients: on a rien a caché (on est honnète), on est pas trop compliqué (on pourra vous comprendre), on n'a pas trop de temps (on travaille beaucoup) ni trop d'argent (on est pas cher). Mais attention de ne pas prendre les commanditaires pour des simplets quand même.

Je pense que les graphistes d'édition et d'affiches partagent ce goût pour le concret de leurs supports et s'opposent au virtuel de l'intéractif. C'est peut être la pédagogie qui est a adaptée, une frontière nouvelle (après celle entre Pub et Culture/Institutionnel) a émergée avec ce nouveau média, mais la creuser est idiot. Le web ammène de très belles perspectives.

Enfin, voila pourquoi j'admire le travail de pédagogue que fait Etienne via son blog, où tout se mélange, le très bon graphisme étant le grand sujet.

gabyu, le mercredi 24 mai 2006 à 22:00 :: site

faire son propre cms .... ca coute rien d'acheter les services d'un developeur web qui te fait du sur mesure evolutif, non ?

:O)

sliporama, le mercredi 24 mai 2006 à 22:53 :: site

La photo debout avec l'affiche, c'est bien pour avoir une idée des couleurs, de l'échelle, des effets.

Moi je ne trouve pas ça too much un sujet sur les sites html chez les graphistes papier, c'est un constat (à l'amiable) sur une tendance qui manque un peu d'originalité ou une convergence et stagnation graphique ?
Je pense que les « branchés » ne se mouillent pas dans un domaine qu'ils ne connaissent pas ; les bonnes idées ne se limitent qu'au papier :-)

zammit, le jeudi 25 mai 2006 à 01:06 :: site

Bon, je reviens de chez François Miehe (un des trois fondateur du Grapus), jsuis un peu bourré, mais le barbecue était cool et il m'a répété que le web n'était certainement pas a abandonné.

sliporama, le jeudi 25 mai 2006 à 09:59 :: site

on a déjà les images sur youtube !
www.youtube.com/watch?v=1...

zammit, le jeudi 25 mai 2006 à 11:20 :: site

Bien joué Le Slip, je savais pas qu'on pouvait revoir les barbecues des arts déco sur internet! Après de telles orgies, comment faire du graphisme?

Jean-Baptiste, le jeudi 25 mai 2006 à 12:00 :: site

@gabyu: ben si tu connais, contacte-moi :)

kifffkifff, le jeudi 25 mai 2006 à 12:07

On ne peux pas penser un site comme on pense une affiche. Et je trouve dommage que, comme certains le laissent entendre, il s'agisse "juste" de montrer ses travaux. La question de la présentation est le coeur du design. Mais ce n'est pas pour autant qu'il faut utiliser des technologies complexes. Un exemple un peu hors-sujet certe : Claude Closky pour Mudam www.mudam.lu/ rubrique magazine

Dzzzz, le jeudi 25 mai 2006 à 15:08

…et donc ?

guigz, le jeudi 25 mai 2006 à 15:48 :: site

Pierre qui roule n'amasse pas mousse.

zammit, le jeudi 25 mai 2006 à 16:14 :: site

Le plus fort c'est Sagmeister et puis c'est tout.
www.sagmeister.com/

designerSlip, le jeudi 25 mai 2006 à 23:37 :: site

www.sagmeister.com/work9....
cette image était dans une dizaine de bouquins (étapes, eye, print, monographie, bouquin typo...) à la bibliothéque de mon école ^^

schtroumph_slipeur, le samedi 27 mai 2006 à 10:59 :: site

labonnemerveille.com/

c., le lundi 29 mai 2006 à 21:48

"Bon, je reviens de chez François Miehe (un des trois fondateur du Grapus), jsuis un peu bourré, mais le barbecue était cool et il m'a répété que le web n'était certainement pas a abandonné."

Moi je reviens du boulot, je suis crevé, mais la journée était cool, et je peux toujours me marrer en lisant les billevesées des parisiens qui se rendent compte qu'à force de mépriser les gens et de forcer la productivité/la spécialisation des tâches dans une optique de profit, ils ne savent plus travailler seul.

Maîtriser ses outils, c'était pas la base du métier avant l'ére digitale? Retourne à l'école zammit.

wookie, le samedi 10 juin 2006 à 10:45

C'est peu de le dire, en tous cas c'est bien ou courageux.
Pour autant le style graphique blanc-gris-couleur de base + trame n'est pas rédhibitoire en soi. Parfois il est même approprié et bien pensé mais il est repris partout, par tous et pour tout.
Je suis aussi enseignant dans une école d'art et je constate exactement les mêmes symptomes chez mes étudiants.
Au niveau de l'écran, hélas, ce style n'est pas un choix mais une facilité. L'ennui c'est quand la hype donne un alibi à la facilité comme excuse pour ne pas réfléchir sur la psychologie du rapport de l'utilisateur au contenu...
Car là ça reste une question essentiel de design, un site web est un support d'image ; l'écran au même type que le papier. Il y a différents supports écran tout comme il y a différents supports papier avec des objectifs différents. Le travail sur le sens et le message n'est pas plus différent entre une affiche et un catalogue qu'entre une affiche et un site.
C'est pour ça que je pense, moi aussi, qu'il s'agit d'un recul ou d'une excuse plus que d'un réel choix (et je pense même celà pour des graphistes chevronnés dont je peux admirer le travail par ailleur).