Яндекс.Реклама — дизайн-система портала

1. Вводная задача от заказчика, проблематика, цели

Команда Яндекс.Рекламы пришла с задачей обновить рекламный портал. Это большая платформа с десятками подразделов, которой пользуются и малый бизнес, и крупные компании. Портал должен одинаково хорошо работать для разных уровней пользователей и выдерживать рост.

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

Команда клиента разработала новый подход к дизайн‑системе, который должен был решить эти проблемы. Наша задача — доработать этот подход, распространить его на весь портал и довести до рабочего, масштабируемого состояния.

Кейс Dprofile

Кейс Behance

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Подключились на этапе, когда концепция уже была сформулирована. Вместо типичного сценария «взяли ТЗ, сделали экраны, передали» получилось полноценное партнёрство. Работали вместе с ведущим дизайнером и арт‑директором Яндекс.Рекламы, обсуждали решения в общем контуре, участвовали в развитии дизайн‑системы.

На старте столкнулись с отсутствием привычного для агентства онбординга. Многие вещи в продуктовой команде существовали в головах. Они были в проекте с самого начала и не фиксировали знания отдельно. Мы понимали, что предстоит сделать, но не видели весь объём. Техзаданий в нашем понимании тоже не было. Решения принимались по ходу, приоритеты сдвигались, единый план существовал скорее в устных договорённостях.

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

Обсуждения с самого начала строились большой группой. На созвонах присутствовали арт‑директор, дизайнеры, разработчики, UX‑редакторы, SEO и внутренние заказчики. Разработчики сразу подсвечивали сложные в реализации решения, UX‑редакторы уточняли тексты, продакты понимали, какой продукт в итоге получится. Это помогало избегать ситуации, когда красивый макет не проходит реализацию, и сокращало количество итераций на поздних этапах.

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

Параллельно команда REB8T перенимала продуктовый подход. Дизайнеры глубже погружались в UX, ресёрч, аналитику, учились аргументировать решения на уровне системной логики, а не только визуальной гармонии. За время проекта внутри команды выросли люди, которые после стали уверенно вести крупные системы и готовиться к роли лидов.

3. Результаты сотрудничества

Дизайн‑система получила второе дыхание. Новый подход, который команда Яндекс.Рекламы сформулировала до нашего прихода, мы помогли развить и развернуть на весь портал. Блоки и паттерны стали лучше собираться в единую структуру, стало проще добавлять новые подразделы и расширять продукт.

Мы после проекта забрали в работу более осознанный подход к проверке гипотез и командным обсуждениям на старте, чтобы в других проектах сразу закладывать время на анализ и вовлекать разработку раньше. Для команды Яндекс.Рекламы наша насмотренность и нестандартные решения стали инструментом для усиления собственной дизайн‑концепции. В результате портал прошёл через редизайн, который можно масштабировать и развивать дальше, а команды по обе стороны получили рабочий набор приёмов для следующих продуктов.