Desafío

Conta Pronta es una empresa especializada en la comercialización y distribución de servicios financieros para quienes desean realizar transacciones financieras en su vida diaria o para quienes desean transformar su negocio en una Fintech.

Evo Systems ha mejorado el diseño de la antigua interfaz web de la empresa Conta Pronta. La idea del rediseño surgió para modernizar y compatibilizar los elementos visuales con la aplicación; por ejemplo, se han corregido colores, botones, tipografía, etc.

Era necesario estandarizar los elementos y acercar la interfaz web a la del móvil, dándole a la aplicación un aspecto más moderno en el proceso.

El reto consistía en acercar la versión web a la móvil, estandarizando ambas. Contamos con un equipo de diseñadores de interfaz de usuario y experiencia de usuario (UX/UI) para modernizar el sistema, aplicando los conceptos de la marca a la aplicación. El sistema cuenta con diversas funciones de servicios financieros, que funcionan como un banco privado para que las empresas realicen pagos a sus empleados. Funciones como la consulta de tarjetas, transacciones y extractos, y el pago de facturas y recibos requirieron ser actualizadas durante el rediseño y adaptadas a ambas versiones de la aplicación.

Transformación_

La propuesta de interfaz desarrollada por el equipo de diseño tenía como objetivo estandarizar las versiones web y móvil de la aplicación. Esto es fundamental, ya que un producto con una identidad inconsistente puede generar numerosos problemas futuros, como falta de consistencia, dificultad para reconocer la marca y la percepción del cliente de que la marca no es profesional.

La versión de la aplicación web tenía elementos obsoletos en comparación con la versión móvil, por lo que recreamos el sitio con los elementos modernos de la versión móvil existente. Además de mejorar la legibilidad, esto incluyó la implementación de un menú lateral con iconos, que ayuda al usuario a navegar por el sitio asociando palabras con iconos, lo que lo hace intuitivo.

Incorporamos la identidad visual de Conta Pronta a través de los colores de la interfaz. El naranja, además de ser el color más impactante de la marca, atrae la atención del usuario hacia los botones, ya que es el color más destacado de la interfaz debido a que los colores predominantes son el blanco y el negro, que también son los colores de la marca. Las pantallas diseñadas tienen un excelente contraste, lo que facilita la lectura y la identificación de los elementos, gracias a la jerarquía lógica y bien definida de la información. Una buena jerarquía hace que la navegación sea más intuitiva y accesible para los usuarios, y tiene en cuenta el tamaño de la fuente y la alineación en pantalla. Los elementos desalineados y poco espaciados causan incomodidad visual, por lo que se consideraron todos estos aspectos durante todo el proceso para desarrollar una pantalla atractiva.

Elementos como las funciones de búsqueda y filtrado del sistema se han vuelto más claros, lo que simplifica la visualización de datos densos. Otro punto a destacar son las notificaciones, que se han actualizado con un código de colores. Las advertencias y la información importante se acompañan de verde o amarillo, complementando el significado verbal con un elemento no verbal. El verde se asocia con información importante para el usuario y el amarillo con advertencias, indicando que se debe prestar atención.

Finalmente, desarrollamos un Sistema de Diseño para la aplicación, documentando todos los elementos del sitio y sus variaciones, lo que facilita la gestión y el mantenimiento de todo el proceso gracias a la organización. Evo System desarrolla un Sistema de Diseño para todos sus proyectos, ya que su uso es fundamental para todo el proceso.

Estrategia

Célula de desarrollo ágil basada en la metodología Scrum. Un enfoque iterativo para entregas rápidas, con métodos de trabajo flexibles, reuniones diarias y semanales, y menor probabilidad de retrabajo.

Tecnologías utilizadas

• UX/UI Design
• Framework Flutter - Linguagem Dart de Programação