The making of the Mili website layouts

Overview• Process

Diving into the topic: studying the competition, watching videos and reading interviews.

To get a start with the design concept, making first sketches and showing them to the art director.

Deciding to go with an idea of a drum and a live broadcast of issuing of loans. Clarifying the idea further.

No go. The idea doesn’t have much life to it and is more suitable for mobile devices. Starting to work on the card and placing a compact slider with a calendar on the main screen to create a visual representation of a payment schedule. Trying various backgrounds and visiting the client to have a discussion.

Simultaneously making the first attempt at designing the account page.

Returning to the concept. Piling more ideas and formats: an interactive story with a treadmill; tiles with clients; main page as a construction kit with articles, facts and links to other sections; a chat dialog that explains the service; two hands doing two things at the same time; using macro photographs to explain the name Mili.

The client likes the hands: the right one fills out an application while the left one receives the money. The client also asks to show a design with a simple photo. Preparing a couple of other versions as well.

Inviting another designer who makes new sketches.

All bad. Breaking down the application process into parts and creating yet another design.

Showing to the client. The client doesn’t like it. Another designer comes to rescue by suggesting to connect the application form with something interesting and visual to make sure getting a loan is a pleasant experience.

The art director agrees, the client approves. Developing the idea further. We need to limit ourselves with one object only to make sure the idea is easy to understand. Deciding to go with cakes, and on top of them... How about the creation of the universe?

Deciding to show growth instead.

The client says the cakes are no go. Microcrediting is a serious business. The art director suggests to replace cakes with coins, and on top of them... The service allows customers to fulfill their dreams, right? What if we use fairy tales? A genie, a magic goldfish, a four-leaf clover? Sketching.

The art director approves. Elaborating.

Trying another style, inviting more designers to join the effort.

Art director: You need to remove the slogan from the coin and move logo to the bottom. It’s also better to check the result on a screenshot. You need to take the bottommost chicken, genie number 5 and the bottommost fish.

Making corrections.

Thinking how coins will interact with the form.

The client says that their beauty distracts from the main element of the page, which is the form. Simplifying down and adding more usefulness.

Moving on to simpler things. To get a loan, customers need an account and a passport. Let’s make it clear: get your passport, fill out a form, get your money.

We need to show that clients use the service and trust it. Placing borrower reviews right on the main screen.

The art director suggests to broadcast issuing of loans live on the website. Right this moment people all across Russia are borrowing money.

Getting ready for The New Year and creating new alternative backgrounds for testing.

Taking note of all the bugs.

While the work on the main page is under way, we draw layouts for the approved project of the account page.

Assembling a lorem ipsum page.