Volver a las historias de creación

Historia de origen · 1999–2000

TOUTELACHINE.COM

Una tarea académica de una semana se convirtió en un sitio interactivo, un premio nacional de la web y el primer capítulo accidental de mi historia como fundador.

Construí la primera versión en 1999 como estudiante en Reims Management School. Utilizaba líneas de tiempo interactivas, mapas por capas y navegación por rollover para explicar la historia y la geografía de China — antes de que existiera Wikipedia y antes de que yo conociera el vocabulario del product design o la visualización de datos.

1999primera versión construida
2000Grand Prix del público de Clics d'Or
2001Wikipedia se lanzaría después

El encargo accidental

NI SIQUIERA ELEGÍ EL CURSO.

Reims · 1999

Al final de una introducción de una semana a China, los estudiantes podían entregar cualquier tipo de documento que mostrara lo aprendido. Un compañero y yo elegimos hacer un sitio web.

Era estudiante del Programme Grande École de Reims Management School. También estaba ocupado, desorganizado y llegué tarde a elegir una optativa. La administración me asignó una introducción cultural de una semana a China.

Al final de esa semana, la tarea era inusualmente abierta: entregar algo que demostrara lo aprendido, en el formato que quisiéramos. Un compañero y yo decidimos crear un sitio web. Hice la mayor parte del trabajo técnico y de interfaz porque ya sabía algo de programación y había empezado a experimentar con Macromedia Flash.

El resultado no era un informe académico convencional trasladado a una pantalla. Quería hacer visible la estructura del tema: miles de años de historia, dinastías, personas y acontecimientos por un lado; ríos, países vecinos, relieve, provincias y ciudades por el otro.

Antes de conocer el vocabulario

ERA ARQUITECTURA DE LA INFORMACIÓN, VISUALIZACIÓN DE DATOS Y DISEÑO DE INTERACCIÓN — CONSTRUIDOS COMO UN TRABAJO ACADÉMICO.

El dominio pasó a ser toutelachine.com. El proyecto siguió creciendo después del curso. Se convirtió en una guía independiente sobre historia, geografía y cultura china en lugar de desaparecer en una carpeta de un profesor.

La historia como interfaz

UNA LÍNEA DE TIEMPO QUE PODÍAS EXPLORAR SIN HACER CLIC.

Al mover el puntero sobre dinastías, personas y acontecimientos, la interfaz cambiaba en el mismo lugar. El contexto permanecía visible en vez de obligar al usuario a pasar por una secuencia de páginas desconectadas.

Idea de interfaz · 1999

MILES DE AÑOS, UN SOLO CAMPO VISUAL.

Xia / ShangZhouHanTangSong / YuanMing / Qing
Confucius ●
Imprenta ● 1041
Marco Polo ●
Pu Yi · 1912 ●

Esta es una reconstrucción simplificada, no una captura de la interfaz Flash original. El sitio que sigue disponible conserva el lenguaje visual y la estructura de la línea de tiempo originales.

Visitar el sitio todavía accesible

La geografía por capas

EL DIAGRAMA DE VENN ERA LA NAVEGACIÓN.

El mapa podía mostrar ríos, países vecinos y relieve por separado o combinados. Pasar el cursor sobre el diagrama de Venn cambiaba las capas geográficas sin abandonar el mapa.

RÍOS
PAÍSES
RELIEF

Lo que me interesaba no era simplemente dibujar un mapa. Era ofrecer al usuario un control compacto para formular preguntas distintas sobre la misma geografía.

Los ríos por sí solos explicaban un sistema. El relieve, otro. Los países, otro. Combinarlos hacía visibles las relaciones — sin duplicar el mapa ni pedir al visitante que entendiera una jerarquía de menús convencional.

UN MAPA. TRES CAPAS. SIETE COMBINACIONES POSIBLES.

Clics d'Or · 2000

DESPUÉS EL PROYECTO ACADÉMICO GANÓ UN PREMIO NACIONAL DE LA WEB.

