Screen 1: Allows navigation through the app-process, has a menu for less often needed functionality and provides an overview of the already entered data.
Screen 2: In our real app, we have a lot of different forms, which are a lot shorter than this and they unfold only if necessary while the user is entering data. This screen should contain all the given input-methods. Please refer to the design prototype to see how it works.
Screen 3: The configurator of the mortgage which allows to configure most of the requirements. Please use the design-prototype to see how it works. After the configuration the ranking list follows immediately afterwards. It displays a list of possible offers. The offers are anonymous, until the client unlocks the app by payment.
Screen 4: This screen contains more detailed information about the offer and the creditor. This is where the client decides wether the creditor and offer is the right choice. The information displayed is created depending on the data provided by the client and the creditors configuration and may vary. Some require additional data to be entered in the style of Screen 1/2.
We created a design prototype which has the basic UI functionality and usability process, but we removed the business-logic. The website is protected. Please use the following credentials. The colours are more or less random in the prototype and it is not required to use them. We do use the colours to communicate wether the data is complete and valid. This is not a requirement either, but the concept may be used.