Как уместить плотный дашборд в планшет и сохранить логику
Выложила в портфолио ещё один кейс — WASP (внутренняя B2B-система для мониторинга АЗС ЛУКОЙЛ).
Кажется, что может быть сложного в интерфейсе для заправки? На самом деле, это огромный поток данных в реальном времени: сменные отчеты, события на АЗС, резервуары, продажи. И все это нужно было уместить на экране планшета, которым пользуются сотрудники прямо на месте.
Главные вызовы: — Огромный объем информации, который нельзя терять. — Сенсорное управление. — Высокая плотность данных, которая не должна превращаться в визуальный шум.
Что я сделала: Пересобрала структуру интерфейса и выделила самые важные блоки для ежедневного мониторинга. Перегруппировала объемные таблицы в более читаемый вид. Проработала фильтры по статусам и типам топлива. Адаптировала элементы под сенсорное управление и создала дизайн-систему для проекта.
Результат: проект вышел в релиз. Сотрудники получили удобный инструмент, который позволяет быстрее реагировать на нештатные ситуации и эффективнее управлять процессами на АЗС.
Ссылка на кейс: https://www.behance.net/gallery/242681771/B2B-Dashboard-WASP-UXUI-Case