Avant toute chose, le graphisme a été calqué sur le design du site corporate, design que je n’ai pas réalisé (hélas, car je ne l’aurais pas fait comme ça ) Maintenant, le challenge était de designer un site fait pour le grand public, à partir d’un graphisme totalement réalisé pour des personnes en costard-cravatte.
L’affaire ne fut pas si simple que celà, et de nombreuses personnes ont pensé et repensé l’interface.
En passant, je salue Guillaume, Vincent, Stephane, et Sebastian, qui ont sacrément bossé sur ce redesign (si photoshop, c’est moi, l’élaboration, la conception, les choix ergonomiques, c’est toute l’équipe qui y a contribué !).

Voyons point par point maintenant.
La homepage est toute simple, et dans l’esprit des principaux moteurs de recherche. Que dire, si ce n’est que l’important, ici était le focus sur la barre de recherche, bien plus imposante que sur la dernière version du moteur. Les raccourcis, toujours présents n’ont pas réellement changé dans leur fonctionnement. La seule différence réside dans les « options » visibles en « hover » sur les vignettes.
En bas, on trouve une série de boutons, permettant de switcher sur les principaux « portails » d’Exalead. La part belle aux Labs, qui sont aujourd’hui bien plus mis en avant, c’est un bon point, l’innovation doit être mise en avant. Pour ce qui est du footer, il a été « agrandi ». Plus imposant, il permet de trouver les principaux accès aux informations concernant Exalead, aussi bien sur le Grand Public, que sur la partie Entreprise. Par ailleurs, on notera l’implémentation d’un suggest, lorsqu’on tappe une requete dans la searchbar, moi j’adore.

La page de résultats est semblable à celle de la version précédente. Si l’enrobage graphique est différent, le fonctionnement est le même. La publicité a une place moins importante, et son emplacement a été longuement réfléchi. 2 pubs sur une seule et même ligne, c’est top. La zapette sur le côté se voit améliorée en de nombreux points, et majoritairement sur les graphes, permettant de sélectionner les pays et les langues des résultats. Exalead n’est pas un moteur exceptionnel et je précise que ce n’est d’ailleurs pas la volonté d’Exalead que d’en faire un concurrent à Google, ou même à Bing. Voyons Exalead comme une alternative, différente, qui parfois remonte des résultats atypiques, intéressants, grace entre autres à cette fameuse zapette.

L’image search a été surement la partie sur laquelle nous avons le plus réfléchi. Dans un premier temps, nous désirions réellement mettre en avant les images, et non pas toutes les informations satellites (site web, poids, etc…) Le roll over était la solution idéale. Par ailleurs, le choix de n’afficher par défaut que la résolution de l’image est, à mon avis le plus pertinent possible. Sans prendre compte des résultats (de la qualité des résultats), la recherche image d’Exalead est selon moi la solution idéale (sauf sur un point, je vais y revenir). L’information primordiale, est présente : l’image et sa résolution, le reste n’étant affiché qu’en rollover. Aucune pollution, nada ; pour moi, c’est le top. La zapette a été placée au dessus des résultats, horizontalement. Toujours pour permettre aux résultats de prendre tout l’espace disponible.

Pour moi un essai bien transformé. Seul bémol à mon gout, le scroll infini. Pas de pagination est à mon gout une erreur. Je tiens à préciser que sur mes PSD, il y avait une pagination Les choses ont été revues, les avis changent. Si effectivement c’est sympa d’avoir un mur d’images infini, je trouve que la pagination apporte un repère important sur une recherche d’image. D’une part, on sait qu’à partir de la page 3 généralement les résultats sont moins bons, et de même, la pagination apporte un repère « mental » permettant de se souvenir par exemple d’une image qu’on a trouvé sur une session de surf différente (genre « j’ai trouvé une image page 3 qui correspondait le mieux à ce que je recherchais« ). Sur ce point, Exalead apporte néanmoins la possibilité d’enregistrer ses images dans un index en ligne. Une sorte de galerie perso, qui permet de revenir sur des images qui nous ont plu. Enfin, on notera de nouvelles options de « refine » dans la zapette. Un bon point.

La recherche vidéo et la recherche wikipedia sont principalement calquées sur la recherche normale. Je ne vois pas quoi dire de plus… Enfin, si vous êtes curieux, il existe de nombreuses pages satellites (enregistrement, login, about, preferences etc…) sur lesquelles je suis passées. N’hésitez d’ailleurs pas à vous enregistrer, c’est rapide, et ça ne mange pas de pain, et ça ouvre les portes à quelque services assez utiles.

