Работы
11.11.11

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

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

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

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

Вызов IHAQ

Команда IHAQ решила изменить саму природу донатов: отменить комиссию и сделать каждый из них запуском сценария: опроса, мини-игры, мем-флеша. Нам предстояло спроектировать дизайн-систему, которая превращает отправку доната в захватывающее событие, остаётся понятной с первого клика и одинаково комфортной на ультрашироком мониторе стримера и экране смартфона зрителя.
Дмитрий , со‑основатель IHAQ Donate
Когда десять лет продюсируешь прямые эфиры и сотни телешоу, начинаешь понимать: зритель остаётся у экрана только тогда, когда чувствует динамику и вовлечённость.
12:32
Алина, арт-директор
И вы этот опыт решили перенести в стриминг?
12:35
Дмитрий , со‑основатель IHAQ Donate
Да. Потому что на ТВ зритель всегда был «немым» — он смотрит, но никак не влияет. В стримах уже лучше: есть чат, донаты. Но это всё равно не тот уровень вовлечения.
12:36
Алина, арт-директор
Что именно не срабатывает в донатах?
12:36
Дмитрий , со‑основатель IHAQ Donate
Эмоция. Она слишком быстро тухнет. Зритель отправил деньги, стример сказал спасибо — и всё. Нет эффекта «я изменил эфир».
12:37
Дмитрий , со‑основатель 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‑комментаторы, и узкие комьюнити‑стримеры. Этот «срез» позволяет быстро проверять гипотезы и улучшать продукт. Ниже — несколько прямых цитат, которые показывают, за что платформу ценят разные типы авторов и где они ждут развития.
Максим Голополосов
cтример, автор шоу «+100500»
Пользуясь случаем — спасибо вам за этот сервис! Никакой комиссии, импорт оповещений, настройка виджетов простая. Очень жду расширения кастомизации, но уже сейчас это лучшее, что есть.
Канал MORAN_PLAYS, 

25,1 тыс. фолловеров
Александр Тимарцев
рэпер, стример, создатель шоу Versus Battle
Супер‑донат выстреливает мгновенно: чат реагирует, а я тут же вижу, какие темы заводят аудиторию.
Канал RestoratorGame,
111,1 тыс. фолловеров
Михаил Гаджиев
стример Team Spirit Family
Мы стримим Heroes of Might & Magic для хардкор‑фанов: с IHAQ я запускаю опросы по ходу дуэли, и донаты не отвлекают от игры — они становятся её частью.
Канал Weronest,
‍44 тыс. фолловеров

Результат

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



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


А для клиента мы собрали масштабируемый продукт с гибкой архитектурой и дизайн-системой, которую легко развивать, адаптировать под новые сценарии и поддерживать без лишней боли в будущем.
37%
к среднему чеку на тех эфирах, где включены супер-донаты.
92%
стримеров оценили процесс настройки как «очень простой» (опрос после онбординга).
80%
новых каналов мигрировали оповещения из DA, среднее время переноса — 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-моделирование
Сопровождение:
Дизайн-поддержка
Напишите нам
Следующая запись
Айдентика для этно-
культурного фестиваля Ёрдынские игры