Гомель, www.beloil.by
Государственные организации... Показать еще
UX/UI Designer
Разрабатывал web и mobile интерфейсы для внутренней нефтегазовой инфраструктуры: цифровое хранилище, планирование ОТМ и мониторинг оборудования. Погружался в доменную специфику, собирал требования с инженерных команд, переводил Excel/Word процессы в удобный веб-формат. Web — Ant Design, Mobile/SCADA — Material Design.
Проект 1: Цифровое хранилище данных
Ключевые задачи и вклад:
- Создание мультируровневой ИА: каталоги → категории → подкатегории → файлы;
- Главная страница с быстрым доступом, интеллектуальным поиском и OCR-функцией;
- Предпросмотр документов (PDF/DOCX/изображения), режимы отображения, карточки файлов;
- Управление доступом (роли, права, пользователи), версионность документов;
- Проработка модулей аналитики: годовая статистика, отчёты 06-ГР/03-ГР, сводка полевых работ;
- Перенос Excel/Word отчётов в веб-формат, создание таблиц, фильтров, графиков, экспорта.
Результаты:
- C нуля создана основа продукта и UX-логика работы с документами;
- Внедрение OCR ускорило работу с фотодокументами и извлечением текста;
- Сформирована масштабируемая архитектура UI для добавления новых модулей;
- Единый дизайн-подход упростил работу отделов и работу с документацией.
Проект 2: Система планирования и учёта ОТМ (организационно-технологических мероприятий)
Ключевые задачи и вклад:
- Интерфейсы годового, месячного и дневного планирования работ;
- Интерактивные таблицы с редактированием, справочниками, валидациями и расчётами;
- Три режима работы: редактирование → согласование → устранение замечаний;
- Каталоги отчётов и статусов, фильтрация и сортировка данных;
- Модули отчётности с диаграммами, роли и права доступа, справочники;
- UI на Ant Design с адаптацией компонентов под доменные сценарии.
Сложности и как решил:
- Проект стартовал с сырого прототипа, без ясной структуры интерфейсов;
- Требования собирались в основном через Excel/Word-документы и обсуждения с PM;
- Переформатировал Excel-процессы в веб-UI, сохранив смысл данных, но улучшив взаимодействие и сценарии заполнения.
Результаты:
- Процесс согласования стал прозрачнее и быстрее;
- Снижено количество ручных действий и ошибок;
- Бизнес-логика перенесена в цифровой формат, модуль стал основой для расширения.
Проект 3: SCADA/HMI + Мобильное приложение мониторинга оборудования
Мобильное приложение (с нуля, Material Design)
- Архитектура экранов: бригады → установка → оборудование → параметр → график;
- Карточки оборудования и параметров, отображение приоритетных значений и статусов;
- История аварийных событий с фильтрами (день/неделя/месяц/диапазон), поиск и уведомления;
- Графики параметров с выбором дат и сравнением значений;
- Экран плана обслуживания оборудования;
- Создание мобильной дизайн-системы на Material Design 3, включая набор иконок в фирменном стиле.
Web-SCADA интерфейс (редизайн под Material)
- Переработка UI в современный flat-формат, отказ от 3D-графики;
- Перерисовка иконок под Material-стиль для визуальной консистентности web и mobile;
- Улучшение подачи аварийных событий: бейджи, статусы, приоритезация;
- Модель отображения данных статус → параметр → значение для лучшей читаемости;
- Дизайн под ограничения Honeywell Experion HMIWeb (фикс. 2K-разрешение);
- Унификация web и mobile дизайна в рамках общего визуального языка.
Результаты:
- Повысилась скорость реакции на аварии за счёт фокусного UX;
- Web-интерфейс стал чище и легче воспринимается операторами;
- Единая визуальная система и собственный набор иконок снизили порог входа пользователей;
- Мобильное приложение обеспечило мониторинг оборудования вне рабочего места.