The making of the Alfa Mobile iPhone app
We start by studying the current version of the application and analyzing competing services.

Coming up with ideas for the future application.

Formulating main tasks.

Exploring the structure of the client’s banking products and writing down customer expectations.

Making the first sketches.

Starting to work on scenarios.

Creating first drafts of primary screens.
Developing a prototype to demonstrate mechanics of the application. Adding small animations.

Presenting to the client.
The client takes some time to think and comes back a year later with new information.
The work continues.

Holding a survey among studio employees about how they use mobile banking apps.

Carefully reading the responses and drawing conclusions.

Creating a set of widgets for the main screen based on the survey results.

Moving on to interface design. Starting with the main screen and everything related to it.

Putting together sketches for the first conversation with the client.

Diving deep into interface design and prototyping core scenarios of the future app.
Bringing in the second designer.
Coming up with authorization scenarios and drawing diagrams.

Starting to assemble the prototype of the future app.


Holding regular meetings and discussions with the client as we go. Adding all important details to the charts.

Simultaneously starting to think about the design concept. Gathering samples of existing mobile interfaces, deciding on the general style.

Making an attempt at the main screen with widgets.

Drawing the rest of the screens.

Bringing the concept to life by assembling mock-ups into a video.

Presenting the concept to the client.
Getting the client’s approval and starting to prepare the prototype. Thinking about user scenarios, talking to testers.
Bringing the style of the prototype closer to the approved concept.

Sending the prototype for testing. Getting results back, analyzing and drawing conclusions.

Starting to finalize the concept. Improving the visual style, fixing all the weak spots in the interface.

Inviting everyone involved to actively discuss the project.

Getting the client’s final approval and starting to draw clean versions of the mock-ups. Creating animations.










Thinking over visual details and design subtleties.

Ultimately getting 198 screens.

Handing over the source files.
