Financial Portal UI Modernization for a Nonprofit Foundation

Financial Portal UI Modernization for a Nonprofit Foundation

Industry
Public Services, BFSI, Investment, Lending, Nonprofit
Technologies
.NET, React.js

Summary

In under four weeks, INNERLUXES helped a US nonprofit foundation update the UI of its financial portal to follow a new style guide, restoring design consistency between the portal and the foundation's recently refreshed main website.

About the Client

The Client is a nonprofit organization that offers investment management and financial services to churches and institutions, and also provides grants and loans to support organizations in their missions.

Inconsistent UI Design Across Web Solutions

The Client had recently updated the UI design of its main website. The new look and feel were fresh and elegant but very different from the style of the Client's financial portal. Understanding the importance of design consistency for a seamless user experience, the Client was looking for a reliable UI design services vendor to adjust the financial portal's UI.

Updating the Financial Portal's UI

The Client's financial portal is a multi-page, feature-rich resource for lenders and borrowers. Users can view recent payments, check account balances, access loan statements, add new loans or investments, initiate approval processes, and more.

INNERLUXES provided a full-stack developer to adjust the portal's UI according to the new style guide, getting to work within a week of the Client's request.

The designer on the Client's side provided a new color scheme (with primary, secondary, and accent colors) and logos. For the UI kit, the developer used Ant Design, an open-source library. In less than a month, the developer updated logos, colors, and fonts across all of the web portal's screens and adjusted the back end correspondingly.

Key Outcomes

  • Full modernization of the financial portal's UI in under four weeks.
  • Consistent UI across the main website and the financial portal for a cohesive user experience.
  • Smooth cooperation with a full-stack developer that required no day-to-day management from the Client's IT team.

Technologies and Tools

React.js, HTML, CSS, Webpack, ASP.NET Core.