Un devoir d’une semaine est devenu un site interactif, un prix national du web et le premier chapitre accidentel de mon parcours d’entrepreneur.
J’ai construit la première version en 1999, alors étudiant à Reims Management School. Elle utilisait des frises chronologiques interactives, des cartes en couches et une navigation par rollover pour expliquer l’histoire et la géographie chinoises — avant l’existence de Wikipedia et avant que je connaisse le vocabulaire du product design ou de la data visualisation.
1999première version construite
2000Grand Prix du public des Clics d'Or
2001Wikipedia sera lancé plus tard
Le brief accidentel
JE N’AVAIS MÊME PAS CHOISI LE COURS.
Reims · 1999
À la fin d’une semaine d’introduction à la Chine, les étudiants pouvaient rendre n’importe quel type de document montrant ce qu’ils avaient appris. Avec un camarade, nous avons choisi un site web.
J’étais étudiant du Programme Grande École à Reims Management School. J’étais aussi occupé, désorganisé et en retard pour choisir une option. L’administration m’a placé dans une semaine d’introduction culturelle à la Chine.
À la fin de cette semaine, le devoir était inhabituellement ouvert : produire quelque chose qui démontre ce que nous avions appris, dans le format de notre choix. Avec un camarade, nous avons décidé de créer un site web. J’ai réalisé l’essentiel du travail technique et d’interface, car je connaissais déjà un peu la programmation et j’avais commencé à expérimenter avec Macromedia Flash.
Le résultat n’était pas un rapport scolaire conventionnel simplement déplacé sur un écran. Je voulais rendre visible la structure du sujet : des milliers d’années d’histoire, des dynasties, des personnes et des événements d’un côté ; les fleuves, pays voisins, reliefs, provinces et villes de l’autre.
Avant de connaître le vocabulaire
C’ÉTAIT DE L’ARCHITECTURE DE L’INFORMATION, DE LA DATA VISUALISATION ET DU DESIGN D’INTERACTION — CONSTRUITS COMME UN RAPPORT ÉTUDIANT.
The domain became toutelachine.com. Le projet a continué à grandir après la fin du cours. Il est devenu un guide indépendant sur l’histoire, la géographie et la culture chinoises au lieu de disparaître dans le dossier d’un professeur.
L’histoire comme interface
UNE FRISE CHRONOLOGIQUE À EXPLORER SANS CLIQUER.
Déplacez le pointeur sur les dynasties, personnages et événements : l’interface changeait sur place. Le contexte restait visible au lieu de forcer l’utilisateur à naviguer dans une suite de pages déconnectées.
Idée d’interface · 1999
DES MILLIERS D’ANNÉES, UN SEUL CHAMP VISUEL.
Xia / ShangZhouHanTangSong / YuanMing / Qing
Confucius ●
Imprimerie ● 1041
Marco Polo ●
Pu Yi · 1912 ●
Il s’agit d’une reconstruction simplifiée, pas d’une capture d’écran de l’interface Flash originale. Le site encore accessible conserve le langage visuel et la structure de frise d’origine.
La carte pouvait afficher les fleuves, les pays voisins et le relief séparément ou en combinaison. Survoler le diagramme de Venn changeait les couches géographiques sans quitter la carte.
FLEUVES
PAYS
RELIEF
Ce qui m’intéressait n’était pas simplement de dessiner une carte. C’était de donner à l’utilisateur un contrôle compact pour poser différentes questions à la même géographie.
Les fleuves seuls expliquaient un système. Le relief seul en expliquait un autre. Les pays seuls en expliquaient un troisième. Les combiner faisait apparaître des relations — sans dupliquer la carte ni demander au visiteur de comprendre une hiérarchie de menus conventionnelle.
UNE CARTE. TROIS COUCHES. SEPT COMBINAISONS POSSIBLES.
Clics d'Or · 2000
PUIS LE PROJET D’ÉCOLE A REMPORTÉ UN PRIX NATIONAL DU WEB.
Créés en 1997 sous les bannières CB News et Yahoo!, les Clics d'Or sont devenus l’un des points de rencontre de l’industrie française naissante de l’internet. La cérémonie réunissait généralement autour d’un millier de personnes issues des agences, médias, services et de l’économie du web au sens large.
En 2000, la liste des lauréats comprenait Clust, Boursorama, Transfert.net, 70 Degrés Sud — ainsi que Bernard Arnault comme « Homme de l'année ». Toutelachine.com a remporté le Grand Prix du public dans la catégorie page amateur/personnelle.
Ce contexte compte. Je n’arrivais ni avec une agence, ni avec une startup financée, ni avec un réseau à Paris. J’étais étudiant à Reims avec un site qui avait commencé comme devoir. Soudain, je me retrouvais dans la même salle que des personnes qui construisaient la première génération d’entreprises internet françaises.
LE PRIX ÉTAIT UNE VALIDATION. LA SALLE ÉTAIT L’OPPORTUNITÉ.
Une vie médiatique inattendue
INTERNET ÉTAIT ASSEZ PETIT POUR REMARQUER LES CHOSES ÉTRANGES.
Toutelachine a continué d’apparaître dans des médias généralistes et spécialisés : Le Monde, Télérama, Elle, France Culture, France 5, Encarta, Nouvel Obs et d’autres.
À la cérémonie des Clics d'Or, j’ai rencontré François Guilmoto, l’entrepreneur derrière Minitelorama, l’une des entreprises qui avaient appris à monétiser des services d’information à l’époque du Minitel et qui déplaçait ces activités vers le web.
Nous sommes restés en contact. Nous nous sommes revus et avons exploré la possibilité de construire un business autour de la Chine. Il n’y en avait pas d’évident. Quelques mois plus tard, je suis revenu avec quelque chose de complètement différent : Trombi.com, un très jeune trombinoscope étudiant montrant déjà une première traction virale.
Il a immédiatement compris l’effet de réseau. Minitelorama a contribué à financer la création de la société, fourni des bureaux et donné accès à de l’inventaire publicitaire. J’avais très peu de sécurité financière et très peu de pouvoir de négociation, les conditions étaient donc bien plus favorables à l’investisseur que celles que je recommanderais aujourd’hui à un fondateur. Mais l’accord a permis au projet de continuer.
C’est le fil que je trouve aujourd’hui extraordinaire : un cours non choisi a produit un site ; le site a produit un prix ; le prix a produit une relation ; cette relation a donné à un produit social de trois mois son premier soutien institutionnel.
Je n’ai pas choisi le cours sur la Chine dans le cadre d’un grand plan. J’y ai atterri parce que je n’avais pas choisi une autre option à temps. Ce brief accidentel a créé l’espace pour une expérimentation bien plus importante.
L’interaction peut expliquer
Les rollovers n’étaient pas décoratifs. Ils permettaient de se déplacer dans le temps et entre les couches sans perdre le contexte. L’interface faisait partie de la manière d’expliquer le sujet.
Un projet parallèle peut devenir un canal de distribution
Le prix et la presse ont fait plus que valider le site. Ils m’ont donné accès à des salles et à des relations que je n’aurais jamais atteintes comme étudiant envoyant des CV.
Construire d’abord, nommer ensuite
Je ne connaissais pas encore des termes comme product design, architecture de l’information ou data visualisation. Je voulais simplement une meilleure manière de comprendre un système complexe et j’ai appris les outils nécessaires pour la construire.
Épilogue
LA PREMIÈRE CHOSE QUE J’AI CONSTRUITE N’ÉTAIT PAS UNE STARTUP.
Toutelachine n’est jamais devenu l’entreprise. C’est précisément pourquoi il compte dans ce portfolio. Il me rappelle qu’un projet n’a pas besoin d’un business model pour avoir un effet de levier énorme sur une carrière.
Il m’a appris que j’aimais transformer de l’information dense en quelque chose d’explorable. Il m’a donné confiance dans le fait que des personnes hors de mon école pouvaient s’intéresser à ce que j’avais construit. Et il m’a présenté la personne qui aiderait à créer Trombi.com.
L’histoire de l’entrepreneur commence plus tard. L’histoire du builder commence ici.