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

Обучение

сотрудников

Профили, развитие и материалы для команды.
Рабочие
процессы
Новые роли, данные и связанные между собой задачи.
Платформа для компании
Проекты, ресурсы, финансы и доступы в одном продукте.
ГЛАВНАЯ СЛОЖНОСТЬ
С каждым новым разделом появлялись роли, права доступа, статусы и зависимости. Изменение одного сценария могло повлиять на другой. Поэтому мне нужно было понимать, как работает платформа целиком, даже когда я проектировал отдельную функцию.
МОЯ РОЛЬ
Моя зона ответственности
Я проектировал ключевые сценарии, общую логику интерфейса и разделы, связанные с финансами. Разбирал, какие данные нужны участникам процесса, что им доступно и как меняется интерфейс на каждом этапе. Я предлагал варианты решений и обсуждал их с руководителем продукта. Финальное решение о том, что войдет в разработку, принимал он.
Проектировал
Сценарии, роли, статусы, формы, таблицы и связи между разделами.
Синхронизировал
Варианты решений с руководителем продукта и участниками внутренних процессов.
Доводил до запуска
Готовил макеты для разработки и помогал сохранять единый подход к интерфейсу.
КАРТА ПРОДУКТА
Один продукт, много связанных задач
У каждого раздела были свои пользователи и сценарии. При этом разделы опирались на общие данные о сотрудниках, проектах и подразделениях. Решение, принятое в одной части платформы, могло менять работу другой.
  • ЛЮДИ И ДОСТУПЫ
    Профиль и проекты

    Права доступа

    Налоги
  • ПРОЕКТЫ И РЕСУРСЫ
    Планы загрузки

    Поиск проектов

    Подбор специалистов
  • ДАННЫЕ И РЕШЕНИЯ
    Аналитика

    Поиск сотрудников

    Обратная связь
  • ФИНАНСЫ

    Закупки

    Бюджеты

    Платежи и доставка
Дальше я подробно покажу раздел закупок. Остальные разделы помогут увидеть масштаб платформы и разнообразие задач, над которыми я работал.
ПОДРОБНЫЙ РАЗБОР
Закупки: сложный процесс, понятный каждому участнику
Раздел связывал бюджеты, заявки, поставщиков, платежи, доставку и согласования. Мне нужно было собрать эти действия в последовательный процесс, чтобы каждый участник понимал состояние закупки и свою задачу.
  • Бюджеты
  • Заявки
  • Поставщики
  • Платежи
  • Доставка
Как помочь участникам разобраться в закупке, если каждый отвечает только за часть процесса?
Показывать человеку то, что нужно ему сейчас: состояние заявки, следующее действие и связанные данные. Подробности остаются доступны, когда они нужны для решения.
Один экран для контроля всей закупки
На общей странице видны заявки, их текущие состояния, доля оплаченной суммы и объем выполненной доставки. Здесь же можно раскрыть связанные платежи и поставки. Так проще разобраться в ситуации, не собирая сведения по нескольким разделам.
Состояние заявки подсказывает следующий шаг
В процессе участвуют разные люди. Поэтому рядом с заявкой важно показывать, какой этап идет сейчас, кто за него отвечает и что должно произойти дальше. Это помогает не искать ответ в переписке.
Создание заявки
Проверка владельцем бюджета
Административное согласование
Оплата бухгалтерией
Закрывающие документы
Завершение
Контекст собирается
до согласования
При создании заявки человек указывает организацию, бюджет, категорию закупки, поставщика и нужные документы. Если закупка проходит через тендер или требует платежа, эти данные тоже можно добавить здесь. У согласующих появляется контекст, необходимый для решения.
  • Бюджет и организация
    Сразу видно, к какому бюджету и подразделению относится закупка.
  • Проверка поставщика
    Сведения о проверке доступны при заполнении заявки.
  • Документы
    Файлы и реквизиты хранятся вместе с заявкой.
  • Связанный платеж
    Запрос на оплату создается в рамках той же закупки.
