или напишите нашему аккаунт-директору в
телеграм
Личный кабинет HR-партнера для Транснефти
B2B
UX-проектирование
UI-дизайн
Личный кабинет
Сервисы
Автоматизация процесса
О клиенте
Транснефть — Российская нефтепроводная компания. Оператор магистральных нефтепроводов и нефтепродуктопроводов.
Задача
Спроектировать и разработать дизайн-макеты интерфейсов личного кабинета HR-партнёра. Нам предстояло организовать огромный массив информации в удобную структуру интерфейса, включая биллинговые сервисы и внутренние системы управления ресурсами компании.
Проектирование
На этапе проектирования мы:
- проанализировали 6 действующих систем и сервисов;
- выявили цели и задачи каждой пользовательской роли;
- описали ключевые пользовательские сценарии;
- определили приоритеты информации для разных разделов личного кабинета.
Это позволило выстроить целостную структуру интерфейса и избежать дублирования данных между разделами.
Структура личного кабинета
Раздел «Договоры»
Основная страница личного кабинета содержит ключевую информацию по активным договорам: список, основные показатели и быстрый доступ к деталям. Раздел спроектирован как точка входа для большинства пользовательских сценариев.
Раздел «Показания»
На страницах с информацией о контрагентах и конкретном договоре выводятся данные из самых разных источников, включая биллинговые сервисы и внутренние системы управления ресурсами.
Главной задачей для нас была организация огромного массива информации в удобную структуру интерфейса.
Сравнение показателей
Сравнение показателей внутри одного договора построено более, чем на 10 метриках.
Для их удобного отображения мы добавили возможность вывода сводки в виде графика с опцией выбора диапазона отчета. Второй вариант — классическая таблица. И то и другое можно быстро экспортировать в эксель, pdf или иной формат.
Дизайн
В рамках проекта мы разработали более 20 экранов личного кабинета HR‑партнёра, включая сценарии ведения документооборота.
В дизайне:
- сохранена преемственность с фирменным стилем Транснефти;
- соблюдены принципы сервисного дизайна;
- использован минималистичный визуальный подход;
- исключены нефункциональные и отвлекающие элементы.
Результат
В итоге клиент получил лаконичный и масштабируемый интерфейс, адаптированный под работу с большими объёмами данных и сложными внутренними процессами компании.
