loader
Bci mejor diseño web 2021
Siguiente proyecto
Proyecto: Dando
logotipo Bci

Rediseñamos todo el sitio público y el Design System

5 mins.
portada Bci

“Como buen proyecto, nunca pensamos lo grande que terminaría siendo, pero al final el resultado nos dejó muy contentos”

Mi rol

Diseñador

Team

PM: Luciano López Bergoglio TL: Walter Fariña Partner: Juan Gómez

Cronología

Enero 2020 - Abril 2021

Lo que hice

Investigación de Usuario Ideación y prototipado Diseño de interfaz Design system Pruebas de usabilidad Gestión de proyecto Análisis y mejora continua

El cliente

Banco Bci, fundado en 1937, es un pilar de la banca chilena, ofreciendo soluciones financieras integrales a individuos y empresas. Destaca por su innovación y servicio de calidad.

 Bci

El reto

Mejorar la experiencia de los usuarios del Bci

En los tiempos que trabajaba en Modyo, una empresa digital especializada en CMS para la banca, recibimos el encargo aparentemente sencillo de Bci: migrar su sitio público de la versión 7 a la versión 8 de la plataforma. Sin embargo, esta tarea implicaba más que simplemente transferir código; requería una revisión exhaustiva y mejoras en la experiencia del usuario. Rápidamente nos dimos cuenta de que no podíamos limitarnos a una simple migración.

Objetivo

Mejorar la usabilidad y la experiencia de los usuarios, con un sitio totalmente renovado aplicado a una nueva imagen corporativa

A qué nos enfrentábamos

El sitio web estaba desactualizado, mantenía la línea gráfica antigua y los contenidos no tenían una estrategia de copywriting
Muchos equipos trabajando en diferentes areas del sitio público, los cuales no estaban alineados bajo ningun Design system
Necesitaban una actualización de la arquitectura completa, con esto se lograría la cohesión entre los 4 pilares del Banco
Falta de productos digitales para facilitar la búsqueda y recomendación de productos a los usuarios

La estrategia

Realizamos una transformación integral de todo el sitio web público, unificando los cuatro pilares fundamentales del Banco: Personas, Pyme, Empresas e Inversiones. Este proceso incluyó el desarrollo de una nueva identidad visual desde cero, así como la implementación de un sistema de diseño coherente en toda la plataforma.

Sistema de diseño

El rediseño de la marca Bci, incluyendo el logotipo y la paleta de colores, sirvió como punto de partida para desarrollar un completo sistema de diseño. Lo que inicialmente comenzó como un simple kit de diseño, se expandió gradualmente para abarcar todas las necesidades y requerimientos de su infraestructura digital, y sigue siendo la base de su identidad visual hasta el día de hoy.

Menú transversal

Uno de los mayores desafíos de un sitio web de gran envergadura es mantener la coherencia entre sus diversas áreas, y en el caso de Bci, esto no fue una excepción. Con sus 4 Pilares, que funcionan como sub empresas independientes, tuvimos que garantizar una cohesión visual entre ellas. Este desafío de lograr un diseño que representara fielmente la identidad de cada una de las áreas fue uno de los principales. Abordamos la creación del menú transversal, esto nos permitió una navegación fluida entre las distintas áreas del sitio.

Herramientas digitales.

Sabemos que los usuarios aman cotizar y comparar sus productos antes de contratar, es por eso que integramos herramientas digitales como calculadoras, recomendadores y simuladores, además de un Localizador de Sucursales enriqueciendo así toda la experiencia bancaria.

Perfil de riesgo- Visitar
Asesor de inversiones – Visitar
Calculadora de Rentabilidad – Visitar
Recomendador de tarjetas – Visitar
Comparador de tarjetas – Visitar
Sucursales – Visitar

Templates

Como estrategia para unificar la experiencia de usuario en todos los productos del Banco, implementamos Templates uniformes dentro de nuestro Design System. Gracias a la metodología atómica y a un conjunto completo de Organismos, logramos una integración y adaptación fluida para cualquier diseñador, manteniendo la coherencia y eficiencia en el diseño, especialmente útil dado el gran número de pantallas con estructuras similares.

Más ejemplos de Diseño

Resultados y métricas de éxito

El sitio web lleva mas de 3 años al aire y si bien ha sufrido cambios mínimos, este sigue en un 90% con el mismo diseño del comienzo, esto representa que lo que se hizo bien puede perdurar por años.

Clientes más felices

Alta satisfacción del usuario, con un promedio de 4,5 en la encuesta que se ha mantenido por el tiempo en los 4 portales, con un 80% de comentarios positivos.

Aumento de nuevos clientes

Se ha logrado con creces el número de clientes nuevos enrolados directamente de la generación de leads mediante el portal personas.

Top 3 resultados en Google

Se logro y se ha mantenido estar en el Top 3 resultados en búsquedas en Google para los principales productos y servicios de inversiones.

World`s Best Digital Bank Awards 2021

Ha sido un referente a nivel de diseño, ganando en el año 2021 el premio “World`s Best Digital Bank Awards 2021” de Global Finance y teniendo diversos reconocimientos en la región.

Oportunidades de Mejora

  • Aún falta una iniciativa que era parte de los objetivos. Implementar un sistema de personalización basado en el comportamiento del usuario, eso aumentaría la relevancia del contenido mostrado, mejorando así la satisfacción y la retención del cliente.
  • Asegurar que el sitio cumpla con los estándares de accesibilidad web no solo ampliará el alcance, sino que también reforzaría la imagen de marca como un banco inclusivo.