Durante el proceso de transformación digital del banco que inicio hace siete años, surgió la necesidad de crear una herramienta lo suficientemente versátil para soportar la construcción eficiente de interfaces de su ecosistema digital. Su crecimiento supuso diferentes retos, entre ellos los relacionados al desempeño eficiente y consistencia visual de los distintos productos desarrollados por diferentes equipos, los cuales manejaban diversas interpretaciones de las necesidades de los usuarios en términos de usabilidad, accesibilidad y navegabilidad. Dicha situación evidenció la necesidad de una definición clara de pautas y principios de diseño centrados en el usuario. Dado que la proyección del banco contemplaba una expansión significativa de su oferta de negocio, se preveía que el ecosistema digital crecería exponencialmente en el futuro. Sin una solución adecuada, estos problemas podrían agravarse hasta volverse insostenibles, afectando la competitividad y presencia en el mercado. Ante esta situación, se decidió desarrollar una herramienta que mitigara estos desafíos y garantizara un crecimiento digital estructurado comenzando desde el diseño visual mismo y su rápida implementación en desarrollos front-end. Desde allí surge la creación de un Sistema de Diseño capaz de resolver problemas asociados con la coherencia de marca, la eficiencia de los equipos, el mantenimiento de altos estándares de calidad visual, funcional y de uso que contemplara una temprana entrega de valor, alineándose con la velocidad del mercado.
En términos prácticos, decidimos crear un Sistema de Diseño con el objetivo de establecer una base sólida para el desarrollo de productos digitales que sean consistentes, escalables y centrados en el usuario. Para lograrlo, nos enfocamos en la definición de pautas y principios aplicables a componentes reutilizables (bloques de código), los cuales constituyen elementos comunes de la interfaz. Estos componentes forman parte del sitio de nuestro sistema de diseño que resulta ser una guía documentada de diseño y desarrollo, dirigida a todos los equipos involucrados en la creación de productos digitales del banco y que nos proporciona los siguientes beneficios: * Coherencia de marca: Garantiza que todos los productos digitales mantengan una apariencia y experiencia unificadas, reforzando la identidad del banco y generando una interacción más reconocible para los usuarios. * Eficiencia en diseño y desarrollo: Al contar con componentes y patrones reutilizables, los equipos pueden trabajar de manera más ágil y eficiente, reduciendo tiempos y costos de desarrollo. * Mejor calidad del producto: Asegura que todos los productos digitales cumplan con altos estándares de usabilidad, accesibilidad y estética. * Escalabilidad: Facilita la creación de nuevos productos digitales alineados con un mismo lenguaje de diseño y principios, permitiendo al banco expandir su presencia digital de manera efectiva. * Colaboración: Fomenta el trabajo conjunto entre diseñadores, desarrolladores y otros equipos involucrados, garantizando que todos sigan una visión unificada en la creación de productos digitales. A este punto, el proyecto ha evolucionado durante cuatro años, alcanzando un nivel de madurez que nos permite generar eficiencias de tiempo de hasta un 60% en el desarrollo de flujos. Esto se traduce en ahorros estimados de aproximadamente 30.000 millones de pesos al año y una reducción de más de 3.000 horas de trabajo en el desarrollo de productos digitales.