Je suis très content de cette nouvelle version, d’une part, je suis flatté en tant que graphiste de trouver enfin ma patte sur le moteur de recherche. C’est un honneur pour moi, je déconne pas.
Par ailleurs, j’aime ce que j’ai fait, je pense avoir bien fait mon boulot. La contrainte d’adapter un design corporate sur un design grand public était un vrai challenge, et un vrai casse tête. Enfin, tout le travail d’équipe derrière est énorme, ne serais-ce que pour le « front ». De nombreuses cervelles ont été mises à contribution, cervelles imbibées de milliers de litres de café. Et pour le petit scoop, je sais que des évolutions mineures vont être adoptées par le moteur (quand, je n’en sais rien !), qui rendront le moteur encore plus performant. Mais je n’en dirais pas plus

Moi je dis Good Job Exalead, je suis très heureux d’avoir pu contribuer à tout cela, et très heureux d’avoir pu travailler avec des personnes aussi compétentes. Les gars, vous me manquez !

Le site Corporate est par définition la façade internet de l’entreprise qu’il représente. C’est un site très institutionnel, régi par des principes plutôt rigides, et dont la conception est assurée généralement par de nombreuses personnes de l’entreprise, ou du moins dirons-nous, que de nombreuses personnes participent à son élaboration, depuis les grandes lignes, jusqu’aux retouches finales : Le PDG (et surtout sa femme, qui a toujours les bonnes idées à l’heure du repas), le commercial qui voit en ce site un troisième bras qui lui permettra de vendre plus facilement ses produits (et aussi d’empocher les $$$ plus facilement ), les marketeux qui voient en ce site le moyen ultime de communication et qui pourront allègrement déverser tout leur savoir et vanter les nombreux mérites de leur boite et enfin le graphiste et/ou directeur artistique, qui eux espèrent pouvoir se la couler douce lorsqu’il devra concevoir / penser l’interface graphique du site Internet.

C’est là que tout commence. De nombreuses personnes pensent ce site, proposant souvent des avis divers et variés sur la présentation, le contenu, la navigation, les couleurs, les typos, les moyens employés et autres :

Le Marketing : « Le site sera bleu »
Le D.A. : « Il faut que notre futur site affiche des images conceptuelles et qui illustrent les valeurs de l’entreprise »
Le PDG : « Ma femme m’a dit que des enfants qui rigolent sur une bannière ça serait une super bonne idée, je veux pas la vexer »
Le Commercial : « Moi je veux des fiches produits, et des sous-fiches produits, et plein de diagrammes partout »
Le Graphiste : « Moi je pense qu’il faut pas trop se prendre la tête, voulez du café? »
Le Marketing : « J’ai vu que les concurrents se vantent d’être verts, faudrait mettre une rubrique pour montrer qu’on est écolos »
Le D.A. : « Ca serait vachement bien de mettre du flash, genre sur les bannières conceptuelles du commercial »
Le PDG : « Faudra mettre des quotes des partenaires, ils meurent d’envie d’écrire ce qu’ils pensent de nous »
Le Marketing : « Ok chef, je prépare les textes »
Le PDG : « Hum…ok »
Le Commercial : « On se fait une séance photo avec l’équipe commerciale, dans l’herbe en train de jouer avec des ballons de baudruche en forme de planète terre? »
Le Graphiste : « Vous me passez le sucre? »
Le Marketing : « Par ailleurs, faut qu’il passe sur IE6 »
Le Graphiste : « Boarf »

Et ainsi de suite…

Trop d’avis différents pour construire quelque chose de concret, enfin, du moins ça c’est l’idée de base… Dès lors le calvaire commence.
Pour illustrer cela de la manière la plus simple possible, imaginez qu’au départ, l’objectif étant de faire un jus de fruit à partir d’une orange. Le problème, c’est que votre entourage ne veut pas de jus d’orange. Votre femme veut du jus de pamplemousse, votre grand mère un jus de carotte, votre fils un jus de tomate, votre fille un jus de raisin et votre grand père des pancakes. Pour satisfaire tout le monde, on prend un peu de tout ces ingrédients, et on mixe le tout. Au final, on obtient un breuvage sur-vitaminé avec morceaux de pancakes, mais très certainement imbuvable. La création d’un site Corporate c’est à peu près la même chose.

