[StoryTelling] This is Roger Federer

Hace tiempo que tenía esta idea de tablero para cuando llegara el día del retiro de su majestad. Lamentablemente demoré más de la cuenta, pero lo importante es conocer más sobre este brutal deportista.

En este artículo vamos a comentar sobre el desarrollo del storytelling del tenista que me hizo gustar este deporte, Roger Federer. 

Les doy la bienvenida al Storytelling que se titula "This is Roger Federer".

Historia

Para contar esta historia he creado un menú lateral izquierdo y dividí la secuencia en tres principales capítulos.

  1. Datos y resumen de su carrera
  2. Torneos
  3. Vs Rivales

El en transcurso de la historia podemos iniciar contemplando sus datos personales. Para que no todo quedase en eso continuamos con historia de ganados y perdidos, puntos y ranking.

image

Continua dividiendo su camino en torneos usando un árbol de decomposición en los torneos ganados y la proporción de los mismos según la superficie.

image

Cierra la historia pudiendo comparar partido a partido o estadísticas generales de algún torneo, año o rival especifico. Podremos conocer no solo una racha con un rival sino sus rivalidades por superficies y mucho más.

image

Template

Para construir esto utilicé una dinámica de Dark Them con un fondo oscurecido. La cancha de tenis tiene un cuadrado negro con transparencia que ayude a visualizar mejor las letras blancas. Cada visualización tambien tiene el mismo efecto pero con mayor concentración.Vean los cuadrados 1, 2 y 3 como se va oscureciendo.

image

El tooltip sobre la foto del tenista se construyó con la tercera forma de documentación que menciona un antiguo post de documentación.

image

Para mejorar la navegación se usaron bookmark navigators en la página principal y la de rivales cambiando gráficos, como así también navegación entre páginas con los iconos redondos que se pintan del color de la pelota de tenis. Los colores de gráficos también combinan con la pelota de tenis.

Bookmark Navigator por grupo

image

Navegación de página

image

Colores

image

Así termina nuestro paso por un nuevo storytelling en LaDataWeb. Esperemos que les haya gustado y ojalá volvamos a ver tenis como el de Roger en un futuro.