Работы
11.11.11

IHAQ Donate: платформа, где донаты становятся интерактивом

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

Донат без магии

За последние годы донаты на стримах превратились в сухую операцию: зритель переводит деньги, на экране мелькает анимация — и момент сразу тает. Интерфейсы «традиционных» сервисов перегружены виджетами и мелким текстом, а комиссия в 10–15 % делает поддержку автора ощутимо дороже для аудитории.
‍
Стример теряет заметную долю дохода и переключается между несколькими экранами, чтобы не пропустить сообщение.
‍
Зритель почти не влияет на происходящее в эфире. Важно дать ему больше инструментов участия и сделать формат живее, чем телевидение.

Вызов IHAQ

Команда IHAQ решила изменить саму природу донатов: минимизировать комиссию и сделать каждый из них запуском сценария: опроса, мини-игры, мем-флеша. Нам предстояло спроектировать дизайн-систему, которая превращает отправку доната в захватывающее событие, остаётся понятной с первого клика и одинаково комфортной на ультрашироком мониторе стримера и экране смартфона зрителя.
Дмитрий, со‑основатель IHAQ Donate
Когда годы делаешь прямые эфиры и онлайн-шоу, быстро понимаешь: зритель остаётся у экрана, когда чувствует динамику и своё влияние на происходящее.
12:32
Алина, арт-директор
То есть ключевая мысль — не «телевидение против стримов», а нехватка нативного взаимодействия?
12:35
Дмитрий, со‑основатель IHAQ Donate
Да. YouTube и Twitch — интернет по сути, но по форме всё ещё как ТВ: у зрителя мало инструментов, которые реально меняют эфир. Чат и обычные донаты есть, но эмоция часто гаснет — сообщение мелькнуло и исчезло.
12:36
Алина, арт-директор
И вы превратили этот инсайт в продуктовый принцип?
12:36
Дмитрий, со‑основатель IHAQ Donate
Мы делаем донат кнопкой действия. Зритель нажимает — и шоу меняется здесь и сейчас: запускается опрос, мини-игра, мем-сцена. Стример получает повод для импровизации, эфир становится живым и непредсказуемым.
12:37
Алина, арт-директор
По сути, это инструмент режиссуры эфира в руках аудитории.
12:36
Дмитрий, со‑основатель IHAQ Donate
Именно. Это главный инсайт из нашего опыта онлайн-эфиров, который мы заложили в продукт.
12:37
Эти мысли легли в основу продукта: любой донат становится интерактивом, который мгновенно подхватывает чат и делает фаната соведущим эфира.
Наша цель — экосистема вокруг стримера: сценарии запускаются донатами и не только — от опросов до мини-панелей управления эфиром
Делает донат частью шоу и поднимает вовлечённость всех участников.
Остаётся понятной с первого клика для зрителя и стримера.
Безболезненно масштабируется и легко внедряется командой.

Исследования и процесс

Мы начали с экспресс‑аудита рынка донатов: изучили, как устроены ключевые сервисы, где перегруз интерфейса, а где исчезает эмоция. Затем включили более 30 прямых эфиров — от камерных стримов до крупных киберспорт‑трансляций — и поминутно отмечали, в какие моменты чат «горит», а когда замирает. Главный вывод: зрителю нужна мгновенная обратная связь, а стримеру — минимум кликов и один экран управления.
‍
В следующем блоке покажем, как эти инсайты превратились в единую дизайн‑систему, интерактивные виджеты и адаптивный интерфейс, который запускает интерактив за три клика.

Проработка пользовательских путей

Каждый взнос зрителя не просто «пополняет копилку» — он запускает заранее настроенный сценарий: опрос, дуэль мемов, викторину или вспышку анимации. Донат становится кнопкой действия, а не строчкой в счёте.
Для каждого расписали покадровый путь, отметили точки возможной задержки и добавили измеримые цели (время завершения, число кликов).
Итог — путь зрителя сократился до 3 кликов, а стримеру хватило одной панели вместо трёх.

Вайрфреймы и быстрые проверки