On s’inspire de ce qui existe déjà. Et on « pique » tout. La navigation, l’agencement, le style graphique, l’arborescence… Pour reprendre ma superbe métaphore sur le jus de fruit, imaginez que vous utilisiez une bouteille de lait à 1/4 pleine pour y mettre votre multi-vitamines. Paf, ça le rend encore plus imbuvable!
Tout cela reste finalement trop basique pour être original et trop complexe pour être agréable. Ce sont des centaines de pages qui se dessinent, qui affichent un contenu qui se répète et qui tourne en rond, un blabla qui se transforme irrémédiablement en Ouroboros.

D’un point de vue graphique, le site corporate réunit les qualités suivantes (ironie inside) :
- L’émotion, traduite généralement par des hommes et femmes en cravate qui gambadent dans l’herbe verte, des sportifs en pleine action, des enfants, des parents, des retraités affichant un sourire plus grand que jamais, des employés qui s’extasient devant un écran DELL, des hommes d’affaire dans des situations conceptuelles, d’autres qui se serrent la main et bien évidemment, les majestueux buildings.
- Les graphes incompréhensibles
- Les menus traditionnels, souvent des menus avec sous-menu, sous-sous menu, et parfois même les menus secondaires.
- Des vignettes de captures d’écran (ou autres vignettes) non cliquables, et donc non-visibles en grand format.
- Le Bleu. Tout site corporate qui se respecte (ironie inside again) arbore fièrement des teintes bleues. C’est la finance, la plénitude et tout ça. Ouais, mais c’est pas original…
- J’en passe, des vertes et des pas mûres. ( ex : les « quotes » de partenaires, de clients qui ne veulent pas dire grand chose…)

Au final, le site Corporate, qui est censé promouvoir et desservir une entreprise ne dessert finalement que l’égo des personnes qui l’ont élaboré :
Nous l’avons vu, les arborescences trop complexes ont pour inconvénient de perdre l’utilisateur, et de disséminer les informations importantes sur des dizaines voire des centaines de pages.
Le manque d’originalité, lui nuit complètement à la reconnaissance de la marque. Preuve en est, lorsque vous aurez terminé la lecture de cet article, serez-vous capable de vous remettre en tête l’image d’un site à partir du nom de l’entreprise? Non j’en doute, à moins que vous n’apparteniez à une de ces entreprises
Le surplus d’informations n’apporte rien de bien concret à une image de marque et je pense, contribue plutôt à la rendre plus confuse. Une entreprise qui vante ses qualités, c’est normal, en plus d’être bien. Une entreprise qui noie son visiteur dans une masse d’informations indigeste, c’est moins bien. Et je pense même que pour ce qui est de l’indexation sur les moteurs de recherche, si on est effectivement mieux représenté, on a tendance à avoir des landing pages un peu partout, qui ne permettent pas forcément d’amener l’Internaute directement à ce qu’ON désire : amenez l’internaute à la page que vous désirez, à une page qui lui donnera envie d’en savoir plus, et non pas une page où il ne comprendra pas forcément à quoi elle sert, à quel endroit dans le site elle se trouve, et surtout, où elle mène.
Enfin, les pages croisées (c’est typique) complexifient encore plus la navigation au sein du site. Pour expliquer simplement, sur une page A, nous avons un lien dans le texte qui renvoie sur les pages B, C et D, qui elles-même sont accessibles dans le menu principal, et dans le menu secondaire. Vu comme ça, c’est simple, mais quand y’a en plus des, E, F, G, %, µ, £, $, 3, 2, ²…ça rend les choses plus complexes. En outre, un excellent moyen pour faire fuir le visiteur.
Dernier point, le temps de visite est à prendre en compte. Les gens ne restent pas très longtemps sur des pages, et ne vont certainement pas lire des milliers de pages pour être convaincus de l’efficacité d’un produit. Pourquoi ne pas lui donner l’information qu’il désire dans les 2 premières minutes de sa visite? (et encore c’est long !). Même si le client est certainement mandaté pour trouver le meilleur produit conforme au besoin de son entreprise, je doute que lui jeter à la figure des centaines de pages soit le meilleur moyen de le convaincre de son achat.

