Что именно показывать
Демо — это не обзор продукта. Это один сценарий, который повторяет путь реального пользователя: вход → действие → результат. Всё остальное — настройки, тарифы, справка — в двенадцатисекундном кадре не помещается, и зритель решает, досматривать ли, раньше, чем вы это объясните.
Разложите сценку по секундам: 1–2 с вход, 6–8 с главное действие, 2–3 с видимый результат. Если по ходу действия нужно прочитать больше двух строк текста на экране — вы показываете не то действие. Ищите то, где результат виден сразу.
| Работает | Не работает |
|---|---|
| Клиент появился в списке, и сразу видно его заказ. | Обзор всех разделов кабинета подряд. |
| Один счёт сверился и превратился в оплату. | «Вот наш интерфейс, начнём с настроек». |
| Запись создалась и подтвердилась за секунду. | Экспорт отчёта с ожиданием две минуты. |
| Уведомление пришло и уже на экране. | Пауза, в которую ничего не происходит. |
Вертикальный кадр: что останется от горизонтального экрана
Ролик собирается в кадре 1080×1920. Запись экрана у большинства продуктов — широкоформатная, и по умолчанию она заполняет кадр по центру: боковые части срезаются. Из окна 16:9 в кадр попадает примерно средняя треть ширины. Боковое меню, привязка справа и половина таблицы просто исчезнут.
Отсюда правило: всё, что должно быть прочитано, держите в центре кадра. Практически это значит:
- Сверните боковые панели и всё, что не участвует в сценарии. Меньше интерфейса — крупнее читается текст.
- Откройте узкое окно приложения или мобильную версию: вертикальный интерфейс в кадр входит целиком.
- Запись в OBS можно вести сразу в вертикальном холсте 1080×1920 — тогда кадрировать не нужно вовсе.
- Если важное по краям и это не поправить, в редакторе ролика выберите режим «Вписать целиком, размытый фон» — кадр будет весь, а края заполнятся размытой копией.
Подсказка про масштаб. Перед записью увеличьте интерфейс браузера на два шага (⌘ и Ctrl + плюс). На записи 16:9 это эквивалентно тому, чтобы приблизить кадр: подписи в интерфейсе становятся читаемыми, а прокручивать меньше.
Подготовка окна до записи
Самая частая причина перезаписи — не кадр, а то, что в него попало. Десять минут подготовки экономят десять перезаписей.
- Включите режим «не беспокоить» и закройте все уведомления: всплывашка посреди действия переписывает всё впечатление.
- Закройте мессенджеры, почту и банк. Ни один реальный диалог в кадре не нужен.
- Зайдите в продукт на демо-данных: вымышленные имена, даты и суммы. Автозаполнение и подстановка истории браузера способны вытащить настоящие данные в поле ввода — очистите их.
- Прогоните сценарий один раз без записи. Смысл второй записи — попасть в клики, а не читать сценарий.
- Курсор в кадре оставьте: он показывает, куда смотреть. Но заранее отключите мигание и кольцо вокруг клика, если ваша программа это умеет.
Чем записать
Отдельная программа не нужна — подойдёт то, что уже есть на машине.
macOS
Сочетание ⌘⇧5, дальше выделить область или окно продукта. Микрофон оставьте выключенным: звук в ролик всё равно не идёт.
Windows
Win + Alt + R запускает запись экрана, Esc останавливает. Либо встроенная запись в OBS или ScreenFlow.
OBS
В качестве источника берите «Окно», а не весь дисплей: в кадр не попадут задачи и другие приложения. Холст можно сразу сделать вертикальным — 1080×1920.
Телефон
Системная запись экрана. Способ для мобильных приложений и для демо «в руках».
Про звук. В готовый ролик звук не закладывается: трендовый трек добавляют уже на площадке — в Reels, TikTok или Shorts. Записывайте без микрофона и не тратьте время на подбор музыки: без звука ролик собирается и работает.
Чего не должно быть в кадре
Вырезать обязательно
- Реальные имена, телефоны, адреса и почта.
- Чужие переписки и уведомления — даже мельком.
- Номера карт, реквизиты, суммы счетов и личные кабинеты банков.
- Заставки, экран загрузки, пустые окна и паузы без действий.
- Спрятанные за закрытым меню функции: обещание, которое зритель не увидел.
Должно быть
- Результат действия, который виден сразу.
- Один интерфейс, одно состояние экрана.
- Ровно одно смысловое действие за пару секунд.
- Читаемый масштаб текста.
- Свободная нижняя часть кадра под подпись.
Отдельно про музыку поверх записи: она спорит с подписью, которая висит на экране. Текст должен читаться с первого кадра.
Монтаж: как уложиться в 12 секунд
В ролик уходит около 12 секунд, поэтому запись удобно вести целиком, а лишнее убирать после. Правил всего три, и все они про паузы.
Вырезайте паузы. Между кликами, перед открытием раздела, во время ожидания — всё это мёртвое время. Если клик и результат разнесены на две секунды, оставьте одну.
Ускоряйте скучное. Фрагменты, где интерфейс просто перерисовывается, можно ускорить в два-четыре раза — движение останется, а зритель не уйдёт.
Не вырезайте начало действия. Если кадр начинается с результата, зритель не понимает, что произошло. Вход в сцену нужен.
Не добавляйте своих эффектов. Переходы, анимации, вылеты текста в записи только мешают: поверх записи уже лежит подпись о боли, и ролик собирается из готовых блоков. Запись должна быть ровным куском действия.
Подпись о боли
Поверх записи ложится подпись — до 120 символов о том, что перестаёт мучить после продукта. Она стоит у нижнего края кадра, поэтому низ экрана держите свободным: важная кнопка или строка таблицы там просто не будут видны.
Подпись читают поверх демо, поэтому она не пересказывает то, что уже видно. Не пишите название функции — зритель не знает продукт и держит контекст только первые секунды. Пишите про то, что было больно.
| Продукт | Так подпись не работает | А так — да |
|---|---|---|
| Стоматология | Каталог услуг и расписание | Цена по счёту, а не «уточняйте при записи» |
| Сервис записи | Онлайн-запись клиентов | Клиент записался сам, без десяти звонков |
| Бухгалтерия | Модуль отчётности | Отчёт за месяц собрался за минуту |
| Магазин | Каталог товаров | Заказ собрался в один клик, без переписки |
Чек-лист перед загрузкой
- В файле только нужный фрагмент: 10–15 секунд, а не вся запись экрана.
- Формат MP4, MOV или WebM, размер до 500 МБ.
- Главное действие — в центре кадра, низ экрана свободен под подпись.
- В кадре нет личных данных, уведомлений и чужих переписок.
- Нет пауз длиннее секунды, нет экранов загрузки и пустых экранов.
- Смысл первого кадра понятен без звука: смотрите с закрытым звуком — должно читаться.
- Результат действия виден в кадре до конца фрагмента.
- Подпись о боли написана и говорит о проблеме, а не о функции.
Как это выглядит в Growo
Ролик с демо собирается по формату «Хук + демо продукта» — в каталоге он отмечен как формат с записью экрана. Шагов три, и демо — второй:
-
1
Хук: кадр с персонажем и одна фраза
3–5 секунд, одна фраза до 60 символов. Видео необязательно: без него сцена собирается текстовой карточкой.
-
2
Демо: запишите экран с продуктом
Сюда идёт ваша запись и подпись о главной боли.
-
3
Призыв: что сделать дальше
Одно действие до 120 символов либо выключенный призыв.
Запись загружается в поле «Запись экрана», подпись — в «Главная боль, которую снимает продукт». На выходе вертикальный MP4 1080×1920: тот же файл, который вы загружали, встроенный в ролик с хуком и призывом.
Частые вопросы
Нужен ли звук в записи?
Нет. В готовый ролик звук не закладывается — трендовый трек добавляют на площадке при публикации. Записывайте без микрофона, впечатление от ролика не изменится.
Можно ли записать демо на телефоне?
Да, системной записью экрана. Так удобнее для мобильных приложений и для демо «в руках»: рука и экран в одном кадре работают лучше, чем пересказ интерфейса.
Что делать, если продукт не помещается в 12 секунд?
Снимайте серию коротких демо по одному сценарию на каждый. Один длинный обзор в вертикальном ролике не смотрят, а десяток коротких собирают охват.
Нужно ли показывать лицо в демо?
Нет: демо — это запись экрана. Лицо живёт в хуке (3–5 секунд на кадре с персонажем) и в финальном призыве, а центр ролика отдан продукту.
В записи остались настоящие имена и уведомления, перезаписывать?
Да. Личные данные в рекламном ролике — это не «немного неаккуратно», а причина удалить видео уже после публикации. Демо-данные занимают минуту.
Подпись лежит поверх важной кнопки, что делать?
Либо сдвиньте кадр так, чтобы кнопка оказалась выше нижней трети, либо выберите в редакторе положение подписи «Верх». Низ экрана должен остаться свободным под текст.