На основе карт путей собрали «серые» вайрфреймы в Figma: без графики, только иерархия и элементы управления. Провели коридорные тесты на десяти пользователях — 9 из 10 без подсказок завершили сценарий супер‑доната. После фидбека убрали лишнюю вкладку и добавили превью интерактива, чтобы зритель видел, как донат отобразится на стриме.

Дизайн‑решение

Интерфейс строится вокруг двух ролей — стримера и зрителя — и подчинён правилу «одно действие — один фокус».

На экране стримера слева располагается мини‑превью трансляции с оверлеем «Барометр настроений», по центру — вертикальная лента всех событий (донаты, супер‑донаты, сообщения), а справа — динамические виджеты: текущая цель сбора, бегущие полосы голосований и дневной рейтинг донатёров. Настройки виджетов открываются слайдом снизу: стример остаётся в кадре и мгновенно вносит изменения без смены вкладок.
‍
Глобальная навигация сведена к трём лаконичным иконкам — «Эфир», «Статистика», «Настройки». При запуске стрима меню схлопывается, освобождая площадь под контент, а статусы «ожидает модерации», «активен», «отработан» подсвечиваются фирменными цветами и группируются, чтобы не создавать визуальный шум. Сценарии удобно запускать и без мыши: горячие клавиши и тач‑жесты позволяют работать с геймпада или планшета.
Алина, арт-директор
Главный вызов был в том, чтобы панель эфира не отвлекала от самого эфира, а помогала его вести. Мы выстраивали интерфейс так, чтобы навигация была максимально прямой: все ключевые действия доступны в один клик, статусы и события читаются быстро, 
а переключение сценариев не выбивает стримера из кадра.

Настройка виджетов

Мы вывели все ключевые параметры в один экран, чтобы стример настраивал интерактивы, не уходя с панели эфира. Слева — функциональные настройки: минимальная сумма для обычного и супер‑доната, фильтр запрещённых слов, готовые ссылки для встраивания виджета в OBS. Справа — живое превью, где можно мгновенно переключаться между режимами «полный экран» и «оверлей для Twitch». Все изменения отображаются в реальном времени: стример крутит ползунок громкости или меняет цветовое оформление, и сразу видит, как это выглядит в эфире.
Никита, UX/UI дизайнер
Мы хотели, чтобы настройка интерактива занимала секунды, а не минуты. Поэтому собрали все критичные параметры и превью на одном экране — без лишних переходов и скрытых вкладок 🤔

Единая дизайн‑система

Мы объединили все экраны, интерактивы и графику в единую экосистему, чтобы продукт мог расти без стилистических конфликтов. В её основе — двенадцатиколоночная сетка с базовым шагом 8 px: она одинаково уверенно держит контент и на широких мониторах, и на ноутбуках. Тёмный, почти бархатный фон служит сценой, где главный актёр — сам стрим, а два фирменных акцента — сочный фиолетовый и лаймовый — моментально подсказывают, куда кликнуть или на что обратить внимание.
Мы настроили типографику так, чтобы крупные цифры донатов были читабельны даже с дивана, а подписи на телефоне оставались разборчивыми.
Система построена как конструктор: иконки, бейджи, прогресс‑полосы и маскоты собираются в готовые виджеты за считанные минуты. Разработчики клиента получили в Figma полный набор стилей, токенов и живых примеров — теперь они добавляют новый сценарий буквально за час и не тратят время на согласования.
Алла, UX/UI дизайнер
Смысл системы — в свободе: стример кастомизирует интерактив в пару кликов, а команда выпускает новые виджеты без головной боли

Кастомизация: темы, шрифты, формы, пресеты

По фидбеку от стримеров мы усилили кастомизацию. Теперь виджеты настраиваются не только по цвету: доступны пресеты тем, выбор шрифта и его размера для топ-донатеров, вариации прогресс-полос (полная/тонкая/ступенчатая), а также положение и стиль заголовков. Можно добавлять звуки, анимацию, свои картинки и гифки. Любое изменение видно сразу в превью, а глобальные стили можно переопределять точечно — для конкретного виджета или сценария.

Адаптивность: экран стримера и страница доната

