Dans cette bande annonce on entend les voix de Jonathan Ive, Andrew Blauvelt, Marc Newson, et Karim Rashid. Musique : “I Like Van Halen Because My Sister Says They Are Cool”. La typo utilisée par le trailer est une … Akzidenz Grotesk, bien sur :-)

Coup de coeur pour Always With Honor, un collectif specialisé dans la création de cartes, icones et d’illustrations d’information. Ils parviennent à faire ressortir des informations complexes au travers des illustrations parfois droles, mais toujours riches en couleurs et agréables à la lecture.

Pas étonnant que leur travail a été souvent utilisé pour les magazines tels que GOOD, Esquire ou Monocle.

Pas de web pour ce dernier jour avant le weekend, tradition oblige, mais un retour sur une revue : Ink est une expérimentale, géré par le studio graphique Superscript², composé de Pierre Delmas Bouly et Patrick Lallemand. Célèbres pour leurs installations numériques et affiches, ils ont également investi le support du livre objet.

Le concept est simple, faire participer les acteurs de la typographie autour de questions majeures telles que la lisibilité, la lecture sur écran. Un exemple de création ci-dessous, réalisé par l’atelier IC&K pour le numéro 0, expliquant les mécanismes de lecture.

Pour sa 4e édition, sous le thème “laboratoire typographique” sortie il ya un peu plus d’un mois lors du festival de Chaumont, une belle brochette de participants : Autobahn, Thomas Bizzari, Jocelyn Cottencin, Wim Crouwel, Emigre, Karl Nawrot, et de l’ESA de Lorient. Et c’est à voir sur le site officiel, et sur Manystuff.

ˆliste simplifiée

ˆliste détaillée. Devinez qui va se faire bloquer …

Grace à ce nouvel affichage de followers et de leur dernier post, il est désormais plus facile d’identifier les spammers et autres comptes d’utilisateurs sensibles, et les bloquer evidement plus rapidement, mais aussi de suivre les followers de vos followers/followés (oui, je sais…).

Les icones utilisées sont sobres d’une seule couleur, et évoquent une possible déclinaison de l’interface sur un site mobile/ application iPhone. À n’en pas douter que l’équipe utilise des Macs et s’est inspirée des icones sur la barre d’outils du Finder de Léopard.

Je pourrais vous parler de l’impact considérable qu’a causé cet artiste aux multiples façettes, toutes plus étranges les unes que les autres.

Comme on traite ici parfois d’actualité, voici quelques captures d’écrans, à quelques minutes de l’annonce officielle de sa mort, ce jeudi 25 aux États-Unis, que j’ai pu capturer.

Ce que l’on constate :

• Twitter l’a encore emporté haut la main sur la couverture de l’événement, et ce, malgré que les serveurs soient tombés. 15% des tweets ont, par moment, été le fait de la mort de Mj. La majorité des twitter trends sont sur ce sujet.
• les medias américains, TV notamment, aussi, ayant pu survoler les zones avec ses hélicoptères. Rappelons-le, tout cela s’est passé à Los Angeles, près d’Hollywood.
• Les sites médias français ont quasiment tous repris l’info sur leur site web, et l’ont placée en une, avant d’aller se coucher vers 3h au plus tard. Mais globalement, la couverture de l’événement a été discrète et sobre.
• Les sites officiels ont communiqué sobrement également (Sony, michaeljackson.com).

L’image selon moi la plus saisissante, vu en direct par des millions de téléspectateurs, est celle du transport du corps, une sorte de passage vers l’au-delà. Comme moméfié, le roi de la pop est déjà comme une sorte de Pharaon.

Le site a été réalisé avec Dmtr, qui possède lui-aussi un portfolio des plus intéressants.

Photos : Flickr set

Le très animé site de Capacity, avec le show reel 2009 du studio californien. Original, le site permet de prévisionner les images, pendant le chargement (plus de 90mb en HD). Enfin, le reel est customisable : l’équipe vous arrangera la vidéo avec quelques infos vous concernant, que vous aurez préalablement transmis.

➜ Voir le showreel sur le site capacity.tv

La mise à jour de son portfolio laisse également découvrir sa récente implication dans la création de la maquette et mise en page du magazine Under The Influence.

Le point intéréssant est que l’outil embrasse les réseaux sociaux, elle permet d’etre partagée sur Facebook ou même un blog.