Что это дает
Участникам проще проверить, хватает ли данных для согласования и что еще нужно добавить.
Вся история согласования на одной странице
В деталях закупки собраны участники, этапы согласования, документы, история изменений и состояние платежа. Человек может понять, что уже произошло и от кого сейчас зависит следующий шаг.
УЧАСТНИКИ
ИСТОРИЯ
СТАТУС
ДОКУМЕНТЫ
Страница отвечает на два вопроса: где находится заявка и кто должен действовать дальше?
Одна закупка объединяет бюджет, платежи и доставку
Бюджет задает финансовые рамки. У платежей и доставки свои данные, документы и состояния. В интерфейсе они связаны с заявкой, поэтому можно видеть общую картину и при этом разбирать каждую часть отдельно.
ЗАЯВКА НА ЗАКУПКУ
Единый контекст закупки
БЮДЖЕТ
ПЛАТЕЖИ
ДОСТАВКА
Доставка: выполненный объем и документы
Бюджет: распределение средств по организациям и центрам затрат
Важны и ситуации за пределами основного сценария
Пользователь может сохранить черновик, получить предупреждение о поставщике, отменить действие или вернуться к истории обсуждения. Эти ситуации тоже нужно было продумать. Часть работы должна была оставаться доступной с телефона.
  • Черновики
    Можно сохранить заявку и закончить ее позже.
  • Проверки
    Возможные проблемы с поставщиком видны до отправки заявки.
  • Отмена и удаление
    Перед действием пользователь видит, что именно изменится.
  • История и обсуждение
    Решения и комментарии остаются рядом с заявкой.
Тот же процесс на небольшом экране
На телефоне сведения идут последовательно. Текущее состояние и доступные действия остаются на виду.
Разным ролям нужны разные возможности
Права доступа определяют, какие разделы и действия доступны сотруднику в зависимости от его роли и подразделения. Я работал с матрицей прав, чтобы эти различия были понятны и управляемы.
Что еще входило в платформу
Помимо закупок я работал над разделами для управления людьми, проектами и данными. Ниже показаны примеры задач из этих частей продукта.
  • Аналитика
    Загрузка сотрудников и команд, свободное время и изменения в проектах
  • Планы загрузки
    Планирование участия специалистов в проектах, продление и закрытие позиций
  • Поиск проектов
    Поиск клиентских проектов и открытых позиций по заданным условиям
  • Поиск сотрудников
    Подбор сотрудников по навыкам, доступности и местоположению
  • Подбор специалистов
    Проверка и согласование кандидатов для открытых позиций
  • Налоги
    Учет часов, объемов авторской работы для оптимизации налоговой базы
  • Обратная связь
    Вопросы, шаблоны и формы для сбора обратной связи
  • Опыт работы над проектами
    История проектов, роли и текущая загрузка сотрудника
Общий язык
для разных модулей
У платформы была своя дизайн-система: цвета, шрифты, значки и элементы интерфейса с разными состояниями. Я использовал ее в новых сценариях и дополнял там, где существующих решений не хватало. Это помогало сохранять единый подход в разных разделах продукта.
Результат: разделы работают как части одной платформы
Показанные разделы вышли в рабочую версию продукта. Руководство положительно оценило удобство платформы. Сведения о проектах, сотрудниках и финансах стали доступнее для принятия решений.
ЗАПУСК
Спроектированные сценарии стали частью повседневной работы компании.
ДАННЫЕ
Руководители могли видеть нужные сведения в одном месте.
ФИНАНСЫ
На сбор информации для финансовых решений уходило меньше времени.
WORLD OF DEVELOPMENT
Для меня этот проект был работой с большой системой взаимосвязанных процессов. Нужно было учитывать роли, данные и состояния заявок, сохраняя интерфейс понятным для людей, которые пользуются им каждый день.
Спасибо, что посмотрели кейс
Я проектирую цифровые продукты со сложными процессами и большим количеством данных. Если вам нужен дизайнер, который умеет разобраться в такой системе и сделать ее понятной для людей, буду рад пообщаться.
Связаться со мной