An invitation code will open access to the digital application and provide customers with the correct offer. The digital application will have a responsive design and be optimized for mobile devices and tablets. All site content will be developed as ADA compliant and validated through testing.
.webp)
A variety of UI components were explored to ensure optimal layout with fewer blocks towards form completion.
.webp)
The mobile application simplifies the process for obtaining a loan.
User enters terms, personal information, email address, and income.
.svg){kind=small}
User confirms data entered is accurate.
If loan request is denied, user will receive a written notification with reasons for the decision.
If loan request is approved, user reviews loan note (required). User confirms or refuses acceptance of loan.
Application is complete. Next steps are communicated via email.
We ran three rounds of usability testing to improve the loan calculator. Real tasks, user behavior data, and iterative design lifted completion from 40% to 90% and satisfaction from 3.2 to 4.8.
Initial user testing revealed that only 40% of users could complete a loan calculation without assistance. The initial version presented a basic layout with fundamental functionalities. Specifically, feedback suggested that entering and adjusting loan parameters could have been more straightforward. Furthermore, user satisfaction ratings averaged around 3.2 out of 5, indicating room for improvement in usability and design.
Following the redesign, user testing showed a marked improvement, with 65% of users completing loan calculations unaided. Version 2 incorporated a more intuitive design. Enhancements included more explicit labeling and added tooltips for information on various fields. The layout was adjusted to make the information flow more logically and user-friendly. User satisfaction also increased to an average of 4.1 out of 5, reflecting the positive impact of enhanced clarity and guidance in the interface. Usability testing for this version showed improvements in user comprehension, but it was noted that the visual design still needed refinement to better engage users.
The final version saw the most significant improvements. The user completion rate soared to 90%, indicating the effectiveness of the intuitive design and additional contextual help. The interface became more visually appealing, with a cleaner design and engaging graphical elements. The user interaction was further simplified, and additional contextual help was provided to help users better understand the loan terms. This version received the most positive feedback in usability testing, with users appreciating both the ease of use and the engaging design. User satisfaction ratings peaked at 4.8 out of 5, showcasing the success of the visual and functional refinements in meeting user needs.
The annotated experience for existing customers to access loan applications was provided to the client for internal development. After the turnover, my part in the project ended. Even though I never saw the developed site, there had been enough research, design, and testing done that I know all the interface elements were implemented to align with the design. If you are a Citibank customer, I hope you enjoy the loan experience.
Animations by Eduardo Borges on LottieFiles
I believe that a good UX|UI Product Designer needs to be empathetic, analytical, and understanding of the target demographic.
Learn more about Scott