Dans le même temps, il faut reconnaître que l’utilisation des visuels et de ce type d’interface devient de plus en plus fréquent, presque banal, et qu’en tant que designers d’interface, il va falloir peut etre approfondir sans uniquement reproduire.

Andy Babb réalise un alphabet entier basé sur la grille de triangles équilatéraux, comme le montre cet exemple :

Andy cherche un distributeur pour commercialiser sa fonte. Si vous êtes intéressés, vous pouvez aller trouver son contact sur son site.

Le film de Yann Arthus Bertrand remercie largement les acteurs de PPR, après quoi vous êtes directement plongés. L’objectif du film, faire prendre conscience de tous les petits et gros abus de la vie quotidienne, et proposer un partage du film. Je cite : “J’aimerais que ce film devienne aussi votre film. Partagez-le. Et agissez.”. Mais vu qu’ils refusent l’embed, je l’ai téléchargé et mis en partage via un lien quicktime.

Profitez fond noir de ce site pour mieux apprécier la vidéo.

Tout le symbole des beaux jours sur Paris se résume à ce déchaînement de couleurs !

Le tout sur le titre des Death Cab for Cutie, Little Bribes, dont il est visiblement très fan. Et moi aussi.

Le site, réalisé entièrement sous flash, est particulièrement minimal et fonctionnel. Une pure beauté dans la valorisation du portfolio et des projets effectivement conçus, tels que l’application AIR Skimmer dont nous avions présenté les grandes lignes.

Hormis le fait que Von nous étonne toujours par ses illustrations, j’avais davantage envie (besoin?) de présenter le site lui même, réalisé par le talentueux Darren Firth, fondateur de Wearitwithpride, et DA de MadebySix. designer de nombreuses autres subtilités visuelles.

Retrouvez d’autres photos sur le set flickr d’inspirations de sites.

Seoul et son fleuve qui symbolise la separation du yin et du yang, un des symboles du pays.

Tokyo et l’immense variété de ses infrastructures et plus de 1500 stations.

Osaka et les villes aux alentours, symbolisant une pieuvre et ses tentacules. Plus d’informations sur le blog des auteurs de ces cartes, zero par zero.

Edit : J’ai corrigé le nom de ma légende (merci Nicolas)

Le site a été lancé pour mieux pénétrer les marchés occidentaux, européens. Cette nouvelle mouture tente d’aborder les défis des CMS d’aujourd’hui : localisation, fluidité d’affichage.. la suite en images.

Libre à vous d’apprécier (ou pas) ces vrais coups de génie, pour ma part, c’est toujours un grand régal. Je sais pas si ca se sent, mais pour ma part … j’adore. WOW.

Retour sur leur profil, avec cette vidéo que j’avais capturé à l’occasion des Pecha Kucha #4, en avril 2008.

Vous l’aurez peut etre deviné, c’est Yiying qui a crée l’une des icones 2.0 de l’année 2009, le fail whale de Twitter !

Ce serait dommage pour nous (et pour elle) que de la limiter à cette création, d’autres vous attendent sur son site et profil flickr.

Pour ces quelques jours de repos en France, mon petit coup de coeur photographique sur le GOTOCHINA, un site/portfolio/guide de Shanghai et Beijing.

Réalisé par des étudiants norvégiens en 2008. Si ces photos sont relativement ‘classiques’ pour tout visiteur ou touriste, leur mise en valeur révèle l’intérêt de créer des guides visuels plutot que textuels. Une initiative qui séduit Ruba, un guide fraîchement sorti qui lance ses guides visuels.

Je me surprends, parfois, à perpétrer le geste qui tue, sur un bout de texte si rabougri qu’il me parait finalement plus rapide de le saisir ? Il est du à l’assuétude. D’abord, elles se tiennent à proximité l’une de l’autre. Ensuite, le geste est si rapide, quasi instantané.

Alors, le temps d’un soir, je me suis amusé à écrire, sans ⌘C ni ⌘V. J’imagine, un jour, organiser une journée sans ces quelques portions de clavier.

Les pays riches et industrialisés reprochent souvent à la Chine d’être fortement émettrice de gaz à effet de serre et d’ainsi accroître les changements climatiques à l’échelle mondiale. Dans le même temps, l’occident est inconsciente que c’est elle qui alimente ce processus en encourageant cette révolution industrielle chinoise.

