Сайт для видеографа: как показать работы и не потерять скорость загрузки

Почему сайт видеографа тормозит

Видеографы приходят к нам с одинаковой жалобой: «сайт красивый, а заявок мало». Открываем с телефона на мобильном интернете — первый экран грузится 6–10 секунд. Человек, перешедший из поиска или по ссылке из мессенджера, столько не ждёт.

Типичные причины:

Проверить свой сайт можно в PageSpeed Insights: он показывает и оценку, и список конкретных причин медленной загрузки. Как читать отчёт и какие показатели важны для бизнеса, мы разбирали в статье скорость загрузки сайта.

Где хранить видео для сайта видеографа

Видеографу кажется логичным загрузить ролики прямо на сайт: полный контроль, никакой чужой рекламы. На практике это почти всегда хуже. Видеохостинг адаптирует качество под скорость интернета зрителя, а ваш хостинг просто отдаёт тяжёлый файл.

На Тильде, например, по справке о видео можно вставить ролики с Rutube, VK Видео, Kinescope и других сервисов, а свои файлы MP4 и WEBM загружаются только до 5 МБ. Это хорошо подходит для зацикленного фона и плохо — для портфолио. Подробно про блоки, автозапуск и видеофон — в статье видео в Тильде.

YouTube для аудитории в России сейчас ненадёжен: у части посетителей ролики открываются медленно или не открываются. Если основная библиотека там, продублируйте ключевые работы на российский хостинг.

Обложка вместо плеера: как это работает

Схема, которую мы ставим на сайтах с большим количеством видео:

1. На странице — картинка-обложка ролика с кнопкой воспроизведения и подписью: название, формат, хронометраж.
2. По нажатию обложка заменяется плеером или открывается окно с видео.
3. Плеер подгружается только для того ролика, который человек решил посмотреть.

Для посетителя разницы почти нет: нажал — смотрит. Для скорости разница огромная: вместо двадцати плееров на старте грузятся двадцать сжатых картинок. На конструкторах это делается блоком с всплывающим окном или галереей с видео по клику, на самописных сайтах — так называемой ленивой загрузкой плеера.

Портфолио видеографа по направлениям

Общая лента «все работы» подходит для соцсетей. На сайте клиент приходит с конкретной задачей и ищет похожие работы.

Как разделить:

• Свадьбы. Клипы на 3–5 минут, фильмы, тизеры. Клиенты — пары, решение эмоциональное.
• Реклама и бренды. Рекламные ролики, имиджевые фильмы, продуктовые видео. Клиенты — маркетологи, им важны задача и результат.
• Мероприятия. Конференции, корпоративы, отчётные ролики. Клиенты — организаторы, им важны сроки.
• Вертикальные ролики. Рилсы, клипы для соцсетей. Отдельный формат с отдельной логикой подачи.
• Интервью и подкасты. Свет, звук, многокамерная съёмка.

Для каждого направления — отдельная страница с 4–8 лучшими работами, а не 30 средними. Под каждой работой — коротко: задача, что снимали, срок, сколько камер. Для коммерческих работ — «задача → решение → результат», так маркетолог понимает, что вы думаете о его цели, а не только о красивом кадре. Как подать работы кейсами, мы разбирали в статье про сайт-портфолио.

Вертикальные ролики показывайте вертикально, рядом по три–четыре в ряд на компьютере и по одному с прокруткой на телефоне. Горизонтальный плеер с чёрными полосами по бокам выглядит неаккуратно.

Если вы узнали свой сайт в таблице про тормоза, проще всего начать с первого экрана: от него зависит, дождётся ли человек загрузки. Мы бесплатно нарисуем, как он может выглядеть у вас.

Пакеты съёмки: как оформить с ценами

Видеографы часто прячут цены: «пишите, рассчитаю». Клиент сравнивает трёх–пятерых, и те, у кого цены есть, получают заявки первыми. Пакеты решают это и упрощают выбор.

