profile

Karla Gómez 👋

A Passionate Product Designer 🖥️ & UX Research having 8 years of Experiences over 4+ Country Worldwide.

Whatsapp

Bancanet

WEB Product Designer

blog-image

Intro

Participants

Karla Gómez

Product Designer

Methodology

Design Thinking

Double Diamond

Duration

Abril. de 2020 – Junio. de 2020


Skills

Research

Proposal

Channels

Mobile

Desktop

Tools
sketch sketch sketch

Goal

Design a dashboard for the credit product in Bancanet.


Approach

Know the business rules for the credit project, interviews with users to see behavior with this product.


Hypothesis
  • • How much is my balance?
  • • How much have I already paid?
  • • Approved credits
  • • Informational Topics
  • • Payment Dates
  • • My financial situation
  • • Credit status
  • • Amortization tables

Problematic

The user does not find information about his credits easily.


Process
blog-image



Research

The research was carried out with activities to learn about the product and see its implications within Bancanet.

Products
  • • Mortgage credit
  • • Nomina credit
  • • Flexible credit

Concept Map

An activity was done with Miro to see business rules and how the products behaved with the customers.

blog-image
Benchmark
blog-image

Analysis

Discovery UX

- Improvements in the way information is provided to the user.
- Give more prominence to dates and payments to be made Have detailed information for the user.
- The graphic solves doubts

Discovery UI

- A graph that gives you a timeline that tells you how much you can redeploy
- To be able to have clear hard data
- Add a component or a graph that helps to solve these problems Find a way to expose or visualize


AI
blog-image


Wireframe
blog-image
Design UI



Mockup V1
blog-image


Conclusions
- After researching the project, many insights were gained for the design of the credits section. It was necessary to have an understanding of the business and the implications of the project.
- Flows were designed for each use case of the tool, which helped to have a correct design structure.


Final Version
blog-image
banner-shape-1
banner-shape-1
object-3d-1
object-3d-2