Немного о компании
RedDigital – рекламное агентство, развивающее собственную DSP-платформу, которая помогает запускать, настраивать и анализировать рекламные кампании. В рамках проекта я занимался проектированием интерфейсов этой платформы
Основная задача
Спроектировать рекламный кабинет с нуля: от структуры и пользовательских сценариев до готовых макетов для разработки. Дополнительно создать библиотеку компонентов, обеспечивающую единообразие интерфейсов и ускоряющую дальнейшее развитие продукта
Погрузился в специфику
Проект стартовал с чистого листа: существующих макетов или предыдущей версии платформы не было. На первой встрече с командой мы синхронизировали требования, обсудили формат работы и детально разобрали, каким должен быть будущий рекламный кабинет. Это помогло погрузиться в специфику продукта, понять бизнес-потребности, ключевые ограничения и ожидания от интерфейса еще до начала проектирования
Анализ конкурентов
Я изучил, как в аналогичных продуктах организованы ключевые пользовательские сценарии: создание кампаний, настройка таргетинга, управление бюджетом и аналитика. Я сравнил несколько популярных рекламных кабинетов, отметил сильные и слабые стороны каждого и использовал это как основу для проектирования собственного интерфейса
Каркас навигации
Одним из первых этапов стало проектирование навигации. Рассматривали разные модели – от классического сайдбара до верхнего меню. Оценивали с точки зрения масштабируемости, привычных рекламным экспертам паттернов и удобства работы с большим количеством разделов. В результате пришли к комбинированному решению: основная навигация была вынесена в сворачиваемое боковое меню, а второстепенные элементы (крошки, баланс и настройки аккаунта) – в верхнюю панель
Логика таблицы
Еще одним этапом стала проработка таблицы как основного рабочего элемента интерфейса. Я детализировал все ключевые сценарии взаимодействия: поведение строк, скролл, сортировку, ресайз колонок, чекбоксовое выделение, состояния и пагинацию. Фактически это была спецификация поведения компонента. Далее мы засинхронились с бизнесом и командой разработки и довели весь функционал до финальной версии
Библиотека компонентов
По мере проектирования экранов я постепенно собирал библиотеку компонентов. Это помогло сохранить консистентность, ускорить дальнейшую работу над макетами, а также дало возможность переиспользовать ее в дальнейших проектах компании
Интерфейс
Проработали довольно много пользовательских сценариев. Личный кабинет, настройки аккаунта, раздел рекламодателей, рекламных кампаний, рекламных объявлений, настройки BlackList и WhiteList, выбора внешних сегментов и множество других сценариев, включая корнер-кейсы и ошибки
Результаты
Задача ушла в разработку. Было еще немало вопросов, обсуждений логики и поведения с фронтами и бизнесом. Мы постарались сохранить корпоративный стиль и при этом сделать решение полностью конкурирующим с известными аналогами.
На данный момент проект находится на стадии препрода. Эксперты внутри компании уже смогли пройти по функционалу и проверить сценарии и построенную логику. Фидбек был положительный. Теперь ждем выхода в прод и реакций других реальных пользователей
Инсайт из кейса
С этим проектом пришло понимание, что не нужно гнаться за быстрым результатом и пытаться заранее спроектировать всю систему до мелочей. Гораздо эффективнее договориться о фундаментальных принципах, и далее идти итерационно.
Звучит очевидно, но на практике всегда хотелось побыстрее отдать больше результата, что по факту могло выливаться в большее количество правок, пересборку компонентов в библиотеке и другим нюансам, которые могли замедлять проработку дизайна