Цены условные — это пример формата. Стоимость видеосъёмки сильно зависит от города, сезона, оборудования и объёма монтажа.

Что написать рядом с пакетами:

• что входит: съёмка, монтаж, цветокоррекция, музыка с лицензией, число правок;
• отдаёте ли исходники и сколько это стоит;
• сроки монтажа и как ускорить за доплату;
• предоплата для бронирования даты;
• выезд за город и командировки.

Для коммерческой съёмки пакеты работают хуже: задачи разные. Там лучше показать примеры с вилками бюджета («рекламный ролик 30 секунд — от … ₽, зависит от сценария, актёров, локаций») и форму брифа.

Что ещё должно быть на сайте видеографа

1. Первый экран. Имя или название, город, направление («свадебный видеограф», «видеопродакшн для брендов»), короткий шоурил или лучший кадр, кнопка «Проверить дату» или «Обсудить проект».
2. Шоурил на 60–90 секунд. По нажатию, не автозапуском со звуком.
3. Направления — карточками со ссылками на страницы.
4. Пакеты и цены.
5. Как проходит работа. Бриф, сценарий, съёмка, черновой монтаж, правки, сдача. С указанием сроков.
6. Оборудование. Коротко, без каталога: камеры, свет, звук, дрон. Коммерческим клиентам это важно.
7. Отзывы с именами и ссылкой на ролик, о котором отзыв.
8. Форма с полями: дата, тип съёмки, город, бюджет.

Про людей в кадре. Свадьбы, интервью, мероприятия — это всегда чужие изображения. По статье 152.1 Гражданского кодекса публиковать изображение человека можно с его согласия, за исключениями. Пропишите в договоре право использовать ролики в портфолио, а для коммерческих проектов уточняйте у заказчика, можно ли показывать работу до релиза.

Сколько стоит сайт для видеографа

Цифры — ориентир по рынку. Сильнее всего на цену влияют число направлений и то, насколько сложная галерея видео нужна. Сравнение подходов — в статье про сайт для фотографа: логика пакетов и календаря дат там похожая. У нас сайт, реклама в Директе и 30 дней ведения — от 60 000 ₽, запуск — от 3 дней.

Условный пример: сколько стоит лишняя секунда загрузки

Пример условный, не кейс студии. Свадебный видеограф, сайт получает 500 посещений в месяц, в основном с телефонов.

Было: первый экран с видео-фоном 30 МБ, на мобильном интернете он грузится около 8 секунд. Допустим, до загрузки уходит треть посетителей — около 165 человек. Из оставшихся 335 заявку оставляют 2%, это 7 заявок. С заявки в договор — каждая третья: 2 свадьбы по 60 000 ₽.

Стало: на мобильных — картинка с кнопкой «Смотреть шоурил», на компьютере — фрагмент 6 секунд весом 2 МБ. Первый экран грузится за 2–3 секунды, до загрузки уходит, допустим, 10%.

Доли ухода здесь условные, свои цифры можно увидеть в Метрике по отказам на мобильных. Но направление верное: облегчение первого экрана — одна из самых дешёвых доработок с заметным эффектом.

Как проверить сайт видеографа за 15 минут

1. Откройте сайт с телефона на мобильном интернете, не на Wi-Fi. Засеките, когда появился текст первого экрана.
2. Прогоните главную через PageSpeed Insights, посмотрите оценку для мобильных и список причин.
3. Посчитайте, сколько плееров грузится на главной сразу. Больше двух–трёх — повод переделать на обложки.
4. Проверьте, что ролики открываются без VPN.
5. Найдите за минуту свадебное видео, корпоративное и рекламное. Получилось?
6. Проверьте, есть ли цена хотя бы «от» и что входит в пакет.
7. Отправьте тестовую заявку и убедитесь, что она дошла и считается целью в Метрике.

Если хотите, чтобы мы прошли эту проверку за вас и показали, что ускорить и переставить, оставьте контакты.