La caméra SprintCam v3 filme à 1000fps…

ˆ La home Page (apercu du CP de la veille)

Les problématiques évidentes

Avec l’un des sites traditionnellement les plus mainstream, la refonte du site tf1.fr s’avère toujours être un révélateur de l’accueil et de l’enthousiasme fait aux nouvelles technologies et fonctionnalités propres au web. Avec une lourde responsabilité, celle de porter les tendances, dans un goût du risque et d’une culture ouverte à la nouveauté… ou de les fuir, dans un souci de rationalisation et de culture du risque, propres aux grandes sociétés multinationales.

Ce site, c’est d’abord un monstre ! Un monstre de contenu dans lequel on peut rapidement se retrouver débordé, si la zone de navigation est trop rebutante, par exemple. Ensuite, une autre difficulté consiste à séduire les jeunes internautes, friands de nouvelles technologies, tout en permettant aux telespectateurs moins jeunes, de taper sur son clavier d’ordinateur la bonne adresse avec le bon sous-domaine : TF1.fr, c’est près de 50 sous-domaines actifs et 1.5 million de pages référencées dans Google !

Les réponses

Tf1.fr se cherche parmi trois ‘angles’ du web : le web social (utilisation de facebook, forums, partage de vidéos), le web de l’information (rubrique actualité), et le web documentaire (rubriques plus corporate). À la manière des sites US (voir juste après ce §), les medias TV foncent tous, les uns a la suite des autres, vers une consolidation de la fonction servicielle de leur site. Pour mieux faire passer les budgets, et la pilule aux financiers, rien de mieux que de présenter le site comme un complément naturel du media traditionnel qui se positionne en media dominant.

Dans cet aperçu, comparons l’ancienne version et la nouvelle, en constatant finalement que la partie du web social, en orange, devient de plus en plus présente sur le site, au détriment de l’info (en vert), qui se maintient toutefois dans les premiers écran, mais sous les grands bandeaux annonçant les programmes ‘primetime’. La publicité (en violet) est moins présente en homepage, ce qui est à saluer.

Avec ce nouveau site, l’orientation est clairement affichée de prendre le parti d’une fourniture de contenus vidéos ‘Catch Up TV‘ en streaming HD. L’occasion de canaliser une partie de l’audience générée à l’extérieur de tf1.fr, sur les sites concurrents distributeurs de contenus, c-a-d Dailymotion ou Youtube, les internautes concurrents et friands de ‘morceaux choisis’, tels que ceux que nous concocte régulièrement le fameux ‘chien du web’ FullHDReady, mais aussi aux concurrents indirects tels que les utilisateurs équipés de boitiers TNT avec encodeur comme on en trouve chez Elgato.

Une maquette peut parfois révéler des problèmes en interne

Je ne connais aucun des secrets en interne, mais, comme je le dis souvent, la maquette affiche souvent publiquement ce qui se trame dans les sphères internes. Le portail de TF1 affichait, il ya encore quelques années, un manque de cohésion et d’unité quant à son zoning en homepage. On se souvient des lopins de terre affectés à chaque service, on devine facilement le niveau de compétition interne afin de déterminer les positions hautes sur la page, entre actu, émissions, régie pub. Tous ces aspects, dont Étienne Mineur se régalait de présenter, semble faire de plus en plus partie du passé du site de TF1. Et, dans cette logique, on s’attend à un éloignement de ces zonings chaotiques. Un progrès a déjà été accompli lorsque l’on voit la hauteur de scroll de la page, avec une vraie volonté de vouloir la raccourcir et d’aller à l’essentiel. Le concept du portail fourre-tout arriverait-il à sa fin sur les sites médias ?

ˆ Revival de la maquette de tf1.fr et lci.fr, vu sur le blog d’Étienne Mineur, my-os.net

Une nécessaire interaction TV + Web.. et le physique dans tout ça ?

Avec les nouveaux usages du web par les jeunes, qui consomment souvent le web et la télé dans le même temps, rien de mieux que de proposer à ces jeunes davantage, qu’une participation dissociée entre l’activité à l’écran et l’activité en ligne.. Avec la superbe prestation de CNN.com avec l’intronisation de Barack Obama sur Facebook et sur CNN.com, l’interaction est possible, l’audience TV, un peu mieux qualifiée. On pourrait imaginer gérer une partie du CRM de la chaîne via le web. Les exemples d’évenement web+physique+tv existent déjà en France, comme les participations d’internautes à commenter une émission de TF1, Confessions Intimes, tout en jouant au Bingo…

