Как использовать видео в дизайне + ТОП бесплатных видеостоков / WAYUP

Сейчас расскажем, нужно ли на сайте видео и зачем. Про задачи, которые решает размещение всего одного ролика. А еще как разместить видео на сайте, чтобы это было хорошо. А еще БОНУС: ссылки на видеостоки, где можно взять материалы бесплатно и легально.

Если мы говорим не про дизайн в целом, а про UX/UI, то задача специалиста заключается не только в красивом оформлении. Нужно делать удобно, понятно и информативно. И размещать элементы, способствующие продаже продукта.

Грамотный подбор контента – твоя задача. И видео будет хорошим решением во многих ситуациях. Потому что социальные сети приучили нас смотреть короткие ролики. Это иногда быстрее и удобнее, чем читать.

А еще видео позволяет максимально выдать наглядность. Ведь лучше один раз увидеть, чем сто раз услышать или прочитать. Вот, например, насколько просто и понятно ты сможешь написать текстом инструкцию по завязыванию шнурков на бантик? Вроде, не очень сложное действие. Но без демонстрации будет трудно это себе представить. Если что-то легче показать, чем описывать словами – стоит записать видео. Мы сегодня обсудим не всевозможные фоновые заставки, а непосредственно информационные ролики, которые используются на сайтах.

Функции видео на сайте

У контента всегда есть своя задача. И в зависимости от проекта, контекста и ЦА эти задачи могут быть разными. Мы выделим лишь основные и общие функции, которые может выполнять видео.

Вовлечение – благодаря просмотру интересных роликов пользователь дольше задерживается на сайте. Это работает, даже если дизайн не так уж и зацепил. Но если продукт интересен, то посетитель посмотрит видео и, возможно, будет склонен к целевому действию.

Повышение в выдаче – вытекает из предыдущего пункта. Если посетитель дольше на сайте, значит, будет больше трафик. А это хорошо для ранжирования.

Экономия места – вернемся к теме сложных объяснений. Тезисно оставь основные моменты в текстовом блоке, а не совсем понятные подробности продемонстрируй наглядно. Вместо тысячи слов и кучи лишних блоков будет аккуратная страница с видео.

Продажа – и речь не только о простой рекламе товара. Можно показывать образ прекрасной жизни, которую получает покупатель, приобретая услугу/продукт. Можно показать статусность или очертить свою целевую аудиторию, чтобы при просмотре посетитель узнавал себя. Можно демонстрировать результат работы продукта и все преимущества, которые из этого вытекают. В любом случае это все служит одной цели.

Повышение доверия – если показать в ролике процесс работы бригады или мастера, смонтировать обращение команды, продемонстрировать офис, то это будет здорово. Это позволяет понять, что компания действительно работает. А живые кадры с сотрудниками уже можно считать заочным знакомством. Это уже не безликая фирма, это реальные люди, с которыми легче сотрудничать.

Вирусная реклама – если ролик остроумный, необычный, броский или даже провокативный, то им будут делиться. И это успех, ведь мы получаем бесплатную рекламу и увеличение трафика за счет посещаемости.

Доказательство – видео может наглядно показать качество продукта. Если это товар, то стоит показать, как он работает. Особенно круто заходят видео “До и После”. А если это услуга, то можно доказать экспертность. И это не теоретические размышления – на курсы WAYUP приходит много людей, которые уже видели наши бесплатные вебинары и уроки, убедились в качестве подачи и решились заплатить за полноценное обучение. Это работает.

Что нужно учитывать

Очевидно, просто поставить какое-то видео на страницу – это не решение. Нужно сделать это грамотно. Вот как.

Выдержать стиль – если есть анимированные вставки и надписи, то используй брендбук. В идеале цвета на видео должны перекликаться с фирменными. Все ролики (если их много) должны делаться в одном ключе. Смысл в том, чтобы при просмотре сразу считывался фирменный стиль компании, узнаваемость должна быть даже вне контекста сайта, если ролик смотрят отдельно.

Краткость – четкие критерии выделить сложно, но мы точно знаем, что длинные видео никто не любит. Точнее, любят, но короткие ролики посмотрит большее количество людей. О компании/проекте стоит рассказать за минуту-две. Туториалы лучше не затягивать дольше 5-10 минут. Уроки и мастер-классы желательно вместить в 45-60 минут или разбить на части.

