Banco Autofin
UI Designer2022Project Overview
Banco Autofin renovó su identidad gráfica y con ello tiene la necesidad de mejorar la interfaz de usuario de su sitio con las mejores prácticas de usabilidad, accesibilidad y mantener una consistencia visual que refleje la personalidad de la marca.
Proceso UX del proyecto
Para definir las necesidades que debía cumplir el producto y encontrar una oferta de valor del sitio, se realizaron pruebas de usabilidad tanto en el sitio web como en la banca en línea.
Después de haber realizado pruebas de usuarios, se analizó la estructura actual del sitio y en un workshop de Card Sorting se conformó con stakeholders y usuarios una arquitectura de información que fuera la ideal para los usuarios nuevos y consecuentes.
Nos apoyamos de un benchmark para encontrar las mejores prácticas en cuanto a construcción de sitios de banca y diseño de interfaz que nos ayudaran a encontrar una solución.
Formato de pruebas de usabilidad
Benchmark de bancas en línea
Resultado de Workshop de arquitectura de información
Diseño de interfaz
Una vez definida la arquitectura de información y teniendo bases derivados del benchmark realizado, comenzamos a generar componentes y elementos gráficos para construir la interfaz de usuario, basándonos en los principios de Atomic Design, generamos templates reutilizables para las secciones del sitio, agilizando así los cambios que podrían darse más adelante pero cuidando la consistencia del diseño y la nueva identidad gráfica del banco.
Mockups
Colección de ilustraciones
Definición de paleta de color
