KONTUR FLOW — промышленная арматура

О шаблоне

Технологичный корпоративный сайт производителя с каталогом и видео в первом экране.

Как создавался шаблон

1. Этап 1

   Создай только первый значимый этап проекта — готовый одностраничный B…

   Запрос: Создай только первый значимый этап проекта — готовый одностраничный B2B-лендинг поставщика промышленной запорной арматуры и компонентов управления потоками. Пока не создавай отдельный каталог, карточки товаров, авторизацию, оплату и другие страницы: их добавим следующими проходами. Придумай вымышленный бренд, логотип, содержательные тексты и демонстрационные категории без Lorem ipsum. Визуальный стиль: почти белый фон, чёрная техническая типографика, тонкие линии и один насыщенный красный акцент. Сайт должен выглядеть как дорогая промышленная презентация, а не обычный корпоративный шаблон. На первом экране покажи крупный промышленный вентиль как предмет студийной рекламной съёмки. Сгенерируй настоящее согласованное изображение. Сделай постановочную анимацию: вентиль плавно появляется вместе с тенью и красной подсветкой, затем последовательно проявляются заголовок и характеристики. Добавь на лендинг категории продукции, несколько популярных компонентов, услуги по подбору и снабжению,…

   Результат: Собран законченный одностраничный B2B-лендинг KONTUR FLOW: премиальный hero со студийным снимком вентиля и постановочной последовательностью появления, категории продукции, популярные компоненты с артикулами и параметрами, услуги подбора и снабжения, отрасли, контроль качества и форма запроса КП через встроенную форму Velvio.

2. Этап 2

   Преврати изображение промышленного вентиля в hero в короткое фоновое …

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

   Результат: Есть ли готовый 5-секундный видеофайл без звука (MP4/WebM)? Что использовать как постер (кадр до запуска видео)? Как показывать видео на телефоне?

3. Этап 3

   Быстрая правка: картинка заменена фоновым видео

   Запрос: Быстрая правка: картинка заменена фоновым видео

   Результат: Что можно улучшить дальше: • Добавь на первый экран кнопку «Запросить КП» со скроллом к форме • Добавь блок популярных позиций с артикулами, DN, PN и Kvs • Покажи на мобильных постер вместо видео в hero, чтобы не тормозило • Добавь мета-описание, ключевые слова и Open Graph для поиска • Добавь подбор арматуры по среде, давлению и диаметру фильтрами • Добавь блок сертификатов, ГОСТ 9544 и гарантии класса А

4. Этап 4

   Замени выбранное hero-видео новым роликом, сгенерированным из исходно…

   Запрос: Замени выбранное hero-видео новым роликом, сгенерированным из исходного постера. Вентиль должен плавно совершить полный оборот на 360 градусов вокруг своей вертикальной оси за весь ролик. Камера, фон, масштаб и красная контровая подсветка остаются полностью неподвижными; никакого приближения камеры. Сохрани точную форму и материалы изделия, не добавляй и не деформируй детали. Сделай бесшовную петлю: положение, свет и скорость движения в первом и последнем кадре должны совпадать, чтобы при loop не было заметного стыка. Видео без звука, autoplay, muted, loop; постер и reduced-motion поведение сохрани. Остальной сайт не меняй.

   Результат: Откуда взять новый 5-секундный ролик с оборотом вентиля на 360°? Какая длительность и вес файла допустимы для hero-видео? Насколько строго должна совпадать форма изделия с постером?

5. Этап 5

   Сгенерировать ролик по постеру: допустима небольшая неточность формы …

   Запрос: Сгенерировать ролик по постеру: допустима небольшая неточность формы деталей; 5 секунд, до 15 МБ — выше детализация металла; Достаточно визуального сходства, детали могут слегка отличаться

   Результат: Изменения сохранены. Проверьте результат на сайте.