Главный принцип — «никаких вторых экранов»: вся мощь управления эфиром умещается на одном мониторе, а отправить донат можно в три тапа с любого смартфона.
‍
Панель стримера растягивается на ультра‑вайд, но даже на ноутбуке сохраняет логику: превью, лента событий и виджеты складываются в вертикальные блоки, доступные по табам. Никаких всплывающих окон — все действия в одном слое, чтобы взгляд не прыгал
Страница доната мобильна по умолчанию: сумма, сообщение, выбор сценария и живое превью — на одном экране. Кнопка оплаты во всю ширину и зона тапа 48 px делают процесс одинаково удобным для большого пальца и курсора мыши.

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

Итерации после запуска: мини‑панель управления

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

Голос стримеров

За первый месяц публичной беты к IHAQ подключились и крупные контент‑мейкеры с миллионной аудиторией, и e‑sports‑комментаторы, и узкие комьюнити‑стримеры. Этот «срез» позволяет быстро проверять гипотезы и улучшать продукт. Ниже — несколько прямых цитат, которые показывают, за что платформу ценят разные типы авторов и где они ждут развития.

С клиентом стримят

Александр Тимарцев
рэпер, стример, создатель шоу Versus Battle
Канал RestoratorGame,
111,1 тыс. фолловеров
Ричард Чиркин
видеоблогер, летсплейщик, стример
Канал Uzya,

329,6 тыс. фолловеров
Сергей Крэй
cтример
SergeyCrey,
249 тыс. фолловеров
Михаил Гаджиев
стример Team Spirit Family
Канал Weronest,
‍44 тыс. фолловеров

Первые отзывы

Пользуясь случаем — спасибо вам за этот сервис! Минимальная комиссия, импорт оповещений, настройка виджетов простая. Очень жду расширения кастомизации, но уже сейчас это лучшее, что есть.
Вообще очень прикольная тема, по сути вы создали алертсы, как за баллы канала, только за денежку. Белиссимо, будем ждать фиксов!
‍
Поддержка у вас тоже топ!
Супер‑донат выстреливает мгновенно: чат реагирует, а я тут же вижу, какие темы заводят аудиторию.

Результат

Мы начали с идеи: сделать донат не транзакцией, а взаимодействием.
А пришли к целой экосистеме, где стрим — это живой формат, а каждый участник важен.



IHAQ Donate — это не просто про деньги. Это про роли, смыслы и шоу.
Мы спроектировали платформу, в которой стример становится автором эфира, а зритель — его соавтором.


А для клиента мы собрали масштабируемый продукт с гибкой архитектурой и дизайн-системой, которую легко развивать, адаптировать под новые сценарии и поддерживать без лишней боли в будущем.
37%
к среднему чеку при включённых
супер-донатах за счёт превью и сценариев
92%
стримеров оценили процесс настройки как «очень простой» (опрос после онбординга).
80%
новых каналов мигрировали оповещения изпредыдущих сервисов, среднее время переноса — 12 минут.
20%
зрителей попробовали интерактив за счёт превью и сценариев
3 200
стримеров подключились за первые четыре недели беты.
Метрики собраны на выборке из 50 каналов, период январь–март 2025.
Команда дизайна не просто навела порядок в интерфейсе — она помогла сформировать саму философию продукта. Благодаря их системному подходу мы вышли в бету быстрее плана, а теперь можем добавлять и тестировать новые фичи прямо на лету: разработчики собирают виджет из готовых блоков, а я вижу результат в эфире без привлечения дизайнера. Мы регулярно собираем фидбек от стримеров, и продукт живёт — каждую неделю выходит мини‑обновление. Мы даже придумали традицию: версии называем ником пользователя, предложившего улучшение. Например, Chester_Investor v.1.0 — поддержка WebM, Alex Minter v.1.0 — +20 % к максимальному размеру анимации. Сообщество это ценит, мы реагируем на их запросы в считанные дни
Дмитрий Баканович, 

со‑основатель IHAQ Donate
Стратегия:
UX стратегия

Аналитика

Технологическая стратегия
UX/UI:
Проектирование и прототипирование сайтов

Дизайн сайтов и интерфейсов
Визуал
Motion-дизайн
Иллюстрация
3D-моделирование
Сопровождение:
Дизайн-поддержка
Напишите нам
Следующая запись
Айдентика для этно-
культурного фестиваля Ёрдынские игры