Customers of Nationale-Nederlanden could not get a total overview of their mortgage situation within their My NN account. I researched the user and designed a flow and page how this can be achieved.
Mortgages are complex products. The challenge was to communicate clearly to the client what their situation is, and what they could do to improve it. The caveat: our data on the current value of the house can be old and inaccurate. Therefore we need to offer a way to see how another value will impact your situation. Whenever a new value has a positive impact, we should offer a way to upload the necessary documentation.
We started with whiteboarding with domain experts, to get to know what we could build and what the constraints are. This led to the basic flow and scope of the project.
We wanted to offer the user a clear and concise insight in to their mortgage situation, and what can be done to improve it. To explore solutions I started wireframing and presenting these wireframes to stakeholders, after multiple iterations we got to a point where it could be user tested. I built a clickable prototype in Invision using components from the NN design system and designed new components when necessary.
Sadly I am not allowed to show my wireframes in great detail just yet. So let me tell you about my approach:
When wireframing is done, I apply components from the NN design system sketch file to create a close to reality clickable prototype in Invision.
Running a usability test with the team.
During the test we discovered the following:
From the user test we acquired clear insights into how users see their mortgage situation. We realized we offered them too much and too complex information at once, and decided to further simplify the interface design with the following as a result:
Redesign Insurance Product in My NNUX Design
© 2021 Vincent van der Toorn