На этой странице
Статичные домашние страниц ы постепенно уходят в прошлое, уступая дорогу красивым видеофонам, которые набирают популярность по всему интернету. Правильно подобранный видеофон разогреет интерес посетителей и задаст настроение всему сайту. Видеофон также может повысить показатели конверсии. По данным журнала Forbes, видео на целевой странице способно увеличить конверсию на 80%.
Ну кто откажется попробовать видеофон при такой статистике? В этой статье мы делимся советами по выбору и созданию фонового видео для главной страницы сайта.
Что такое фоновое видео?
Примеры видеофонов
Как создать фоновое видео для главной страницы сайта
Что такое фоновое видео?
Собственно, название говорит само за себя: это видео, которое проигрывается на фоне вашего сайта. Так как видео способно красноречиво описать характер и рассказать историю бренда, чаще всего оно помещается на фоне главной страницы сайта. В отличие от руководств и презентаций товаров, фоновое видео создается с целью передать стиль и настроение, а не информацию. Фоновые ролики, как правило, короткие (не больше 30 секунд) и сопровождаются субтитрами или содержат минимум текста (либо текст отсутствует вовсе).
Примеры видеофонов
Чтобы вдохновить вас перед созданием видеофона, мы составили небольшую подборку с отличными примерами сайтов, где используется фоновое видео.
Mediaboom
Агентство цифрового маркетинга Mediaboom разместило на главной странице своего сайта фоновое видео с кратким экскурсом в рабочие будни компании. Видео выполнено в черно-белых тонах, и поэтому текст поверх ролика не теряется и легко читается. Видео, где показаны разные аспекты работы агентства, располагает к себе зрителя на более глубоком уровне, нежели типичная страница «О компании». В ролике отключен звук и показаны клиент и сотрудник компании, рабочее пространство, офис и задействованные технологии — в целом, отличная иллюстрация услуг агентства.
Venem 1.0
Австралийский модный бренд Venem 1.0 выбрал для своего фонового видео другой формат. Компания рекламирует новые поступления с помощью коротких фоновых роликов, которые приглашают посетителей ознакомиться с коллекцией и нажать кнопку с призывом к действию. Такое фоновое видео раскрывает творческий подход компании и смотрится на одном дыхании.
The Cliffs
Застройщик The Cliffs выбрал классический вариант фонового видео. Ролик посвящен семи элитным жилым комплексам компании и показывает местную природу, сельскую местность и варианты досуга. Текст поверх видео ненавязчиво придает ролику дополнительную глубину. В то время как сайт компании рассказывает о недвижимости, видео наглядно иллюстрирует преимущества элитного жилья и надолго запомнится зрителям.
Project Skin MD
Project Skin MD выводит фоновое видео на кардинально новый уровень и рассказывает целую историю. В начале ролика мы видим, как женщина приходит в клинику и направляется к стойке регистрации. Затем видео показывает, как проходит типичный прием. Таким образом, один короткий ролик освещает работу клиники сразу с нескольких сторон — приемная, персонал, средства по уходу и лазерные процедуры, товары для продажи и блестящее обслуживание. Текста, опять же, минимум, и он не меняется на протяжении всего ролика.
Как создать фоновое видео для главной страницы сайта
Фоновое видео по плечу каждому, даже если ваши навыки в области создания сайтов или электронной коммерции приблизительно равны нулю.Для этого совсем не нужно быть профессиональным редактором видео или пользоваться дорогостоящим оборудованием.
Clipchamp — больше, чем просто бесплатный редактор видео. На нашей платформе также собрана огромная коллекция ресурсов, включая профессиональные стоковые видеоролики. Чтобы помочь вам воспользоваться этими преимуществами максимально эффективно, мы подготовили пошаговую инструкцию по созданию фонового видео для главной страницы сайта.
Шаг 1. Начните с создания учетной записи в Clipchamp
Выполните вход в свою учетную запись Clipchamp или пройдите бесплатную регистрацию.
Шаг 2. Создайте новый проект
Нажмите кнопку «Создатьвидео» на боковой панели слева. Выберите один из пяти форматов, который лучше всего подойдет для вашего проекта. Для фона главной страницы рекомендуем использовать широкоэкранный формат с соотношением сторон 16:9.
Шаг 3. Добавьте собственное или стоковое видео
Нажмите кнопку «Сток» на боковой панели слева и просмотрите доступные варианты. Присмотрев подходящее видео, нажмите кнопку «+ Добавить» в правом верхнем углу видео. Выбранные ролики автоматически загрузятся в вашу медиатеку. Если вы хотите воспользоваться собственным видеоматериалом, нажмите кнопку «Добавить ресурс» на панели слева и импортируйте файл с компьютера.
Шаг 4. Добавьте и отредактируйте видео на шкале времени
Перетащите видеоролики на шкалу времени и разместите их в желаемой последовательности. Если вы поместили клип не туда, не волнуйтесь: ролики можно свободно перемещать по шкале. Теперь клипы можно подрезать: для этого воспользуйтесь специальным инструментом или просто потяните зеленую рамку клипа за правый или левый край. Настройте цветовой баланс, добавьте фильтр или оставьте видео как есть. Однако мы рекомендуем понизить экспозицию или применить эффект черно-белого кино, чтобы поверх ролика легко считывался текст.
Шаг 5. Добавьте анимированные заголовки (если нужно)
Теперь пора взяться за текст, если, конечно, он вам нужен. Откройте вкладку «Текст» на панели слева и выберите стиль заголовка. Перетащите заголовок на шкалу времени и поместите его над нужным вам клипом. Продолжительность отображения текста также можно отрегулировать, потянув его зеленую рамку за правый или левый край. Поместив текстовый блок на нужном участке шкалы, вы затем сможете отредактировать сам текст, а также изменить его цвет, размер шрифта и положение на экране.
Шаг 6. Экспортируйте проект
Нажмите фиолетовую кнопку «Экспортировать» в правом верхнем углу редактора. На этом этапе вы сможете выбрать разрешение, в котором хотите скачать свой проект. Для фона рекомендуем выбрать разрешение 1080p, а также сжать файл для ускоренной загрузки на сайт. И наконец, нажмите кнопку «Продолжить» и дождитесь, пока Clipchamp экспортирует ваше видео. После этого вы сможете сохранить его на компьютер или опубликовать в соцсетях.
Мало?
Не забывайте про другие наши видеоуроки и статьи с полезными советами и хитростями по созданию эффектного видео!
