1. Redesign distinguishable My Loan page for different loan statuses
My Loan page plays an important role when the investor manages their loans. Since the loans had different stages and statuses, we needed distinctive designs that can help differentiate between multiple loans on one screen.
Differentiations of My Loan page
First of all, we changed the loan card format. In the past, the loans were separated in rectangle cards which resulted in unnecessary spaces between the elements. Therefore, we removed the rectangular shapes and separated them by using color bars or lines.
Secondly, in the previous design, the Pending loan card had a format that was unique from all the other loan cards. In the current one, we unified all the loan cards including Pending loan to ensure fluidity in the design.
Also, loan statuses used to be portrayed through simple text or thin colored bars, in the latest version they are emphasized by using more prominent colored bars.
Differentiations of other loan statuses
Pending loans: Pending loans: In the previous design, the pending statuses were displayed by using text. However, it wasn’t the best way to divide them because they could easily be overlooked. So for the current design, we added the color bar for each loan card and explained the status through text. So people can see the statues by seeing the colors even if they do not read the text.
Current loans: The past design’s processing color bar was tedious so it wasn’t very effective in presenting the loan process and the card had too many unnecessary spaces. So for the current design, we emphasized the processing bar by making it bigger and using distinctive colors. So the users can immediately be aware of each loan’s process.
Completed loans: For the completed loans, we thought that the cards don’t need to be very specific because they're already completed. So we made it simpler than it was in the past so we can display more loans on one page than the previous designs.
Correction: Collections has the same design as the Current loans status bar because it’s basically an extension of that. That’s why we didn’t make a unique design for Collections in particular and use the same format to reduce any confusion.
2. Redesign borrower’s details page and apply it to other details pages
Borrower’s details page is very important because the page makes the investors decide whether they will offer the loan or not. This page also needed to be redesigned as the other pages were so I needed to figure out how I would apply the new design system to this page. To maintain consistency in information throughout the loan process as was requested in user feedback, I made sure to implement the same design changes to each section that had Borrower’s details.
Differentiations of the detail page
Firstly, as in other pages, we removed the rectangular card format and separated each item using lines, reducing unnecessary spaces.
In the past, the Investment Amount and payback period were on the bottom of the page, with the customizable interest rate bar. However, we thought this information should be on top of the page along with the Credit score and Lenme score which were also set during the previous step of the process.
For the interest rate bar, we made it bigger and readjusted some elements so it looks more powerful and simple.
Other detail pages
Borrower’s details pages are used when the investor wants to check the loan stages or statuses. In the past, these detail pages only presented the status and monthly breakdowns. However, in interviews and reviews, we’ve been told that they still want to see other information throughout the process. So we merged the initial information which is in the Borrower profile and Financial health section to the process details pages. So now the investors can see the accumulated information of their borrowers.