BBL All Star Voting.

De entre todos los proyectos en los que estuve trabajando, uno de los que mejor recuerdo guardo fue el sistema de voto online para el All Star de la liga alemana e baloncesto (BBL).

Para dicha propuesta teníamos libertad creativa absoluta pero siempre condicionada a que se debería implementar en un sistema responsive, por lo tanto los usuarios deberían tener las mismas opciones si usaban un ordenador, teléfono móvil o tablet.
Para ello, la idea fue crear un módulo mobile-first que fuera implementable en la web de BBL independientemente del dispositivo usado.

Así pues, me puse manos a la obra: una vez analizados los datos que se deberían gestionar y definido el workflow que se iba a seguir, lo primero que hice fue preparar diferentes propuestas en papel sobre como podrían ser las diferentes pantallas y a su vez empezar a pensar en las posibles interacciones. Así pues, creamos un prototipo en papel de nuestra propuesta y pudimos testarlo internamente.

Una vez obtuvimos las primeras conclusiones pudimos definir exactamente como iban a ser las páctalas y las diferentes interacciones entre ellas. El siguiente paso fue la producción de los diseños. En este caso (y en aquel momento) se hicieron con Fireworks, poco antes de que Adobe decidiera descontinuarlo, lo que en mi opinión fue una muy mala idea, ya que concentrar el diseño web con Photoshop o Illustrator no funcionó… pero ese es otro tema para otro artículo.

En fin, una vez desarrolladas y aprobadas las pantallas se pasó a la producción de un prototipo de alta fidelidad realizado con HTML y jQuery que fue presentado al cliente. Enseguida obtuvimos un feedback muy positivo y pudimos pasar a la fase de producción. En ella partíamos además con ventaja, ya que pudimos aprovechar el código creado para en prototipo y reusarlo en la producción de las entregas finales.