Скільки має тривати відео-кейс?
Єдиної правильної кількості секунд немає. Правильна тривалість залежить від того, де відео грає і скільки воно має показати. Ось як її задати: за майданчиком, за зупинками і за тим, що ви виріжете.
Безкоштовно у Figma Community · 3 безкоштовні експорти · без водяного знака

Тривалість задає майданчик, а не сторінка
Готовий лендінг може бути довгим, але ніхто не дивиться відео через те, що сторінка довга. Дивляться, бо перші миті зачепили. Тож почніть із того, де відео гратиме, і нехай це вирішить, скільки сторінки в нього потрапить.
| Де | Хто дивиться | Скільки сторінки | |
|---|---|---|---|
| 16:9 | Ваш сайт, початок проєкту на Behance, X, LinkedIn, дзвінок із клієнтом | Той, хто сам відкрив кейс | Огляд: найсильніші секції по черзі, з кліком |
| 4:5 | Стрічка Instagram і LinkedIn, шот на Dribbble | Той, хто розглядає стрічку | Найсильніше: дві-три секції |
| 9:16 | Reels, Stories, TikTok, Shorts | Той, хто свайпає | Тизер: одна думка, досить коротко, щоб крутитися по колу |
Ті, хто відкрив кейс, уже віддали вам увагу. Ті, хто гортає стрічку, — ще ні. Що далі від сторінки кейсу грає відео, то коротшим воно має бути.
Виняток — дзвінок із клієнтом. Там можна показати всю сторінку й коментувати її, бо клієнт спеціально виділив на це час.
Рахуйте зупинки, а не секунди
Секунди важко планувати, коли дивишся на фрейм у Figma. Зупинки — легко. Зупинка — це мить, коли камера стоїть на секції достатньо довго, щоб її прочитати. Усе між двома зупинками — це переїзд.
- Перший екран — завжди зупинка. Це обкладинка відео.
- Секція із заголовком, який варто прочитати, — зупинка.
- Секція, що повторює вже показаний патерн, — друга сітка карток чи смуга логотипів, — щонайбільше переїзд.
- Один натиск головної кнопки — окрема зупинка: курсору треба мить, щоб дійти, показати ховер і натиснути.
- Фінал — зупинка: сторінка в спокої або ваше ім’я і як із вами зв’язатися.
Дайте кожній зупинці достатньо часу, щоб прочитати заголовок, а переїзди між ними робіть жвавими. Відео, яке здається довгим, рідко надто повільне. Зазвичай у ньому забагато зупинок.
Що вирізати першим
- Повтори. Друга секція, зібрана так само, як перша, додає тривалості, а не інформації.
- Футер. Посилання й юридичний текст — не те, заради чого дивляться. Закінчіть до них або дайте камері пройти повз.
- Повільний початок. Якщо титр нічого не додає, вимкніть його й почніть одразу зі сторінки.
- Зайві кліки. Один натиск головної кнопки показує, що дизайн працює. Натиски на схожі кнопки лише повторюють це.
- Задовгі паузи. Скоротіть паузу, а кадр залиште.
Після кожної зміни перегляньте монтаж ще раз без звуку — так, як його побачить більшість людей у стрічці. Якщо й далі зрозуміло, що це за проєкт і чим він добрий, тривалість правильна.
Перший кадр і останній
У стрічці перший кадр працює як обкладинка, і багато хто вирішує саме тут. Відкривайте найсильнішим екраном; для більшості лендінгів це перший екран. Останній кадр лишається на екрані, коли відео зупиняється чи починається знову, тож зробіть його вартим погляду: сторінка в спокої або кнопка з чітким закликом до дії.
Як задати тривалість у Casecut
У Casecut ці рішення для першого монтажу ухвалює ШІ-режисер. Він пише розкадровку: якій секції дати час, яку камера пройде без зупинки, що натисне курсор. Три формати виходять з одного проєкту різної тривалості, і вертикальний монтаж найкоротший, бо кожен режисується під свій екран.
Візьміть головну сторінку Heroes of Digital, агенції ШІ-SEO. Добрий огляд має чотири зупинки: перший екран, послуги, натиск кнопки Book a strategy call і фінал. Добрий тизер лишає дві: перший екран і натиск.
Коли монтаж довший чи коротший, ніж треба, змініть його:
- Напишіть режисеру в чаті, наприклад «Зроби коротшим» або «Довше затримайся на першому екрані».
- Відкрийте меню блоку на таймлайні, щоб змінити його, а клік курсора пересуньте чи вимкніть.
- Вимкніть титр на початку, щоб відео відкривала сама сторінка.
- Для шота на Dribbble експортуйте в 1080p: шот приймає MP4 до 20 МБ.
Музика теж пишеться під проєкт — з власною тональністю, акордами й темпом під його тривалість, тож звук не обривається посеред фрази.
Відео для Behance і Dribbble — з фрейму FigmaСпробуйте на власному фреймі
Відео для Behance і DribbbleПравильний формат і довжина для проєкту чи шота.ВідкритиСценарій
Дизайн-рілси9:16, 4:5 і 16:9 з одного фрейму — кожен зі своєю камерою.ВідкритиЩе з блогу
Мобільний дизайн у відеоЯкий фрейм надіслати, телефон на сцені й формат під кожен майданчик.3 хв читання14 жовтня 2026
Звук для UI-відеоЯкий звук під який рух і де стоїть музика.3 хв читання7 жовтня 2026
Відео з прототипу Figma: чотири способиЗапис екрана, After Effects, моушен-інструменти й автоматичний проліт.2 хв читання7 жовтня 2026
Як показати дизайн лендінгуПрактична структура для Behance, Dribbble, X і LinkedIn.2 хв читання7 жовтня 2026
Ховери у Figma — у відеоЯк зібрати варіанти, щоб кнопки й картки показували справжній ховер.2 хв читання7 жовтня 2026
16:9, 4:5 чи 9:16 для відео-кейсуЯкий формат куди йде і чому обрізки недостатньо.2 хв читання