Los Clics d'Or se crearon en 1997 bajo las marcas de CB News y Yahoo! y se convirtieron en uno de los puntos de encuentro de la emergente industria francesa de internet. La ceremonia reunía habitualmente a unas mil personas de agencias, medios, servicios y del ecosistema web en sentido amplio.

En 2000, la lista de ganadores incluía Clust, Boursorama, Transfert.net, 70 Degrés Sud — y a Bernard Arnault como «Homme de l'année». Toutelachine.com ganó el Grand Prix du public en la categoría de página amateur/personal.

Ese contexto importa. Yo no llegaba con una agencia, una startup financiada o una red en París. Era un estudiante en Reims con un sitio que había empezado como tarea. De repente estaba en la misma sala que personas que construían la primera generación de empresas francesas de internet.

EL PREMIO ERA VALIDACIÓN. LA SALA ERA LA OPORTUNIDAD.

Una vida mediática inesperada

INTERNET ERA LO BASTANTE PEQUEÑO COMO PARA FIJARSE EN COSAS EXTRAÑAS.

Toutelachine siguió apareciendo en medios generalistas y especializados: Le Monde, Télérama, Elle, France Culture, France 5, Encarta, Nouvel Obs y otros.

La conexión que importó

EL VERDADERO PREMIO FUE CONOCER A ALGUIEN.

En la ceremonia de los Clics d'Or conocí a François Guilmoto, el emprendedor detrás de Minitelorama, una de las empresas que había aprendido a monetizar servicios de información en la era del Minitel y estaba trasladando esas actividades a la web.

Seguimos en contacto. Nos volvimos a ver y exploramos si había un negocio que construir alrededor de China. No había uno evidente. Unos meses después regresé con algo completamente distinto: Trombi.com, un directorio estudiantil muy joven que ya mostraba primeras señales de tracción viral.

Entendió inmediatamente el efecto de red. Minitelorama ayudó a financiar la constitución de la empresa, proporcionó oficinas y acceso a inventario publicitario. Yo tenía muy poca red de seguridad financiera y muy poco poder de negociación, así que las condiciones eran mucho más favorables al inversor de lo que recomendaría hoy a un fundador. Pero el acuerdo mantuvo vivo el proyecto.

Ese es el hilo que hoy me parece extraordinario: un curso no elegido produjo un sitio web; el sitio produjo un premio; el premio produjo una relación; y esa relación dio a un producto social de tres meses su primer respaldo institucional.

Continuar a Trombi.com

Lo que sobrevivió

LAS HERRAMIENTAS CAMBIARON. EL INSTINTO NO.

Las restricciones pueden crear el proyecto

No elegí el curso sobre China como parte de un gran plan. Acabé allí por no haber escogido otra opción a tiempo. Ese encargo accidental creó el espacio para un experimento mucho más importante.

La interacción puede ser una forma de explicar

Los rollovers no eran decoración. Permitían moverse por el tiempo y por distintas capas sin perder el contexto. La interfaz formaba parte de la manera de explicar el tema.

Un proyecto paralelo puede convertirse en distribución

El premio y la prensa hicieron más que validar el sitio. Me llevaron a salas y relaciones a las que nunca habría llegado como estudiante enviando currículos.

Construye primero, ponle nombre después

No conocía términos como product design, arquitectura de la información o visualización de datos. Simplemente quería una forma mejor de entender un sistema complejo y aprendí las herramientas necesarias para construirla.

Epílogo

LO PRIMERO QUE CONSTRUÍ NO FUE UNA STARTUP.

Toutelachine nunca se convirtió en la empresa. Precisamente por eso importa en este portfolio. Me recuerda que un proyecto no necesita un modelo de negocio para tener un enorme efecto de palanca sobre una carrera.

Me enseñó que me gustaba convertir información densa en algo explorable. Me dio confianza en que personas fuera de mi escuela podían interesarse por algo que yo había construido. Y me presentó a la persona que ayudaría a constituir Trombi.com.

La historia como fundador empieza después. La historia como builder empieza aquí.