0-network: розподіл трафіку для медіабаєрів
Медіабаєри зливали бюджет на поганий трафік, який помічали лише наступного дня. Я спроєктував систему розподілу трафіку, що маршрутизує, фільтрує й монетизує кампанії в реальному часі.
TL;DR
- Проблема
- правила маршрутизації жили в конфігах, які наважувалися чіпати лише досвідчені користувачі.
- Рішення
- візуальний конструктор правил зі статистикою наживо та алертами.
- Результат
- правила налаштовуються приблизно втричі швидше, а злив бюджету видно протягом години, а не в завтрашньому звіті.
Контекст і проблема
Бізнес-ціль
Дати професійним медіабаєрам і командам партнерського маркетингу єдиний центр керування кампаніями: маршрутизувати, фільтрувати й монетизувати величезні обсяги трафіку в реальному часі.
Біль користувача
Правила маршрутизації жили в конфігах, які наважувалися чіпати лише досвідчені користувачі, а поганий трафік з’являвся у звітах на день пізніше.
Чому це складно
Ставки високі: критичні фінансові дані, складна логіка «водоспадних» редиректів і жорсткі метрики контролю якості. Одна помилка в налаштуванні може коштувати значних втрат.
Моя роль
Продуктовий дизайнер. Головна мета — перетворити абстрактні алгоритми бекенду на інтуїтивний візуальний робочий простір: конструктор кампаній, щільну UI-систему й модуль симуляції.
Дослідження
Для кого
Професійні медіабаєри й команди партнерського маркетингу, які працюють із великими обсягами трафіку й цілий день живуть у цифрах.
Що має гарантувати інтерфейс
Оскільки кожна помилка коштує грошей, продукт мав поставити прозорість, точність і повний контроль над автоматизованими процесами понад усе.
Дизайн-стратегія
Знизити когнітивне навантаження
Зробити складні правила розподілу й логіку «рівнів» (tiers) видимими, щоб налаштування кампанії було логічним і передбачуваним, а не ризикованим.
Спершу аномалія
У такому щільному продукті компонування має підказати оператору, куди дивитися, ще до того, як він почне читати.
Ключові рішення
1. Як перетворити вкладену логіку «якщо/то» на конструктор правил, зрозумілий з першого погляду
Конструктор кампаній візуалізує правила розподілу трафіку й рівні, тож маршрутизація, яку налаштовує баєр, — це саме те, що він бачить.
2. Про що сповіщати — і коли краще мовчати
Розумна ієрархія й кольорове кодування статусів дозволяють миттєво помітити фінансові розбіжності чи технічні аномалії, не перевантажуючи увагу всім іншим.
3. Спершу тест, потім бюджет
Модуль симуляції працює як передстартова перевірка: користувачі безпечно тестують логіку кампанії й стан посилань у пісочниці, перш ніж запустити реальні бюджети.
Фінальний дизайн
Дизайн-система та UI
Щільна UI-система, створена для даних: компактні таблиці, чітка типографічна ієрархія й кольоровий код статусів, однаковий у дашбордах, статистиці, правилах і звітах.
Результат і вплив
- Правила налаштовуються приблизно втричі швидше, з меншою кількістю людських помилок під час введення даних
- Злив бюджету видно протягом години, а не в завтрашньому звіті
- Прозора звітність і симуляція закрили розрив між складною автоматизацією та довірою користувача й спростили звірку з партнерами
- Продукт масштабується на мільйони запитів і стабільно працює під високим навантаженням
Чого я навчився
- Коли помилка коштує реальних грошей, безпечне місце для репетиції краще за будь-яке попередження.
- У щільних інструментах колір статусу працює більше, ніж компонування.
- Довіра до автоматизації зростає, коли люди бачать, що саме вона зробить.
Наступний кейс