Автовоспроизведение – не делай этого. Пусть пользователь сам запускает проигрыватель. Или хотя бы сделай так, чтобы видео воспроизводилось по умолчанию без звука, если это видеоряд, не требующий внимательного просмотра с определенной точки. Иначе неожиданно запущенный ролик может спугнуть юзера и он просто закроет сайт.

Польза – реклама нужна для объявлений. На сайте не нужно размещать видео с прямым приказом купить. Там есть всякие предложения и кнопки без этого. В видео должно быть то, что убедит купить, а не убеждение прямым текстом.

Уникальность – всегда лучше использовать видео, снятое специально под продукт компанией, которая его представляет. Даже если оно не профессиональное. Тут стоит вопрос доверия клиента. Но реализовать хорошее видео довольно затратно. И другие ситуации тоже могут быть – просто нельзя показывать или нечего. Что тогда? Не отказывайся от идеи. Просто возьми ролик с одного из бесплатных видеостоков.

Где взять бесплатно: ТОП-15 ресурсов

Важно: при использовании видео смотри на лицензию, даже если оно бесплатное. Должно быть разрешение на использование в коммерческих целях. Иногда требуется указание автора.

Как говорят опытные видеомонтажеры, за хороший контент придется платить. И если нужно что-то специфичное, то найти такой контент безвозмездно трудно. Но если ты ищешь более-менее стандартные ролики, то сможешь отыскать хорошие варианты и бесплатно. Например, новогодняя атмосфера, путешествия, природа, кафе/рестораны и подобное. Вот тут:

Как и где использовать

Если мы говорим про сайт, то желательно взять хотя бы одно видео, не перегружая страницу. Где его разместить? Зависит от контекста. Ролик должен усиливать предложение, вписываться в воронку продаж. Неверно выбранное место для видео может отвлечь посетителя от конверсионного действия.

Вот варианты:

Первый экран

Уместно только в тех случаях, когда нужно сразу “показать товар лицом”. Или если видео фоновое. Если нужно сначала объяснить суть предложения, то лучше внедрять стандартный первый экран с уникальным торговым предложением, а видео вставить ниже.

Демонстрация

Чаще всего это второй-третий экран. Сначала ты знакомишь посетителя с продуктом, а потом показываешь, как это работает. Хорошо конвертят видео “До и После”, после такого ролика смело можно ставить кнопку СТА.

Развлекательный контент

Если текст сложный, то сопроводить его лайтовым видео будет уместно. Или разместить такое видео в конце страницы. Это может быть веселая подача процесса работы, факапы, тренды Тик Тока в фирменном стиле. Если юмор уместен, то стоит его внедрять. Улыбка пользователя = рост лояльности к бренду.

Отзывы

Вариант сложный в реализации, потому что такие отзывы нужно собирать. Чаще за какую-то плюшку. Но это отлично работает для демонстрации реальных заказов и отменного сервиса. Важно позаботиться о том, чтобы в ролике фигурировали люди из нужной ЦА, чтобы посетитель мог себя с ними ассоциировать. Кстати, такие видео не обязаны быть профессиональными, достаточно камеры смартфона. Так что это неплохое решение при ограниченном бюджете.

Карточка товара или инструкция

Смотреть товар почти вживую или в его “естественной среде обитания” – хороший маркетинговый ход. Сразу все понятно, никаких вопросов, посетитель готов заказывать.

FAQ и отработка возражений

Облегчи работу менеджерам – один раз запишите видео с ответами на частые вопросы и разместите его в конце страницы. Это способ “добить” тех, кого мы не смогли убедить основным контентом.

Success page

Круто смотрится, если это не стандартная сухая надпись “Заявка принята”, а настоящая благодарность от человека. От владельца, менеджера или целой команды. В целом мультяшный персонаж или маскот тоже подойдут. Оригинальность гарантирована.

Что нужно знать

Тонкостей много, в одном материале этого не рассказать. Нужно разбираться в UX/UI, чтобы правильно выбрать место размещения, стиль, обыграть композицию и сделать подходящий цветокор. Потребуются хотя бы азы маркетинга, навык работы с основными инструментами, понимание принципов создания сайтов, интерфейсов и мобильных приложений.

Хочешь научиться? Онлайн-курс «UX/UI легенда» – твой выбор. Будет интересно, записывайся!