ДИЗАЙН ВНУТРЕННЕГО ПРОДУКТА · VENTION / ITECHART · 2023-2024
World of Development Внутренняя платформа для компании с 3 000+ сотрудников
Я проектировал разделы для закупок, аналитики, управления проектами и ресурсами, а также настройки прав доступа.
ЗАКУПКИ
Бюджеты, закупки и согласования
АНАЛИТИКА
Загрузка команд и динамика проектов
ПРОЕКТЫ
Проекты, позиции и планы загрузки
ПОДБОР
Поиск специалистов для проектов
ДОСТУПЫ
Роли и права в разных разделах
ПРОЦЕССЫ
Заявки, согласования и учет
КОНТЕКСТ
Как инструмент для обучения стал платформой для всей компании
Сначала World of Development помогал обучать сотрудников внутри одной команды. Постепенно в продукте появлялись новые задачи: управление проектами, планирование загрузки, закупки, финансовые данные и права доступа. Эти разделы начали зависеть друг от друга, поэтому проектировать их по отдельности уже не получалось.
Обучение
сотрудников
Профили, развитие и материалы для команды.
Рабочие процессы
Новые роли, данные и связанные между собой задачи.
Платформа для компании
Проекты, ресурсы, финансы и доступы в одном продукте.
ГЛАВНАЯ СЛОЖНОСТЬ
С каждым новым разделом появлялись роли, права доступа, статусы и зависимости. Изменение одного сценария могло повлиять на другой. Поэтому мне нужно было понимать, как работает платформа целиком, даже когда я проектировал отдельную функцию.
МОЯ РОЛЬ
Моя зона ответственности
Я проектировал ключевые сценарии, общую логику интерфейса и разделы, связанные с финансами. Разбирал, какие данные нужны участникам процесса, что им доступно и как меняется интерфейс на каждом этапе. Я предлагал варианты решений и обсуждал их с руководителем продукта. Финальное решение о том, что войдет в разработку, принимал он.
Проектировал
Сценарии, роли, статусы, формы, таблицы и связи между разделами.
Синхронизировал
Варианты решений с руководителем продукта и участниками внутренних процессов.
Доводил до запуска
Готовил макеты для разработки и помогал сохранять единый подход к интерфейсу.
КАРТА ПРОДУКТА
Один продукт, много связанных задач
У каждого раздела были свои пользователи и сценарии. При этом разделы опирались на общие данные о сотрудниках, проектах и подразделениях. Решение, принятое в одной части платформы, могло менять работу другой.
ЛЮДИ И ДОСТУПЫ
Профиль и проекты
Права доступа
Налоги
ПРОЕКТЫ И РЕСУРСЫ
Планы загрузки
Поиск проектов
Подбор специалистов
ДАННЫЕ И РЕШЕНИЯ
Аналитика
Поиск сотрудников
Обратная связь
ФИНАНСЫ
Закупки
Бюджеты
Платежи и доставка
Дальше я подробно покажу раздел закупок. Остальные разделы помогут увидеть масштаб платформы и разнообразие задач, над которыми я работал.
Раздел связывал бюджеты, заявки, поставщиков, платежи, доставку и согласования. Мне нужно было собрать эти действия в последовательный процесс, чтобы каждый участник понимал состояние закупки и свою задачу.
Бюджеты
Заявки
Поставщики
Платежи
Доставка
Как помочь участникам разобраться в закупке, если каждый отвечает только за часть процесса?
Показывать человеку то, что нужно ему сейчас: состояние заявки, следующее действие и связанные данные. Подробности остаются доступны, когда они нужны для решения.
Один экран для контроля всей закупки
На общей странице видны заявки, их текущие состояния, доля оплаченной суммы и объем выполненной доставки. Здесь же можно раскрыть связанные платежи и поставки. Так проще разобраться в ситуации, не собирая сведения по нескольким разделам.
Состояние заявки подсказывает следующий шаг
В процессе участвуют разные люди. Поэтому рядом с заявкой важно показывать, какой этап идет сейчас, кто за него отвечает и что должно произойти дальше. Это помогает не искать ответ в переписке.
Создание заявки
Проверка владельцем бюджета
Административное согласование
Оплата бухгалтерией
Закрывающие документы
Завершение
Контекст собирается до согласования
При создании заявки человек указывает организацию, бюджет, категорию закупки, поставщика и нужные документы. Если закупка проходит через тендер или требует платежа, эти данные тоже можно добавить здесь. У согласующих появляется контекст, необходимый для решения.
Бюджет и организация
Сразу видно, к какому бюджету и подразделению относится закупка.
Проверка поставщика
Сведения о проверке доступны при заполнении заявки.
Документы
Файлы и реквизиты хранятся вместе с заявкой.
Связанный платеж
Запрос на оплату создается в рамках той же закупки.
Что это дает
Участникам проще проверить, хватает ли данных для согласования и что еще нужно добавить.
Вся история согласования на одной странице
В деталях закупки собраны участники, этапы согласования, документы, история изменений и состояние платежа. Человек может понять, что уже произошло и от кого сейчас зависит следующий шаг.
УЧАСТНИКИ
ИСТОРИЯ
СТАТУС
ДОКУМЕНТЫ
Страница отвечает на два вопроса: где находится заявка и кто должен действовать дальше?
Одна закупка объединяет бюджет, платежи и доставку
Бюджет задает финансовые рамки. У платежей и доставки свои данные, документы и состояния. В интерфейсе они связаны с заявкой, поэтому можно видеть общую картину и при этом разбирать каждую часть отдельно.
ЗАЯВКА НА ЗАКУПКУ
Единый контекст закупки
БЮДЖЕТ
ПЛАТЕЖИ
ДОСТАВКА
Доставка: выполненный объем и документы
Бюджет: распределение средств по организациям и центрам затрат
Важны и ситуации за пределами основного сценария
Пользователь может сохранить черновик, получить предупреждение о поставщике, отменить действие или вернуться к истории обсуждения. Эти ситуации тоже нужно было продумать. Часть работы должна была оставаться доступной с телефона.
Черновики
Можно сохранить заявку и закончить ее позже.
Проверки
Возможные проблемы с поставщиком видны до отправки заявки.
Отмена и удаление
Перед действием пользователь видит, что именно изменится.
История и обсуждение
Решения и комментарии остаются рядом с заявкой.
Тот же процесс на небольшом экране
На телефоне сведения идут последовательно. Текущее состояние и доступные действия остаются на виду.
Разным ролям нужны разные возможности
Права доступа определяют, какие разделы и действия доступны сотруднику в зависимости от его роли и подразделения. Я работал с матрицей прав, чтобы эти различия были понятны и управляемы.
Что еще входило в платформу
Помимо закупок я работал над разделами для управления людьми, проектами и данными. Ниже показаны примеры задач из этих частей продукта.
Аналитика
Загрузка сотрудников и команд, свободное время и изменения в проектах
Планы загрузки
Планирование участия специалистов в проектах, продление и закрытие позиций
Поиск проектов
Поиск клиентских проектов и открытых позиций по заданным условиям
Поиск сотрудников
Подбор сотрудников по навыкам, доступности и местоположению
Подбор специалистов
Проверка и согласование кандидатов для открытых позиций
Налоги
Учет часов, объемов авторской работы для оптимизации налоговой базы
Обратная связь
Вопросы, шаблоны и формы для сбора обратной связи
Опыт работы над проектами
История проектов, роли и текущая загрузка сотрудника
Общий язык для разных модулей
У платформы была своя дизайн-система: цвета, шрифты, значки и элементы интерфейса с разными состояниями. Я использовал ее в новых сценариях и дополнял там, где существующих решений не хватало. Это помогало сохранять единый подход в разных разделах продукта.
Результат: разделы работают как части одной платформы
Показанные разделы вышли в рабочую версию продукта. Руководство положительно оценило удобство платформы. Сведения о проектах, сотрудниках и финансах стали доступнее для принятия решений.
ЗАПУСК
Спроектированные сценарии стали частью повседневной работы компании.
ДАННЫЕ
Руководители могли видеть нужные сведения в одном месте.
ФИНАНСЫ
На сбор информации для финансовых решений уходило меньше времени.
WORLD OF DEVELOPMENT
Для меня этот проект был работой с большой системой взаимосвязанных процессов. Нужно было учитывать роли, данные и состояния заявок, сохраняя интерфейс понятным для людей, которые пользуются им каждый день.
Спасибо, что посмотрели кейс
Я проектирую цифровые продукты со сложными процессами и большим количеством данных. Если вам нужен дизайнер, который умеет разобраться в такой системе и сделать ее понятной для людей, буду рад пообщаться.