Сервис управления рекламой Аds.Market

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

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

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

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

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

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

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

На этом этапе подготовили детализированные прототипы системы — избавились от перегруженных форм, нефункциональных элементов. Учли разные сценарии использования личного кабинета в зависимости от роли пользователя. Так, в новом кабинете появились: 

В процессе работы подготовили более 70 прототипов.

Сервис состоит из двух частей — публичная часть и личный кабинет пользователя. 

На главной странице сфокусировались на описании функционала и ключевых преимуществ продукта, а также продемонстрировали примеры интерфейса внутренней части системы. Цель — наглядно и последовательно донести ценность сервиса до новых пользователей и показать возможности, которые откроются после регистрации.

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

Визуальная метафора строится вокруг абстрактного образа рекламы, размещаемой на сайтах. Основной цвет — синий. Он ассоциируется со стабильностью, профессионализмом и продуктивностью. Это позволяет снизить ощущение неопределённости, связанной с волатильностью криптовалют, и сформировать более высокий уровень доверия к продукту.

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

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

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

Мы декомпозировали функциональность и полностью пересобрали структуру страницы. Все настройки сгруппировали по логике использования: основные параметры, язык и география, тип устройства, браузер и другие параметры таргетинга.

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

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

Мы проанализировали формулы и логику расчётов, пересобрали математическую модель и упростили набор параметров, оставив только действительно значимые для пользователей. Интерфейс калькулятора разрабатывался итеративно и тестировался на каждом этапе.

В результате получился компактный и понятный инструмент, позволяющий быстро оценить затраты и корректно настроить рекламную кампанию.

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

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

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

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

Интерфейс адаптирован под разные роли пользователей. Для рекламодателей отображаются показатели расходов и кликабельности, для веб-мастеров — доходы и процент кликов. Графики показывают как сводные метрики, так и динамику отдельных кампаний, с возможностью перехода к детальным отчётам.

Для оценки эффективности кампаний спроектировали отдельную страницу с расширенной аналитикой. В отличие от сводных данных в панели управления, здесь представлена детализированная статистика.

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

Поскольку сервис работает с финансовыми операциями, особое внимание уделили безопасности. В системе реализована двухфакторная аутентификация с использованием одноразовых кодов, генерируемых приложениями, такими как Яндекс.Ключ и Google Authenticator.

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

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

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

В результате команда подготовила более 300 макетов в четырёх разрешениях, а также полный комплект сопроводительной документации для передачи в разработку. Общий объём работ — более 1000 часов от этапа исследования до формирования готового UI-кита.