To develop a website for a modern online financial service. To highlight the benefits of the service and to come up with an easy-to-use interface. To create a modern and friendly brand image for successful client communication.
We’ve designed an explicit calculator of things. On the first page user is offered to drag the point to the right: the closer it gets to the words «Money is here», the more there are desirable items that clients would be able to purchase if they use the service.
In order to fully shape the image of the company we have created corporate identity of the brand. We’ve designed an adaptable logo: the symbol may be used separately from the text part depending on the medium.
For the calculator of things on the first page we’ve created 3d models of the items in Blender and got photorealistic 2D images after rendering them. To imitate physical motion and to add a nice interactive element we’ve turned to Matter.js — a collection of high-quality solutions for animations.
Document delivery is broken down into short and easy steps. It starts with filling in the form on the main page in order to proceed to the next stage. The complex process in the personal account area is reduced to five steps, after completing all of them there’s just waiting for the application to be accepted.
The preloader adds to how comfortable it is to use the site: it tells that everything is working fine and the site is loading. To make the impression even better the preloader is animated with alternating currency symbols designed according to the brand’s style.
We’ve designed the service in such a way that for users to get the service they need to do only three things: signing up, filling out the application form and choosing how they’d like to receive the money. They don’t even need to leave their house to get it all done.
The key part of the service — personal account area — is adapted for users of different status for the sake of comfortable user experience. For instance, editing profile of a new user and of a client with an open loan differ from one another as they are on the different stages of deal conclusion. Desktop and mobile versions were designed separately from one another. Here we have designed 59 final screens.
On the main page clients are offered to choose the desired sum and payout period. In order to do this they just need to set the thumb of the slider to the value they need. The sum and period limits are there on each end of the slider from the beginning.
We continued collaborating with the client to design and develop an app for Android and iOS. For a great use case we opted for presenting the information full-screen and broke the application form into nine small steps. There is a quick access to the key functions: data editing and payments.