Найти в Дзене

В компании должно быть прекрасно всё! О разработке внутренней дизайн-системы.

История о том, как российская дизайн-команда помогла оптимизировать бизнес-процессы аналитиков Philip Morris.
Несколько лет назад наша студия "СОЗДАНО" выиграла тендер российского отделения «Филип Моррис» на создание дизайн-системы для портала внутренней отчетности. Старый портал поддерживался зарубежной организацией и не был достаточно гибким и удобным, поэтому со временем им совсем перестали пользоваться. Новый портал – «Ребус» – насчитывает около 300 метрик в нескольких областях: продажи в разных каналах, доля рынка, финансовые показатели, активационные программы, исследования потребителей и рынка и пр. Отчеты «питаются» из хранилища данных и датамартов, которые обновляются автоматически. Благодаря этой коалиции хранилища данных и инструмента для визуализации Microsoft Power BI у специалистов компании есть возможность создавать автоматически обновляемые отчеты, т.е. на портале всегда самая свежая информация. В зависимости от роли сотрудника портал рекомендует ему набор наиболее по

История о том, как российская дизайн-команда помогла оптимизировать бизнес-процессы аналитиков Philip Morris.

Несколько лет назад
наша студия "СОЗДАНО" выиграла тендер российского отделения «Филип Моррис» на создание дизайн-системы для портала внутренней отчетности. Старый портал поддерживался зарубежной организацией и не был достаточно гибким и удобным, поэтому со временем им совсем перестали пользоваться. Новый портал – «Ребус» – насчитывает около 300 метрик в нескольких областях: продажи в разных каналах, доля рынка, финансовые показатели, активационные программы, исследования потребителей и рынка и пр. Отчеты «питаются» из хранилища данных и датамартов, которые обновляются автоматически. Благодаря этой коалиции хранилища данных и инструмента для визуализации Microsoft Power BI у специалистов компании есть возможность создавать автоматически обновляемые отчеты, т.е. на портале всегда самая свежая информация.

Дизайн интерфейса главной страницы (все данные изменены в виду условий NDA)
Дизайн интерфейса главной страницы (все данные изменены в виду условий NDA)

В зависимости от роли сотрудника портал рекомендует ему набор наиболее популярных отчетов, а также предоставляет доступ к дополнительным инструментам для работы.

Проект находится под жестким NDA, поэтому рассказать о нем в подробностях, которых заслуживает эта масштабная работа, нельзя, опишу историю в дозволенных нам клиентом чертах.

Элементы интерфейса портала
Элементы интерфейса портала

Ключевой задачей было не просто создание интерфейсов, а разработка целостной визуальной экосистемы проекта. Клиенту были необходимы айдентика портала с полноценным бренд-буком, интерфейсы (UI/UX с нуля) и гайдлайны по оформлению документов (отчетов, презентаций). На нашем сайте можно посмотреть кейс (там больше картинок и меньше слов).

Однако мы не сразу перешли к большой цели. По нашему опыту, клиент редко может точно сформулировать задачу с самого начала, и мы помогаем ему на этапе формирования ТЗ проанализировать проблему и сформулировать конкретное задание для дизайн-команды. Мы никогда не говорим клиенту: «Ну знаете ли, у вас непонятное ТЗ, напишите поточнее и возвращайтесь». С «Филип Моррис» мы сначала говорили о локальных проблемах, и в процессе работы и консультаций обе стороны пришли к пониманию, в каком направлении нужно двигаться и какие задачи решать.

Так, мы начинали с отдельных элементов дашбордов и небольших локальных задач по разработке инфографики. Только спустя пару лет команда клиента подошла к разработке портала и всей сопутствующей дизайн-системы с айдентикой, интерфейсами и дизайном документов.

Первые итерации дизайна дашборда (все данные изменены в виду условий NDA)
Первые итерации дизайна дашборда (все данные изменены в виду условий NDA)

Когда нас спрашивают, в чем секрет долгосрочного сотрудничества, мы говорим – в мультидисциплинарности! Наша команда концентрируется не на том, чтобы сделать красивую картинку, а на том, как решить задачу бизнеса, а задачи могут быть разные. В ходе работы над проектом с «Филип Моррис» перед нами часто вставали задачи, которые до этого мы не решали, и каждый раз мы погружались в проблематику, изучали что-то новое, придумывали. Например, мы вникли в бизнес-логику заказчика и научились делать дизайн отчетов в Microsoft Power BI. С точки зрения возможностей дизайна это очень скудный и неповоротливый софт. Но он удобен для аналитиков, и нам нужно было им помочь. Как заметила Ксения Жданова из департамента коммерческого планирования «Филип Моррис», «большая редкость, чтобы дизайн-студия работала с Power BI. Это сильно упростило нам жизнь».

Детали шаблона отчета в Microsoft Power BI (все данные изменены в виду условий NDA)
Детали шаблона отчета в Microsoft Power BI (все данные изменены в виду условий NDA)

Важное достижение совместной работы – создание строгих гайдлайнов оформления отчетов, при которых больше не нужно тратить время на расстановку акцентов вручную. Взял шаблон – и делаешь свой отчет. Также сократилось время на редизайн уже существующих отчетов.

Следующий этап – работа над глоссарием, который будет содержать в себе все определения и метрики, а также методологию их калькуляции. Это должно существенно упростить индакшен для новых сотрудников.

Дизайн элементов интерфейса портала (все данные изменены в виду условий NDA)
Дизайн элементов интерфейса портала (все данные изменены в виду условий NDA)

На текущий момент у портала уже более 1700 уникальных пользователей (это почти половина сотрудников компании), и планируется, что эта цифра будет только расти. Активных отчетов – около 100, и еще почти столько же в разработке. В среднем в день портал посещают 500 человек. Большинство смотрят с компьютера, но есть и пользователи с планшетов и телефонов, что также учитывалось при разработке.

Элементы дизайн-системы "Ребус" (все данные изменены в виду условий NDA)
Элементы дизайн-системы "Ребус" (все данные изменены в виду условий NDA)

Благодаря качественной реализации проекта у нас получилось оптимизировать бизнес-процессы крупной корпорации, уменьшив время, которое сотрудники тратят на структурирование, оформление и изучение отчетов, а также на обучение и знакомство с матчастью новых работников.

О качестве работы дизайнеров часто судят по их клиентам, и, конечно, все хотят работать с крупными, известными компаниями. А те, кому удается поработать с международными корпорациями, у кого есть возможность выбирать между специалистами с разных континентов, приобретают уникальный опыт и получают своеобразный знак качества. Интересные и масштабные задачи не бывают легкими, и мы благодарны нашим клиентам за то, что можем расти и развиваться вместе.