header

Web Transaccional PerúMoney

Cliente

PerúMoney

Fecha

Enero 2023

Cargo

Diseñador UX general

El problema:

PerúMoney es una casa de cambio de divisas con más de 35 años de experiencia que se encuentra en constante evolución, por lo cual, necesita una web transaccional para poder ofrecerles a sus clientes una forma de cambiar su dinero cómodamente desde donde se encuentren.

La meta:

Diseñar una web confiable e intuitiva que le permita a los usuarios cambiar divisas como soles y dólares en poco tiempo sin tener que dirigirse a alguna agencia física.

descripcion
ingreso

Es necesario destacar que para realizar transacciones se debe crear una cuenta o iniciar sesión en una cuenta existente. Se realizó un formulario sencillo para crear cuentas con datos como correo electrónico, teléfono, tipo y numero de documento.

El fondo blanco al momento de crear una cuenta genera un contraste perfecto para que los usuarios puedan introducir su información sin distracciones o ilegibilidad.

3 pasos

En la página de inicio encontraremos un modelo de calculadora similar a la anteriormente explicada, la única diferencia es que esta posee una sección para ingresar cupones, en el header veremos opciones como mis operaciones, mis cuentas, notificaciones y el perfil de usuario.

Iniciar una transacción es tan sencillo como seleccionar el botón después de cotizar nuestro cambio en la calculadora, confirmamos nuestra cotización y establecemos aspectos básicos de la transacción mediante desplegables como por ejemplo de que banco envías tu dinero, el que banco lo piensas recibir o el origen de los fondos.

Posterior a eso, es momento de confirmar detalles de la operación y así poder transferirle a PerúMoney los fondos con los datos que el sistema proporcionará, para poder liberar los fondos es necesario se envíe el número de operación y luego de pocos minutos la transacción estará confirmada y los fondos en tu cuenta.

4 pasos

Para ayudar a los usuarios a identificar en que parte de la página se encuentran, en el header se cambió el color de la tipografía de blanco a verde y además se agregó un canvas detrás en color gris oscuro para destacar aún más el área.

En el header también se incorporó un espacio para que los usuarios puedan visualizar el horario de atención en línea mediante el icono del reloj, el cual esta seguido del icono de notificaciones y a su lado el nombre del usuario en un menú desplegable.

header
iconos header
header

En la opción de mis datos se encuentra toda la información necesaria que el usuario debe llenar para completar su perfil y poder realizar transacciones.

El usuario debajo de su nombre visualizará el estado de la cuenta como perfil verificado o en un porcentaje lo cual significa que el perfil está incompleto.

También podrá seleccionar su avatar.

perfil

Iniciar una operación en la sección de "Mis operaciones" es tan sencillo como pulsar o tocar el botón "Nueva operación". Esta área se encuentra organizada mediante una filtro con dos opciones: Por confirmar y completadas.

Las operaciones se visualizan en tarjetas de forma secuencial en sentido vertical e incluyen datos como fecha y hora de la transacción, el banco, el tipo de cambio, el monto que envías y recibes, así como el código de seguimiento.

Para realizar la búsqueda de alguna operación antigua, se incorporó un filtro denominado "Buscar por fecha", el cual nos permitirá ver un calendario, pero también se puede buscar de forma manual pasando página por página.

Agrega tus cuentas bancarias pulsando o tocando el botón "Agregar cuenta" para abrir una tarjeta emergente con el formulario, se deben incluir datos como el tipo de moneda, el banco, tipo de cuenta, número de cuenta y el nombre del titular el cual debe coincidir con el nombre de la cuenta en PerúMoney.

La sección de mis cuentas también se encuentra organizada mediante un filtro con dos opciones, en este caso: Soles y dólares, así como un filtro para realizar una búsqueda por bancos.

Las cuentas se visualizan en tarjetas de forma secuencial en sentido horizontal e incluyen un resumen de los datos como el nombre del banco, el tipo de cuenta, la moneda y en número de cuenta, en ellas también se pueden ejecutar acciones como eliminar y editar.

Para resolver cualquier duda que pueda surgir en los usuarios se incluyó un espacio de atención en línea en el footer.

expand_less