INTERNALНаш собственный продукт
Два фильма первого экрана, созданные ИИ, и фильм GELO из 169 кадров
Два фильма, созданные ИИ, идут на первом экране store.viton13.com и studio.viton13.com, а фильм GELO кадр за кадром движется при прокрутке страницы VITON XIII. Все три — наша собственная работа для наших сайтов, а не заказы клиентов.
Открыть проект
- Фильм магазина, один цикл
- 23,32 с
- Фильм студии, один цикл
- 11,08 с
- Кадры GELO, сменяются при прокрутке
- 169
- Разрешение фильмов первого экрана
- 1920×1080
Задача
Добавить движение на первый экран store.viton13.com и studio.viton13.com и показать GELO на странице VITON XIII как фильм, который посетитель проигрывает прокруткой. Это наши собственные сайты, поэтому и задачу ставили мы сами: ни один клиент эти фильмы не заказывал и не оплачивал.
Что мы сделали
Оба фильма первого экрана созданы ИИ, это не съёмка на камеру. Фильм магазина сгенерирован в Seedance 2.5 и выбран 17 сентября 2026 года, фильм студии сделан для первого экрана studio.viton13.com. У каждого есть кадр-постер 1920×1080.
Для GELO мы покадрово нарезали рендер и собрали два набора WebP по 169 кадров: 1440×810 для компьютера и центральную обрезку 720×810 для телефона. Затем сделали на странице VITON XIII воспроизведение прокруткой.
Как это устроено
Оба фильма первого экрана — H.264, 1920×1080, без звуковой дорожки. Цикл магазина длится 23,32 секунды при 25 кадрах в секунду и весит 7,2 МБ, цикл студии — 11,08 секунды при 24 кадрах в секунду и 3,4 МБ. Они идут без звука, по кругу, прямо на странице и только пока видны на экране.
Если система посетителя просит меньше анимации, фильм встаёт на паузу, а без JavaScript вместо него показывается кадр-постер.
Фильм GELO — последовательность неподвижных кадров. Скрипт нарезает рендер через ffmpeg, sharp записывает файлы WebP, а страница считывает, сколько всего кадров. Набор для компьютера весит 3,1 МБ, для телефона — 2,2 МБ.
Что есть сейчас
Фильм магазина идёт на первом экране store.viton13.com, фильм студии — на первом экране studio.viton13.com. Фильм GELO работает на странице VITON XIII, а не в карточке товара GELO. Все три сейчас можно посмотреть на наших сайтах.
Чего это не доказывает
Это наши собственные фильмы для наших сайтов, а не работа для клиента. Оба фильма первого экрана созданы ИИ, это не живая съёмка. Как сделан сам рендер GELO, не задокументировано, поэтому кейс показывает только его нарезку на кадры и воспроизведение прокруткой.
Файлы на сайтах без звука, так что о звуковом оформлении кейс ничего не говорит. Данных о просмотрах и вовлечённости нет ни по одному из трёх фильмов, и мы не утверждаем, что они повлияли на посещения, заказы или продажи.
Услуги, которые показывает кейс
Опишите задачу на странице услуги — письменный объём, срок и цена придут в течение одного рабочего дня.
Обсудить похожий проектДругие кейсы
Все кейсы
INTERNALНаш собственный продукт
Айдентика брендов VITON13
Айдентика · 5 знаков · 2026
Знаки собственных брендов VITON13 в том виде, в каком они существуют в коде сайта: два рисованных знака-глобуса с буквой V, три словесных знака, набранных шрифтом, и один акцентный цвет — небесно-голубой #5ac8ff на чёрном. В кейс входит и VITON XIII — линия из пяти ароматов.
Читать кейс →
INTERNALНаш собственный продукт
Стайлинг Old Money
Стайлинг · Old Money · 2026
Old Money — собственная марка одежды VITON13, а не клиентский проект. Мы собрали из её 16 товаров три мужских образа с ценой, добавили к каждому товару памятку по уходу на пяти языках и выпустили в VJOURNAL статью о капсульном гардеробе на небольшой бюджет.
Читать кейс →
INTERNALНаш собственный продукт
viton13.com
Next.js 16 · 5 языков · 7 доменов · 2026
Собственный сайт VITON13: одно приложение на Next.js обслуживает основной домен и шесть поддоменов разделов на английском, русском, испанском, французском и хинди. Перед выходом каждого релиза обход проверяет его внутренние маршруты.
Читать кейс →