Le mobile et l’application iPhone

Les développements du site ont également porté sur les pendant mobiles, avec un site mobile, ainsi qu’une application iPhone plus concentrée sur les contenus vidéos. Avec l’arrivée de l’application Orange TV, et du pré-installé iTunes ou Youtube, la concurrence est également rude dans ce secteur.

C’est vraiment bientot l’été !

Ces travaux colorés et un brin delavés sont l’oeuvre de Chad Hagen, qui produit des illustrations dont l’objectif est de satisfaire l’oeil sans avoir le moindre besoin de lire ou décrypter l’information affichée. Son travail pose la question de l’efficacité d’une infographie. Elle n’est pas le résultat d’une fuite en avant vers plus d’esthétisme mais davantage dans sa quête de sens.

Racontes nous rapidement ton parcours, et notamment les raisons pour lesquelles tu as choisis l’Ensad ?

Une fois le bac en poche, je suis resté une année aux Beaux-Arts de Beauvais pour y être formé dans une classe prépa et j’y ai préparé les concours des écoles d’arts de Paris. J’ai eu la chance de réussir le concours de l’Ensad et d’intégrer la section design graphique / multimédia… Comme j’ai eu un ordinateur dans les mains depuis l’enfance et que je me passionne pour la forme, le texte, l’image et le dessin, je n’ai pas hésité une seconde quand on m’a proposé de faire quelque chose que j’aime. ;-) Aujourd’hui, je suis en 5e année à l’Ensad, je réalise mon diplôme sur la Liberté citoyenne et j’ai déjà commencé mon métier de designer graphique indépendant !
 

Le projet “j’affiche.fr” se fait remarquer lui aussi de plus en plus. En quoi consiste-il ?

Simplement, Jaffiche.fr est un espace de création sur l’actualité. Le but de ce blog et de ces affiches est de me motiver à créer, à dessiner, à réfléchir. De plus, comme depuis toujours j’attache beaucoup d’importance à l’actualité, c’est une manière pour moi de pouvoir réagir sur ce qui me touche et de le partager.
 

Quels sont les illustrateurs références qui t’inspirent ?

J’ai la chance d’avoir étudié l’art depuis de nombreuses années, tous les styles et les époques m’ont touchés sous de nombreux aspects; les années 20, le constructivisme russe, la bande dessinée, l’art contemporain, Soulages, Tapiès, Eisenstein, Boltanski, j’en passe :-)

Que penses-tu de l’esprit ambiant dans l’affichage urbain ? Avec l’usage important de la photographie, comment l’affiche ‘illustrée’ peut-elle trouver une place de choix comme support de communication visuelle ?

Au sein de la ville, l’affichage urbain se décline systématiquement de façon publicitaire. Les rares éléments qui se différencient sont les éléments visuels d’autorité (signalétique, information, horaires, affichage politique, etc.) ou artistiques (pochoir, graffiti, collage, etc.). L’affiche “illustrée” à but commercial fait parfois campagne mais reste rare. Elle à le mérite de “changer” la donne et, je l’espère, de questionner un peu sur le systématisme visuel publicitaire. Son point positif également c’est qu’elle emprunte le talent d’un ou de plusieurs artistes/auteurs. Concernant l’affiche “illustrée” citoyenne, qui serait affichée librement, elle se fait encore plus rare dans le paysage urbain et je pense qu’il faudrait la rendre plus visible, plus présente, avec une vision d’auteur, d’artiste, de penseur et d’acteur, dans le but d’émouvoir son public, de le faire réagir, de le faire penser afin qu’il puisse à son tour affirmer ce qu’il pense et pourquoi pas, créer un dialogue ?
 

Avec tout le buzz récent sur ce projet et ses créations, as-tu de nouvelles ambitions et orientations à donner au site ?

