En un primer momento no teníamos muy clara la idea del proyecto. Nerea y yo pensábamos en una aplicación musical que te ofreciese como resultado una única canción tras un test acerca de gustos y personalidad del usuario. Pero comprendimos que necesitaríamos unos conocimientos sobre informática mucho más amplios de los que teníamos, que deberíamos saber programar y otras tareas de las que, la verdad, ni siquiera habíamos oído hablar. Así que, tras intentar darle diversos reenfoques algo frustrados, desistimos. Optamos pues por pensar en una idea completamente diferente para el proyecto, visto que nuestra idea inicial era demasiado complicada para ser llevada a la práctica. Sin embargo, mientras comía se me ocurrió lo que hoy es LiveASimphony: una empresa, ya no que ofreciese una canción o un grupo de música acorde con los gustos del consumidor, sino que compusiese una banda sonora única, irrepetible, como irrepetibles serían sus clientes. Y no se acababa ahí, sino que LiveASimphony además dispondría de una amplia orquesta, donde el consumidor pudiese elegir el músico que más se adaptase a él para que tocase esa banda sonora allá donde se le pidiese. Sería una empresa que pretendiese llenar el mundo de música, la música de las personas.
Cuando se lo conté a Nerea, le encantó. En ese momento solo éramos dos y empezamos a trabajar en el proyecto con bastante carga de trabajo. Días después llegaron Borja y Patricia. A lo largo de la primera semana ya habíamos elegido la plantilla de Wix, una muy visual y dinámica, así como las cuentas de Gmail, Facebook, Twitter y Blogger. Nerea se encargó de diseñar el blog y de darle color. Decidimos que ella sería la responsable del diseño. Tenía conocimientos de Photoshop y una gran sensibilidad para la estética. Yo empecé a encargarme del aspecto más técnico y dar forma a lo que hasta hacía unos días había sido una simple idea. Me acostumbre a que, cada vez que introducía cambios en la página de Wix, entraba instantáneamente al blog y lo escribía como si se tratase de un diario.
La página cambió mucho. Empecé teniendo en mente una entrada principal Flash, con animaciones y que captase la atención del usuario. No tardé en desecharlo. Tardaba mucho en cargar, la cantidad de píxeles era enorme y precisaba de una cantidad de clics innecesarios que, más que atrapar al usuario, iba a disuadirlo de seguir adelante. Lo descarté. Ya no habría animación de entrada, pero sí empecé a plantearme la posibilidad de incluir una entrada con menos carga de píxeles que, de alguna manera, familiarizase al usuario con la marca antes de entrar a la zona troncal de la web de la empresa. Eso fue lo que hice. La entrada fue una breve sucesión de nodos en los que se preparaba al usuario para asimilar lo que era LiveASimphony, donde tenía que clicar tres veces sobre la marca (y por consiguiente recordarla) y por último se le presentaba el atractivo logotipo.
De ahí, llegamos a la página cero, el corazón de la web. Ya que la idea de LiveASimphony tal vez pueda parecer algo inusual, lo primero que se presenta es la sección “Qué es LiveASimphony” donde, una vez que el usuario ha recorrido la bienvenida, ya es capaz de asimilar y recordar perfectamente en qué consiste la empresa y a qué se dedica.
Me gustó mucho diseñar la sección siguiente: “Tu Orquesta”. Me pareció muy atractiva la aplicación Portfolio y la transición de las imágenes. Quise incluir más instrumentos, pero Wix me limitaba bastante y tuve que poner solo 13. Si quería poner más, la transición de imágenes se atascaba y dejaba de funcionar. Quise utilizar una serie de imágenes que, aunque cada una reflejase un instrumento diferente, siguiesen la misma línea y tuviesen todas el mismo estilo. Lo encontré casi por casualidad. Se trataban de una serie de imágenes hechas para que los niños pudiesen colorear. Fueron dibujos de instrumentos, en blanco y negro, con un estilo muy minimalista y desenfadado. Me encantaron. No dudé en emplearlas, sin embargo, la aplicación de Portfolio no permitía introducir enlaces en las imágenes, sino solo ampliarlas cuando se clicaba encima de ellas. Eso trastocó un poco la idea que tenía de que, cada vez que el usuario clicase sobre la imagen de un instrumento, el enlace le remitiese a la ficha de ese instrumento, con su texto explicativo y su enlace a YouTube, que le diera la posibilidad de escucharlo. La aplicación no me daba la posibilidad de hacerlo, así que modifiqué un poco mi idea. Inserté un test paralelo, desde la misma sección, que permitía que el usuario llegase a su instrumento ideal. Ya no sería tan solo una explicación de cada instrumento, sino que además se añadía el plus de una serie de curiosas y divertidas preguntas que llevaban al usuario al instrumento que más iba con su personalidad. En enlace que daba el pistoletazo de salida al test fue: “¿Qué instrumento va más contigo?”. Nerea redactó las fichas finales de cada instrumento y los relacionó con unos valores y una personalidad.
La sección paralela era algo similar, pero con una faceta distinta. También era tipo test, en este caso, un test para averiguar el estilo que tendrá tu banda sonora. Esta sección fue la que más trabajo me llevó. El test era larguísimo, las preguntas no dejaban de ramificarse y, ya no era solo la creación de páginas que debían ir enlazadas correctamente, sino que además había que escribir todo el contenido, diseñarlo e incluir todos los videos. La verdad es que allí fue donde más noté el cansancio, pero tenía la ventaja de que ya controlaba las herramientas de Wix por haber estado construyendo las secciones anteriores y, cuando llegue a esta, aunque tuviese mucha más carga de trabajo, sabía perfectamente dónde me estaba moviendo. En este punto, lo que más aburrido me resultó fue ir página por página aplicando los mismos colores y unificando el estilo. También me pareció demasiado mecánico seleccionar los mismos colores para todos los botones: el negro cuando el usuario no había clicado sobre él, amarillo y cierto movimiento leve cuando pasaba el ratón por encima, y amarillo intenso y un movimiento de hundimiento cuando se clicaba sobre él. Hacer lo mismo sobre una treintena de botones fue agotador. Si existía algún modo de crear los botones de esa manera desde un principio, no lo encontré.
Las otras tres secciones: “Quiénes somos”, “Contáctanos” y “Libro de visitas” no me llevaron mucho trabajo. Las imágenes las saqué de la web, el texto lo redacté en poco tiempo y trabajé bastante con los diferentes marcos para darle gracia a las fotos de perfil. De igual manera, añadí un widget para que el usuario realmente pudiese dejarnos un comentario con su opinión y comprobé que funcionaba en la realidad, dejando una mención con un nombre ficticio.
Tras probar los test en numerosas ocasiones desde el modo de Vista Preliminar, para comprobar que todo estaba correctamente enlazado, apliqué las animaciones a los diferentes grupos de páginas y lo conté todo en el blog. Hice pública la página en cuanto la terminé, el jueves 24 de noviembre. Pienso que lo único que me ha faltado ha sido poder introducir widgets de Twitter y Facebook en los resultados finales de los tests. Pienso que al usuario le gustaría compartir sus resultados en las redes sociales pero, por más que investigué, no encontré el modo de insertar esa posibilidad. En su lugar, en la sección “Contáctanos” di la opción de que el usuario nos siguiese en Twitter y Facebook.
Y así fue. Así nació LiveASimphony.
