Сторси: Как видео-виджеты и формат Stories меняют правила игры в E-commerce

В марте наше бюро запустило собственный продукт, который вырос из реальных болей наших клиентов в сфере e-commerce. Знакомьтесь — Сторси. Это платформа интерактивного видеоконтента, которая помогает интернет-магазинам внедрять привычный формат коротких вертикальных видео на свои сайты.

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

Проблема: Фотографии больше не продают так, как раньше

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

1. Низкая конверсия из просмотра карточки в корзину.
2. Высокий процент возвратов из-за несоответствия ожиданиям.

Классическое горизонтальное видео (например, плееры YouTube) тоже работает плохо на мобильных устройствах — оно требует поворота экрана, долго грузится и прерывает пользовательский сценарий.

Решение: Сторси — привычный формат сторис на вашем сайте

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

Для наглядности мы сравнили три основных формата демонстрации товаров:

Критерий	Статичные фото	Обычное видео (YouTube / плеер)	Видео-виджеты Сторси
Вовлеченность (ПФ)	Низкая (10-15 сек на странице)	Средняя (пользователи редко запускают)	Высокая (просмотр серии сторис)
Удобство на мобильных	Хорошее, но малоинформативное	Низкое (требует поворота экрана)	Идеальное (адаптивный вертикальный формат)
Конверсия в корзину	Базовая	+15%...20%	+60%...80%
Влияние на скорость сайта	Минимальное	Сильное замедление из-за тяжелых скриптов	Отсутствует (асинхронная загрузка)
Интерактивность	Отсутствует	Отсутствует	Прямая покупка из видео (Shop the Look)

Наш технический опыт: с какими трудностями мы столкнулись

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

1. Оптимизация скорости загрузки (Web Vitals)

Владельцы интернет-магазинов очень чувствительны к скорости загрузки. Никто не установит виджет, который снижает показатели Google PageSpeed Insights.

«Главной сложностью было обеспечить мгновенный запуск видео без предзагрузки гигабайтов данных. Если виджет будет тормозить сайт, конверсия упадет сильнее, чем вырастет от видео», — отмечает технический директор Бюро дизайна.

Как решили: Мы настроили ленивую загрузку (lazy loading) для всех компонентов виджета. Скрипт Сторси инициализируется асинхронно только после полной отрисовки основного контента сайта. Для самих видео мы используем динамический стриминг: видео разбивается на микро-сегменты, и плеер подкачивает их по мере просмотра, подстраивая качество под скорость интернета пользователя.

2. Сжатие видео без потери качества на мобильных

Fashion-индустрия требует идеальной картинки. Ткань должна выглядеть дорого, цвета — естественно. При этом у пользователя на мобильном 3G-интернете видео не должно буферизоваться.

Как решили: Мы внедрили облачный транскодинг. При загрузке видео автоматически конвертируется в форматы WebM и MP4 с оптимизированным сжатием H.265/AV1. Система отдает нужный формат в зависимости от браузера клиента.

3. Интеграция с каталогом товаров (Shop the Look)

Было важно дать пользователю возможность купить товар прямо во время просмотра видео.

Как решили: Мы спроектировали API, которое бесшовно интегрируется с любой CMS (Next.js, HostCMS, Bitrix). Внутри личного кабинета Сторси менеджер может отметить товары на видео. При просмотре сторис на сайте под видео появляется интерактивная карточка товара с кнопкой «Купить» или «В корзину».

Реальные результаты внедрения Сторси

Мы протестировали платформу на нескольких e-commerce проектах, которые разрабатывали в Бюро.

• Увеличение времени сессии: Время, проведенное пользователем на сайте, выросло в среднем на 75%. Люди с удовольствием листают ленту сторис, аналогично соцсетям.
• Рост конверсии: В сегменте одежды и обуви конверсия в покупку увеличилась на 42% среди пользователей, которые взаимодействовали с виджетом.
• Снижение показателя отказов: На посадочных страницах показатель отказов снизился на 18%.

Заключение

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

Если вы хотите оживить свои продажи и протестировать видео-виджеты на своем сайте, заходите на storsy.ru. Мы поможем с интеграцией и подскажем, как правильно подготовить контент для максимального эффекта.