Макет главной приходит от разработчика с прямоугольником под шапкой и подписью «здесь будет видео». Видео у компании есть — презентационный ролик на три минуты, который крутили на стенде выставки. Его и ставят.
Через неделю смотрят Метрику: первый экран грузится дольше, на телефоне ролик превратился в полосу шириной с палец, а директор в первых кадрах беззвучно шевелит губами — браузер выключил звук, и никто не нажал «включить».
Ролик, который работал на стенде, на первом экране сайта живёт по другим правилам: звука там не будет никогда, времени — полторы минуты, веса — как у одной большой фотографии.
Видео для сайта компании собирают под немой просмотр: оно живёт 60–90 секунд, запускается само и не тормозит страницу. Ниже — какой из трёх форматов встаёт в шапку и что уместить в полторы минуты без слов. Отдельно — что делать с фильмом, который уже есть, пять технических требований к видеоролику для сайта, которые разработчик спросит первыми, и случаи, когда видео на первом экране не нужно вовсе.
Какой ролик поставить на главную: три формата, подходит один
Под «видео для сайта» заказчики имеют в виду три разные вещи, и различаются они режимом просмотра.
Ролик в шапку — 60–90 секунд без слов. Запускается сам при загрузке страницы, звука нет, зритель ничего не нажимает. Задача — удержать посетителя, пока он решает, остаться или закрыть вкладку, и показать людей и процесс раньше, чем он прочитает текст «о нас».
Видеовизитка — 30–90 секунд с голосом или субтитрами, которые прямо рассказывают, чем компания занимается. Её включают по желанию, и ей нужен звук. Место видеовизитки — ниже первого экрана или на странице «О компании»; что в неё уместить — в разборе видеовизитки.
Презентационный ролик — 2–5 минут про продукт: цифры, этапы, схемы. Его смотрят на встрече и на странице услуги, где у зрителя есть время и звук.
Для шапки с автоплеем подходит только первый формат. Кажется, что можно поставить любой ролик и выключить звук, — на деле ролик с голосом без голоса теряет смысл. Ролик в шапку пишут сразу под немой просмотр: историю несёт картинка, смысл поддерживают короткие подписи.
Если фильм уже есть
Переснимать не нужно: фильм переезжает ниже первого экрана, где его включают по кнопке, а в шапку идёт кадр из него. Соберётся ли из фильма беззвучная минута для шапки, зависит от того, как он снят. Если человек говорит в кадр, минута не соберётся: зритель увидит губы без слов. Если фильм озвучен диктором, а на экране цифры и планы цехов, кадры обычно годятся: ролик для шапки собирают из них без звуковой дорожки, а то, что говорил диктор, выносят в короткие подписи на экране. Если это картинка под музыку, она переносится почти целиком, и вопрос только в длине и весе. Пришлите ссылку на фильм и макет — продюсер скажет, какой из трёх случаев ваш.
Что снять в 90 секунд, если слов не будет
У зрителя нет диктора, который ведёт его за руку, поэтому ролик строится по таймингу. Раскадровка на 90 секунд — как она выглядит на готовом ролике, видно ниже, в кейсе.
- 0–5 секунд — лицо или руки в работе. Посетитель за эти секунды решает, остаться или листать.
- 5–15 секунд — продукт или услуга в действии. Производственная линия, съёмочный процесс, момент переговоров: чем компания занимается на самом деле.
- 15–40 секунд — масштаб и команда. Несколько локаций, разные специалисты, движение: за сайтом стоит структура.
- 40–75 секунд — результат. Готовый продукт на складе, отгрузка, сданный объект; сюда же вписывается логотип.
- 75–90 секунд — стоп-кадр с призывом. «Обсудить проект», «оставить заявку» — текстом на экране, чтобы взгляд ушёл к форме рядом.
Дорожку в файле оставляют, но при автозапуске браузер её выключит — поэтому подписи на экране пишутся вместе со сценарием, а не добавляются на монтаже.
В каком формате снимать видео для сайта и что отдать разработчику
Пять технических требований к видеоролику для сайта: их стоит знать до съёмки и передать разработчику вместе с файлом.
В шапку ролик кладут файлом на ваш сервер. Плеер внешней видеоплощадки туда не ставят: он приносит свои кнопки, логотип и подсказки с чужими роликами в конце, а скорость зависит от чужого сервера. Место плеера — ниже по странице, где ролик включают по кнопке.
Формат и разрешение
Основной файл один — MP4 с кодеком H.264, он открывается во всех браузерах. Второй, в H.265, добавляют, только если разработчик попросит: он легче, но открывается не везде. Снимаем в 4K, на сайт обычно отдаём 1920×1080: в шапке разницы не видно, зато Full HD весит в разы меньше; если разработчику нужно другое разрешение — отдаём в нём.
Сколько должно весить видео для сайта
Рабочий вес видео для сайта — до 10–15 МБ для ролика в шапке. Файл тяжелее тормозит первый экран, а скорость первого экрана поисковики учитывают при ранжировании. В такой вес ролик на 60–90 секунд укладывают тремя ходами: удаляют из файла звуковую дорожку, снижают битрейт — плотность потока данных, от которой зависит чёткость в движении, — до уровня, на котором в кадре ещё не видно квадратов, и режут лишние секунды на монтаже. Три минуты в 15 МБ не поместятся.
Кадр-заставка
Пока видео грузится, браузер показывает статичную картинку — poster. Без неё страница на секунду отдаёт пустой прямоугольник. Кадр-заставку берут из самого ролика, обычно из первых секунд, чтобы запуск не выглядел скачком.
Вертикальная версия для телефона
Горизонтальный кадр 16:9 на смартфоне превращается в узкую полосу. Под мобильный экран нужна версия 9:16 — её собирают в монтаже из того же материала, отдельная съёмка для неё не нужна.
Что уходит разработчику
- Горизонтальный файл MP4 / H.264, 1920×1080, без звуковой дорожки, до 10–15 МБ.
- Вертикальный файл 1080×1920 — если видео показывают на телефоне.
- Кадр-заставка — JPG 1920×1080 из первых секунд ролика.
Если разработчику нужны готовые веб-версии, файлы отдаём сразу в этом формате и весе — пережимать их не придётся; параметры лучше назвать до сдачи.
Сколько стоит видео для сайта компании
Видео о компании для сайта стоит от 250 000 ₽ и занимает три-пять недель от брифа до файлов; согласования внутри компании идут сверху, и запас на них закладывают сразу. Смета делится на три части. Подготовка — сценарий и режиссёрский план до выезда. Съёмочный день — восемь часов с режиссёром и оператором, стабилизация камеры и запись звука на площадке. Постпродакшн — монтаж и цветокоррекция, подписи и 2D-инфографика, музыка по подписке, субтитры и два круга правок. Смету построчно присылаем за один рабочий день.
Когда читаете смету любого исполнителя, ищите в ней все три части. Если строка про съёмку есть, а подготовки и монтажа нет, ролик соберут из того, что успели снять, и получится нарезка под музыку, которую посетитель пролистывает к тексту.
Выше базы смета растёт ступенями, и каждую включает своё условие.
Одна площадка и один день. Офис, цех или склад в одном месте, продукт под рукой, люди на местах — базовая смена и базовая цена. Вертикальную версию под телефон, если она нужна, собирают в монтаже из этого же материала.
Нужен голос в кадре. Это видеовизитка компании: от 150 000 ₽ и 14 дней. Она короче в производстве, а место у неё ниже первого экрана — там, где зритель включает звук сам.
Хочется кадр как в кино. Кинокамера с оптикой, дрон над площадкой, рельсовая тележка, свет с оснасткой, 3D-схемы процесса — каждая позиция идёт отдельной строкой сметы и просчитывается индивидуально до старта.
Несколько площадок или чужая. Вторая смена, дорога и проживание группы; на чужом объекте — стройплощадке заказчика, арендованном цехе — допуск и согласование с его владельцем на стороне заказчика.
Резать смету начинают сверху: первыми уходят дрон и 3D, следом кинокамера и вторая площадка. Две строки не режутся ни на одной ступени — сценарий до выезда и подписи на экране: на них держится ролик, в котором не будет слов. Лестница по всем форматам корпоративного видео — на странице производства видео.
Как это собрано у CNRG N-FORCE
Имиджевый ролик о моторных маслах N-FORCE живёт сразу на трёх площадках — на сайте, на стенде и в презентациях партнёрам. Драматургия идёт от молекулы к канистре на полке и к работающему двигателю в поле: лабораторные испытания и реальную эксплуатацию связали в одну историю, а то, что камера снять не может, показала анимация.
Смотрите, что стоит в начале: продукт и технология — в первых кадрах, испытания и масштаб — в середине, результат — в конце. Та же последовательность, что в раскадровке выше, растянутая под задачу бренда. Что не покажем: посещаемость и заявки на сайте заказчика считает сам заказчик, у нас этой цифры нет. Результат, который можно потрогать, — сам ролик и кейс целиком.
Что уточнить у своего разработчика до съёмки
Большая часть проблем с видео на главной закрывается одним вашим письмом разработчику до выезда группы. Семь вопросов — и что делать с каждым ответом.
- Есть ли утверждённый макет главной. Без макета пропорции блока неизвестны, и часть материала в шапку не ляжет. Съёмку ставят после макета.
- Пропорции блока. 16:9 или широкая лента 21:9. От ответа зависит, сколько кадра обрежется сверху и снизу и где в нём стоять людям.
- Показывать ли видео на телефоне. Если да — вертикальную версию собирают в монтаже из того же материала. Если нет — на мобильном остаётся кадр-заставка.
- Предел веса файла. Разработчик знает, сколько первый экран весит сейчас и сколько можно добавить; под 8 МБ и под 15 МБ ролик собирают по-разному.
- Кадр-заставка. Какой кадр отдать под poster и в каком размере.
- Зацикливание. По кругу — стоп-кадра с призывом не будет, и призыв уходит в текст рядом; с остановкой на последнем кадре — финал монтируют под него.
- Куда ведёт призыв. Форма рядом, кнопка, страница услуги — чтобы стоп-кадр вёл взгляд туда, где заявку можно оставить.
Частые ошибки при заказе видео для главной
- Первый кадр — логотип или пустой офис. Движения нет, посетитель уходит к тексту на третьей секунде, и всё, что снято дальше, никто не увидит.
- Голос как основа сценария. Браузер выключит звук, и на экране останется человек, который беззвучно шевелит губами.
- Три минуты в шапке. Фоновое видео на 3–5 минут не досматривают и в 15 МБ не укладывают. Для шапки хватает 60–90 секунд.
Когда видео на главной не нужно
Фоновому ролику нужны две вещи: материал, который интересно смотреть без слов, и аудитория, которая приходит с большого экрана. Там, где нет одного из двух, шапку закрывают статичным кадром — и это нормальное решение.
Если главная — одностраничный лендинг с формой на первом экране, видео сдвигает форму вниз и забирает внимание у единственного действия.
Если посетители приходят с телефона, фон в шапке не ваш инструмент: посмотрите в Метрике отчёт по устройствам за квартал, и если смартфонов больше половины, вы заплатите за кадр, которого эта аудитория не увидит.
Если видео просит руководитель — «наш фильм в шапке» без задачи под ним, — спросите, что посетитель должен сделать после просмотра. Если ответа нет, фильм ставят ниже с кнопкой, а в шапке оставляют кадр и заголовок.
Если формат ещё не выбран, пройдите подбор формата: пять коротких вопросов, в конце — какой ролик подходит и с чего начать.
Что решить до созвона с продакшном
Видео на главную страницу сайта ставят без слов и на 60–90 секунд: оно запускается само, звука не будет, и историю несут кадры с людьми и процессом. Файл — MP4, Full HD, до 10–15 МБ, с кадром-заставкой и вертикальной версией, если разработчик показывает видео на телефоне.
Три вопроса закройте с разработчиком первыми: есть ли макет, будет ли видео на телефоне и куда ведёт призыв в финале. Без макета съёмка попадает мимо шапки, и это дороже любой другой ошибки из списка.
MAX
