S-)

Barcelona Activa

Producto y tecnología para una herramienta singular

Servicios
Producto digital
Desarrollo
Año
2022 — 2023

Barcelona Activa, la agencia de desarrollo local del Ayuntamiento, llegó a Soluble a finales de 2022 con la idea de crear una radiografía digital de los profesionales de la ciudad y su área metropolitana. Nos conocieron a través del Mapa del Empleo en el que habíamos trabajado con Fundación Telefónica, y querían nuestra ayuda para hacer algo “singular”.

¿El reto? Más de uno.

  • 1,8 millones de datos. LinkedIn colaboró en el proyecto facilitando la información sobre el talento barcelonés en todas sus dimensiones.
  • Conseguir que la visualización de los datos fuera fácil y accesible. Para ello debíamos asimilar y digerir esos casi 2 millones de registros, comprender las necesidades funcionales del proyecto y crear una herramienta digital informativa e interactiva.
  • Sin renunciar al impacto visual. La representación gráfica de los datos debía ser “singular”.
  • ¿Algo más? Tras las aprobaciones de todos los stakeholders implicados en el proyecto, teníamos por delante 1 mes para implementar este desafío técnico.

Nuestros equipos de Diseño de Producto y Tecnología sumaron fuerzas para abordar todos ellos y dar vida al Mapa del Talento.

DECISIONES DESDE EL CONCEPTO

Como siempre, empezamos a trabajar analizando el contexto. Realizamos una inmersión para entender qué contaban los datos y, así, encontrar la mejor manera de representarlos gráficamente. Desde Barcelona Activa nos plantearon un relato que debía guiar la navegación, el ciclo de vida del talento: generación, desarrollo, atracción y retención. Para lograr una consistencia y coherencia que hilase todo nuestro trabajo con la plataforma, necesitábamos algo más. Echábamos en falta el concepto creativo que nace de la estrategia y guía todas nuestras decisiones en cada proyecto. Así que buscamos uno.

La inspiración la encontramos en la ciudad protagonista, donde vive gran parte del equipo de Diseño, y concretamente en su red de transporte público. Nos imaginamos moviéndonos por la ciudad en metro y vamos encontrando en nuestro recorrido elementos en constante evolución y progreso, como la Sagrada Familia. A partir de ahí, decidimos la paleta de colores para las diferentes secciones, inspirada en los propios de la línea de metro, y las formas redondeadas, con disposición escalonada para seguir avanzando, que nos recuerdan a la obra de Gaudí.

AMBICIÓN Y AGILIDAD, EL EQUILIBRIO

La elección de gráficas para visualizar estos datos complejos era clave para el éxito del proyecto. En esta búsqueda debíamos tener en cuenta dos limitaciones: estábamos trabajando con gráficos vivos, que se irían actualizando, y el tiempo apremiaba. Gracias a la elección de una librería de gráficos, D3, tan potente como compleja, pudimos plantear un site ambicioso, de construcción ágil, y optimizando recursos. El trabajo conjunto de Diseño y Tech fue necesario para garantizar la viabilidad técnica de las elecciones de diseño y viceversa. De nada servía elegir unos gráficos singulares si después no eran viable implementarlos.

Tras horas de investigar, probar y adaptar los diseños al concepto creativo, obtuvimos un universo de gráficos que con la aplicación del concepto y las decisiones estratégicas que se habían tomado nos daban resultados únicos. Singularidad: check.

A la visualización de datos se le añadieron interacciones y microinteracciones que permiten al usuario consultar la información de forma sencilla y personalizable, según sus intereses. Todas ellas, como el paso de una sección a otra, reflejan el avance del propio ciclo de vida del talento. Además, la paleta de colores que respiran Barcelona se puede ver también en el hover, que se adapta al color principal de cada sección, aunque a nivel de programación sea un único botón.

EXAMEN DE TRIGONOMETRÍA PARA TECH

Más allá de estos detalles que dan brillo a la plataforma, la intervención Tech fue decisiva desde el minuto uno, ya que participó con el equipo de Data de Barcelona Activa en la definición de la estructura de los datos (esos 1,8 millones de registros) extraídos de LinkedIn. Por su parte, automatizaron la extracción y análisis de datos gracias al lenguaje de programación R. Por la nuestra, automatizamos la recuperación y lectura de datos para pintar los gráficos de forma que, si hay cambios o actualizaciones en los registros, también de forma automatizada se adaptarán los gráficos. Así, en Barcelona Activa tienen total autonomía para actualizar la información sin depender de nuestra intervención.

El trabajo con la librería D3 también supuso un reto a nivel técnico para comprender y manejar su complejidad. Hemos tenido que entender cómo dibujar técnicamente los 8 gráficos y, para ello, empleamos todos nuestros recursos, desde desempolvar los apuntes de trigonometría hasta apoyarnos en ChatGPT.

LOS RESULTADOS

Sin duda, este ha sido uno de esos proyectos que no solo nos ilusionan, sino que también nos hacen crecer y ser mejores en nuestro trabajo. No se puede pedir más.

Ah, y hablemos de resultados. ¿Hemos superado los retos que suponía este Mapa del Talento? No lo decimos nosotros, lo confirma Sara Díaz Roig, directora de Fomento del Talento Digital en Barcelona Activa: “Gracias al equipo de Soluble hemos logrado nuestro reto: mostrar el comportamiento del talento de Barcelona a través de una herramienta singular que es amable y sencilla para los usuarios”. Ahora solo nos falta saber tu opinión, así que, por favor, déjate guiar por nuestro mapa.