Animation makes an interface more intuitive and can even specify some details of the design. An example of successful animation usage for interaction is design-concept of Material design from Google.

Animation shows the reaction of the interface on the vernal command from the user: press, click, gesture. The animation shows how the machine accepted the command and confirms its accuracy. For example, the element deliquescent circles in Android material suggests that a click/press happened and now commands are performing – will be opened the post on Facebook, start a music track, and so on.

Animation creates a responsive interface, teaches the user, generates his information waitings on work with the interface or application.

Also, animation combines several elements in the same context. As a result, the user understands that these elements may be involved in one operation, and focuses attention on them. Therefore, the animation is often used in primary submersion ot the user and interface promotes storing stroke action to accomplish the task.

Animation lets you save space on the screen and beat it nice: static element can hold the whole taskbar and open it only on-demand of user – pressing or click.

The princip of mobile first: first think how the interface will look and behave on a mobile device:

• in the first place – we show the importance of the content to the user;
• Mobile devices are used in areas with different connection quality, so the design and implementation should focus on optimizing for the mobile Internet;
• User-friendly interface for navigation in a mobile device;
• correct use of screen space;
• reducing the user time to perform a task or content production.

Interactive interface types, whose behavior indicates to the user the next action – these are wizards (wizard is a guide).

The need for wizards occurs when the user needs to achieve a specific purpose (eg, correctly fill out the profile on the site) must make a number of settings. The user himself can not cope with the task, because he does not know what data is needed for the system to work correctly. Therefore wizard “leads” him along the task, consistently showing the screen behind the screen, in which is needed to perform the action. The sequence of actions and a set of options for them are determined by the UX-designer, and UI-designer uses graphics and animations to make this interaction understandable, easy, and what is the most important – successful.

The knowledge of design implementation helps to prevent difficulties in development and contributes to the normal communication between teams of designers and developers.

We offer only unique design solutions, but with an eye to the possibility of their embodiment without functionality sacrificing, page loading and ease of use.

Informational Architecture of the site/service defines an informational logic, construction of the whole site / interface and compliance of all its pages, sections with this logic. The architecture for maximum takes into account information user expectations, tasks, actions associated with the error, gradual and non-intrusive user interface training.

Prototyping is performed after or together with the development of the information architecture of the service / site. We create dynamic prototypes with demonstration of the basic functionality, transitions between pages and navigation. In the prototype the structure of standard pages, and user interaction with each page is also worked out.

Responsive interface is fully adjusted to the dimensions of the browser.

When designing the Responsive interface it is used a single layaut, blocks of which are rearranged depending on the device, and during the development HTML5 / CSS3, UI-library JQuery and minimally – JS are applied.

Adaptive layout design contains several layouts specifically for each screen resolution and, therefore, it is widely used JS, because some elements need to be hidden and some are shown.

• For IOS: 29×29, 40×40, 58×58, 60×60, 76×76, 80×80, 120×120, 152×152, 512×512, 1024×1024.
• For Android: 36×36, 48×48, 72×72, 96×96, 144×144, 192×192, 512×512.

On approval are given icons sized no more than 152х152 px in Png format.
Usually application icons are provided in several key dimensions required as for application and for marketing publications.
After finishing the work we will give the archive with the icon in all sizes and source editable documents (Eps or Psd).

Preparation of necessary files and documentation for the development of:

• UI-kit,
• cutting graphics;
• application UX-card;
• GUI-document with examples of the main screens;
• editable source files in Psd, Ai, Eps formats;
• font package;
• application icon in the required sizes.

• provide all the necessary information about the behavior of an element;
• supporting documents and сonsultancy on the correct development of the application design, and on the use of effects;
• refinement of indent “rubber” elements, font usage and other information.