Закажите проект

[{"lid":"1751694093170","ls":"10","loff":"","li_parent_id":"","li_type":"em","li_ph":"\u041f\u043e\u0447\u0442\u0430","li_title":"\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u043b\u0435","li_name":"email","li_req":"y","li_nm":"email"},{"lid":"1751695083888","ls":"20","loff":"","li_parent_id":"","li_type":"ta","li_ph":"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443 \u043e\u0431\u0449\u0438\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438, \u043a\u0430\u043a \u0432\u0430\u0441 \u0437\u043e\u0432\u0443\u0442 \u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438","li_rows":"4","li_name":"textblock","li_nm":"textblock"},{"lid":"1758116651618","ls":"30","loff":"","li_parent_id":"","li_type":"cb","li_title":"\u00ab\u0421\u0442\u0440\u0435\u043b\u0430\u00bb \u2014 \u0443\u0441\u043b\u0443\u0433\u0430 \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u044d\u043a\u0441\u043f\u0440\u0435\u0441\u0441-\u0434\u0438\u0437\u0430\u0439\u043d) \u0437\u0430 \u043c\u0435\u043d\u044c\u0448\u0438\u0435 \u0434\u0435\u043d\u044c\u0433\u0438 \u0441 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u044b\u043c\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0441\u0434\u0430\u0447\u0438.","li_label":"\u042f \u043d\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u044e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f","li_name":"strela","li_nm":"strela"},{"lid":"1758116901833","ls":"40","loff":"y","li_parent_id":"","li_type":"ws","li_rows":"1"},{"lid":"1751695022549","ls":"50","loff":"","li_parent_id":"","li_type":"cb","li_label":"\u042f<span style=\"color: rgb(0, 0, 0);\"> <\/span>\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u0441<span style=\"color: rgb(0, 0, 0);\"> <\/span><a href=\"https:\/\/strukturum.ru\/policy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); box-shadow: none; text-decoration: none;\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>","li_name":"policy","li_checked":"y","li_req":"y","li_inputinrow":"y","li_nm":"policy"},{"lid":"1751701921035","ls":"60","loff":"","li_parent_id":"","li_type":"cb","li_label":"\u042f<span style=\"color: rgb(0, 0, 0);\"> <\/span>\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u0441<span style=\"color: rgb(0, 0, 0);\"> <\/span><a href=\"https:\/\/strukturum.ru\/agreement\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); box-shadow: none; text-decoration: none;\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435\u043c \u0441 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a>","li_name":"agreement","li_checked":"y","li_req":"y","li_nm":"agreement"}]

Интерфейс терминала АЗС «Бензоробот»

2021

Редизайн и полное перепроектирование интерфейса терминалов для автоматической заправочной станции. Было важно сохранить привычный паттерн поведения, когда пользователь уже знает какое топливо ему нужно залить, поэтому сразу подъезжает к правильной колонке, устанавливает заправочный пистолет и только потом идёт к терминалу.

Элементы интерфейса специально сделаны крупными, убран декор и лишние иллюстрации, чтобы интерфейс был виден даже при ярком дневном освещении и удобно откликался на тапы на некачественном тачскрине.

Устаревший вариант.

Старая версия встречающего экрана с несистемной расположенной информацией и случайным декором.

Новый стартовый экран.

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

Старая версия выбора оплаты.

Свежая версия выбора оплаты.

Кнопки действий стали занимать основную часть экрана, чёткий текст заменил невзрачные иконки.

Выбор колонки.

Экран подтверждения выбранной колонки. Сразу предлагается отмеченный вариант, который можно сменить, если пользователь понимает, что выбрал другой или на станции нет возможности автоматического выбора. Недоступные колонки отмечены серым цветом.

Выбор оплаты.

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