Дизайн и прототип мобильного приложения «AyBill»

AyBill — чековый сервис, расширяющий возможности оплаты любых товаров и услуг.

Сервис охватывает многочисленную аудиторию, поэтому важно было сделать его интерфейс простым и привычным для большинства пользователей.

Прототип создан практически как полноценная версия реального приложения, который можно смотреть как с компьютера, так и с телефона.

Прототип можно смотреть непосредственно из браузера как обычный веб сайт, без установки приложения на телефон. Все обновления и доработки сразу отображаются у заказчика.

Дизайн выполнен с учетом гайдлайнов Material Design.

На главном экране приложения сразу показан список чеков и документов для работы. При помощи плавающей кнопки, которая меняет свое значение в зависимости от экрана, мы легко и просто можем совершать различные действия с документами.

Интерактивный html прототип

Для проекта был создан интерактивный html прототип, позволяющий максимально точно и с минимальными затратами показать рабочее приложение на этапе прототипирования.

Подготовка прототипа в Zeplin

Следующим этапом была подготовка макетов в максимально удобном формате для дальнейшей разработки приложения. Для этих целей была выбрана платформа Zeplin, которая позволяет размещать прототипы экранов и сразу отображать всю необходимою информацию и файлы для разработчиков.

Экраны:

В разработке использовалось:
Дизайн: adobe illustrator, adobe xd
Прототип: adobe xd, zeplin, html, css, php, javascript, jquery

Опубликовать в Facebook
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники