Процесс создания интерфейсов для компании «Лепта»

Начинаем внутреннее обсуждение с быстрых набросков по прототипам:

Получаю логотип и цвета от брендингово агенства и переделываю экраны в соответствии с фирменным стилем.

Сразу готовлю несколько вариантов для внутреннего обсуждения:

Развиваю десктопную версию:

Заказчику понравился вариант с иконками для каждого шага, прорабатываю вид подсказок:

Вношу правки и заказчик утверждает вариант:

Делаю версию для планшета и мобильных устройств:

Перехожу ко второму шагу регистрации:

Так же для каждого согласованного экрана готовятся состояния всех полей для разработчиков:

На шаге «Узнайте свою лепту» нужно было интересно и понятно показать принцип разделения стоимости товара между накопительной и кредитной частью. Первые три варианта:

Правлю, улучшаю:

Утверждаю и перехожу к следующему шагу:

Прорисовываю каждое состояние, поле, таб и тд.