Яндекс 360: система 3D и 2D-иллюстраций для крупнейшего в СНГ сервиса для работы и жизни
Яндекс 360 — цифровое пространство, объединяющее сервисы Яндекса для работы и повседневной жизни: Почту, Диск, Календарь, Телемост и другие. В 2024 году бренд прошёл полный ребрендинг, в основе которого лежит идея Орбиты. В новом логотипе сервисы показаны как планеты и спутники, которые вращаются в одной солнечной системе, и это метафора того, как все сервисы связаны в одну экосистему.
При этом, иллюстрации бренда выпадали из новой идеи — они выглядели устаревшими, «наивными» и не сочетались со взрослым и технологичным характером бренда. Команда нуждалась в узнаваемом стиле и легко поддерживаемой системе иллюстраций, которая масштабируется от иконки в продукте до лендинга.
В 2024 году меня позвали решить эту задачу в качестве независимого арт-директора и 3D-художника. Я изучил существующие иллюстрации и фидбэк команды, провёл аудит стиля, и после стадии R&D разработал новую систему 3D- и 2D-иллюстраций, которая частично (а в случае 2D-иллюстраций почти полностью) легла в основу нынешнего визуального языка бренда.
Исследование и решение
Концепция развивает идею Орбиты из ребрендинга и переносит её в иллюстрации. Яндекс 360 становится пространством умных сервисов, с которыми легко планировать, делать и сохранять важные моменты жизни, а сами сервисы становятся планетами, которые движутся по своим орбитам.
Иллюстрации бывают трёх размеров: крупные ключевые визуалы, которые показывают сервис целиком (L), компактные композиции из нескольких элементов (M) и микрокомпозиции или 3D-иконки (S). У каждого размера своё место в солнечной системе.
Иллюстрации бывают трёх размеров, и у каждого своё место в этой системе. L — посадка на планету: крупный кейвижуал, где сервис показан целиком в статичном пейзаже со своими формами и цветами и интерфейсом сервиса. M приближает отдельные части сервиса, например виджет или фрагмент интерфейса, а S — небольшие сюжеты и 3D-иконки из одного-трёх элементов. M и S показаны в изометрии под одинаковым углом, будто парят в пространстве.
К этой логике я пришёл после конкурентного аудита, большого сбора референсов и нескольких итераций с командой. На одной из них я попросил ребят собрать свои референсы, чтобы мы договорились, каким должно ощущаться «пространство». Связь с Орбитой стала внутренней логикой команды, а не внешним сообщением, и задача у неё была прикладная: у каждого материала, формы и композиции появилось обоснование.
Система работает для обеих аудиторий. Композиции одни и те же, а между B2C и B2B меняются только цвета и материалы, поэтому одна иллюстрация подходит для любой из них.
2D-стиль
Я хотел, чтобы векторный 2D-стиль явно перекликался с 3D, но не копировал его, поэтому основным приёмом стал наклон. Папки, документы и карточки стоят под углом и переносят ощущение левитации в плоскую графику. Полупрозрачные пересекающиеся формы как будто сделаны из стекла, а маленькие скругления сохраняют дружелюбность, при этом не возвращая стиль к «леденцам».
Команде хотелось больше цвета, и вместо новых оттенков мы привязали акценты к самому продукту. Основу составляют лавандовые тона в B2C и серые в B2B, акцент по умолчанию оранжевый, а если иллюстрация про конкретный сервис, то его собственный цвет становится акцентным. Так палитра растёт вместе с продуктом и не превращается в случайный набор цветов.
Результаты
Концепция легла в основу нынешнего визуального языка Яндекс 360. Клиент принял 2D-стиль почти без изменений, и команда получила то, чего ей не хватало: единый иллюстрационный язык, связанный с Орбитой и достаточно простой, чтобы его мог воспроизвести любой. От первых референсов до презентации маркетинг-директору прошло около десяти недель. 3D-стиль дорабатывался командой самостоятельно.
Все 3D и 2D-иллюстрации в этом кейсе сделаны без использования AI.
Команда проекта
Арт-директор и 3D-дизайнер: Кирилл Жаркой
3D-дизайнер R&D: Волеслав Колокол
Команда Яндекс 360
Арт-директор: Анна Большакова
Дизайнер: Алёна Горбачёва
Дизайнер: Борис Шемяков
Продюсер: Александра Яскевич
