UI/UX

Дизайн-система

Дизайн-система для DropOil

Разработали дизайн-систему личного кабинета для крупной нефтегазовой компании.

Картинка кейса
Картинка из сетки картинок

О клиенте

Крупная российская нефтегазовая компания обратилась за обновлением личного кабинета управления топливными картами.

Особое внимание уделено мобильной версии, потому что 48% аудитории взаимодействует с продуктом со смартфонов.

Картинка из сетки картинок

Dashboard

Главный экран представлен в виде дашборда с настраиваемыми виджетами. Пользователь сам выбирает, какую информацию отображать.

Картинка из сетки картинок

Разработка

Этапы работ

Реализация проекта была разложена на несколько этапов - исследование, проектирование, прототипирование, визуализация и UI-кит.

Картинка из сетки картинок

Structure

Обновленная структура личного кабинета диспетчера

Картинка из сетки картинок
Картинка из сетки картинок

Table

Большая часть данных представлена в таблицах.

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

Картинка из сетки картинок
Картинка из сетки картинок
Картинка из сетки картинок
Картинка из сетки картинок
Картинка из сетки картинок
Картинка из сетки картинок
Картинка из сетки картинок

Adaptive

Разработали мобильную версию сайта с учетом паттернов навигации на смартфонах

Картинка из сетки картинок
Картинка из сетки картинок

Результат

Сделали акцент на проработке метрик Usability. Улучшены показатели Time to ask.

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

Картинка из сетки картинок
Картинка из сетки картинок

Связаться с нами

Заявка

Привет! Меня зовут
меня интересует
разработка проекта
Со мной можно связаться
или
Прикрепляю файл