Depuis le début de Jaffiche.fr, je me suis dis “un jour quand j’aurais de nombreuses affiches, je ferai le tri, je les imprimerai et j’essayerai de trouver une petite place où les exposer (que ce soit une galerie, une salle municipale, quelque chose dans le genre…). Toujours dans le but de dire “voilà ce que je pense, et vous, que pensez-vous ?”… Bon bien-sûr il faudrait des petits fours, du champagne, des ballons et de la musique baroque ;-)) (*humour*). Sinon j’ai récemment ouvert un groupe Facebook pour que les gens soient tenus au courant des nouvelles affiches (sans forcément aller sur le site tout le temps ou s’abonner au flux rss). Pour les autres idées, j’en ai quelques-unes, mais elles seront dévoilées au fur et à mesure ;-)))) chuuut !

Tu dis que les affiches sont réalisées en un éclair, éclaire-nous sur le temps que cela doit te prendre…

*rires* oui en effet, elles sont spontanées, c’est sûr.. Mais, je peux passer 30 minutes à trouver la bonne typographie, 10 minutes à chercher une couleur pour me dire qu’au final le noir était tout simplement la bonne “couleur”, et 5 minutes à choisir la bonne espace typographique ! J’ai même parfois presque terminé une affiche pour me dire qu’elle n’est pas si terrible et je la laisse au fond du placard. D’ailleurs, certains commentaires me font également changer certaines choses à posteriori sur mes affiches, ça reste quand même rare.
 

Comment choisis-tu les sujets sur lesquels tu travailles ? Avec quelle sources et sites ?

Je suis branché sur Google News, je regarde les informations le matin et le soir et en journée j’ai twitter d’ouvert (la meilleure source d’information!) qui vient en complément. Dès que je “tilte” sur un sujet d’actu qui me touche (une guerre, un président qui dit une énormité, la mort d’une personnalité, une manifestation, etc.) je prend un carnet et un crayon, je dessine, et surtout je me documente un maximum sur le sujet pour être à peu prêt sûr de ne pas dessiner de bêtise ;-)
 

Et si un média traditionnel te demande si tu souhaites animer une rubrique basée sur tes travaux…

Je ne renverrais pas en bloc leur proposition ! En effet, j’aimerais bien avoir la possibilité de diffuser mon travail plus largement et que l’on me propose des sujets d’actualité intéressants sur lesquels me pencher mais pas sous n’importe quelle condition, je tiens vraiment à rester très libre sur le ton que j’emploie pour que ça reste toujours un plaisir :-)

Le but d’une affiche étant de se placarder au mur, prévoies tu de proposer le tirage de tes affiches sur papier ?

Économiquement parlant, je ne gagne pas un centime avec Jaffiche.fr car mes affiches sont là pour être diffusées librement (avec mon accord). Je ne met pas non plus de publicité sur le blog. On me demande parfois “est-ce que je peux imprimer sur un t-shirt à un usage personnel ton affiche sur le pape ?”, ou encore “est-ce que je peux imprimer ton affiche sur Twitter pour l’encadrer dans mes toilettes ?”, après quelques échanges de mails, la réponse est souvent oui -mais pas toujours-. Pour en revenir à cette expo potentielle dont je parlais plus haut.. ce jour là, je proposerai sûrement les tirages de mes affiches en grand format ;-)

Merci Geoffrey !

Le site doit notamment exprimer toute la diversité des opinions des journalistes du web, tout en représentant les différents chroniqueurs et éditorialistes qui publient régulièrement sur le site.

C’est le résultat de beaucoup de boulot en tests, écriture de documentation et intégration.

Quelques nouveautés : L’identité du site, avec, entre autres, son nouveau logo que l’on retrouve dans la zone d’identification du header, sa nouvelle typographie basée sur la Verdana, Géorgia et quelques restes d’Arial, des graisses normal aux Black.

L’éditorial n’est pas en reste, qui a complètement revu son rubriquage et qui se mobilise pour accompagner chaque sujet d’une liste de liens internes, d’une sélection de phrases intéressantes ou intrigantes, et d’une disponibilité des titres sous 4 colonnes.

Quelques gros plans (à différentes échelles, du 100% au 1600%), de cette nouvelle version, dans la suite.

Merci à toutes les équipes qui ont travaillé sur le projet, une sorte de commando opérationnel, appelé ‘Webrocks’, composé d’Emmanuel, Fréderic, Corine, Karim et Daniel !

À mes lecteurs adorés : n’hésitez pas à me signaler sur ce site tous les bugs que vous pourriez rencontrer sur le site :-) Les utilisateurs interne du Point utilisant Mac, il se pourrait que l’affichage sur IE6 soit truffée de petits soucis.