update

3 характера коммуникации

3 аудитории

Система визуальной идентичности для внутренней образовательной платформы

«Нам нужен был не новый стиль. Нам нужен был принцип, по которому стиль сможет развиваться.»

Update — внутренняя образовательная платформа для ~50 000 сотрудников. Пользователи сильно отличаются по характеру работы, поэтому одной универсальной коммуникацией здесь не обойтись. Внутри платформы есть три основные аудитории:

Line
Курьеры, сотрудники колл-центров, торговые представители. Коммуникация должна быть простой, понятной и быстро считываться.

IT
Разработчики и технические специалисты. Здесь уместнее конкретный язык: machine learning, языковые модели, кибербезопасность и новые технологии.

Head Office
Руководители, редакторы, дизайнеры и другие специалисты головных офисов. Для них коммуникация может быть более сложной и говорить о развитии, профессиональном росте и достижении целей.

контекст

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

Поэтому объекты в сценах не просто красиво расположены.
Они находятся в состоянии действия.

Вместо набора фиксированных графических приёмов я предложил построить визуальный язык вокруг физического взаимодействия объектов. В основе 3D-сцен — симуляции, движение, кинетика, столкновения, деформация, баланс и реакция материалов друг на друга.

Это важный сдвиг в самой идее визуала. Образовательный продукт не должен выглядеть как формальная корпоративная библиотека знаний. Он должен говорить о практике — о том, что человек получает навык, пробует его, взаимодействует с ним и применяет в работе.

Физика вместо формализма.
Реалистичный 3D-язык также задаёт отношение к пользователю. Мы не пытались сделать обучение проще визуально за счёт упрощения самого сотрудника.

Наоборот — высокий уровень исполнения передает уважение к аудитории и уровень корпоративной культуры.

Для навигации по большому количеству образовательного контента была создана расширенная цветовая система из 10 градиентов и акцентом.
Цвет здесь решает прежде всего функциональную задачу — помогает сегментировать уроки и быстро ориентироваться внутри платформы.

Для Update был разработан логотип на основе жирной модульной типографики. Модульность напрямую связана с устройством самой платформы: каждый урок состоит из отдельных блоков и знаний, которые можно собрать в целостную систему. Эту же логику я заложил в форму самого знака — его можно мысленно разобрать на простые элементы, понять принцип их устройства и собрать обратно. Получился не декоративный логотип, а небольшая визуальная модель продукта.

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

ИИ фотостиль

10-color system

Вместо очередного временного визуального стиля платформа получила систему, рассчитанную на развитие.
Главный результат — визуал больше не зависит от конкретного тренда или набора эффектов. Новые изображения могут выглядеть совершенно по-разному, но остаются частью одного продукта, пока сохраняют главный принцип: объекты находятся в действии и взаимодействуют между собой.
Система также позволяет одновременно работать с несколькими аудиториями, не создавая для каждой отдельный визуальный стиль.
В результате Update получил визуальный язык, который можно масштабировать на новые курсы, форматы и темы без постоянного пересмотра всей дизайн-системы.

результат