Alors oui, Clément, c’est bien beau tout ça, mais qu’es ce que tu recommandes?
D’un point de vue strictement personnel, si je devais réaliser un site Corporate là, maintenant et tout de suite, j’opterais pour :
- Quelque chose de graphiquement surprenant
- Quelque chose de simple, dans son ergonomie, et dans sa navigation
- Quelque chose qui va droit au but. Pas de blabla inutile, pas de texte à rallonge
- Quelque chose que le visiteur va retenir, qui va le marquer et dont il se souviendra pour ses qualités, sus-citées.
- Amener tous les acteurs (PDG, Commerciaux …) à une Roadmap simple, le travail le plus dur certainement : « Je vous fais diverses propositions, vous en choisissez-une, vous verrez, tout ira bien » !

Et pour illustrer mes propos, voici le genre de chose à ne pas faire :

http://www.futurevision.com.ua/
http://www.guardianedge.com/company/contact-us.php
http://www.roguewave.com
http://www.borland.com/us/products/team/index.html
http://www.coral8.com
http://www.enterprisedb.com

Et voici le genre de chose plus originale :

http://www.kupferwerk.com — On trouve le contenu traditionnel d’un site corporate, mais le graphisme est original et le ton est sympathique
http://www.mailchimp.com — Un graphisme sympathique, avec une « mascotte » que l’on n’oublie pas, l’information qui va droit au but
http://www.mediatemple.net — Un contenu imposant certes, mais un graphisme sympathique et différent
http://www.hostriser.com/index.php — Des textes courts, la taille des typo est grande, l’information portée simplement et naturellement
http://www.reinvigorate.net — Un graphisme très sympa, sobre mais tape à l’oeil, les textes sont très clairs
http://www.ohmedia.ca — Un graphisme qui surfe sur les tendances actuelles, et original d’un point de vue corporate
http://www.playintraffik.com — Bon, beaucoup trop d’information, mais l’aspect graphique est plutôt sympa
http://www.760disc.com — Un graphisme très sympa, et une information facile d’accès
http://www.panic.com — Une homepage simple mais originale, des « mini sites » très sympathiques pour chaque produit. Un must.

Je pense avoir fait le tour du sujet, de manière simple, objective, et rapide.
Bien évidemment j’admet avoir un peu enrobé tout celà et peut être un peu exagéré sur certains points. Néanmoins, je défend mon opinion générale. 90% des sites corporate que l’on croise sur le net portent mal leur marque, et ont tendance à noyer le visiteur dans l’information, trop abondante. Au final, ce dernier ne retient qu’une seule chose : Le Bleu !

A bon entendeur…

A lire au cas où ce n’est pas fait, mon premier post sur les péripéties d’un graphiste.
Cela me fait penser que je vais surement lancer une suite de posts de ce genre sur le métier de graphiste…si l’idée vous branche, n’hésitez pas à me le dire.

Un billet pour vous informer de l’ouverture d’un nouveau blog, by myself of course.
Il est clair que dernièrement, je n’ai pas pu m’occuper de celui-ci, et vous m’en voyez désolé.
Ceci étant, le concept est totalement différent sur ce nouveau blog intitulé « Inspirations ».

En tant que Graphiste, je puise mes inspirations à droite et à gauche du net, et très souvent, il m’arrive de créer des favoris que j’oublie très rapidement, ou du moins, que je perd. J’en ai des centaines et des centaines et franchement, 1 ou 2 mois après, retrouver mon fav est plutot long est fastidieux. Ainsi, j’ai décidé de créer Inspirations, qui n’est autre qu’un système d’archivage de sources d’inspiration potentielles…dans l’unique but de pallier au syndrome de la page blanche.

Ainsi, lorsque je tomberais sur un site sympathique, qui pour une raison ou une autre m’intéresse (graphiquement parlant), je le posterais sur le blog, laisserais un petit commentaire, un screenshot, et je l’archiverais dans des catégories qui m’aideront à le retrouver plus tard (par couleurs, ou éventuellement style).

Pas plus complexe que ça, je pense que je ne me briderais pas non plus qu’aux sites, je posterais aussi des logos, des visuels divers, et pourquoi pas des objets un peu design, aussi bien issus du net que de ce que je croiserais dans la vie réelle (photo iphone > flickR > blog).

Voilà voilà, l’adresse : http://www.imrage.net/inspirations

Rien n’est fixé quand à l’interface, le design est simple, mais pas des plus pratiques.

Imra

J’espère que vous appréciez, et n’hésitez pas à poster vos….impressions

Ah, dans les jours à venir, vous risquez de voir des modifications mineures, notemment pour la barre latérale.

Imra