Технологичный MVP-лендинг для продажи модульных домов с автоматизированным видео-продакшном и архитектурой под мгновенный ребрендинг.

Задача: Разработать высокотехнологичный MVP-лендинг для продажи модульных домов (SIP-панели) с фокусом на экстремальную производительность и видео-контент.

Цель: Быстрый запуск бренда на рынке по модели Lean Startup. Необходимо было создать "вау-эффект" через полноэкранные видео и сложные анимации, сохранив при этом идеальные показатели Google Lighthouse для снижения стоимости привлечения трафика в Яндекс.Директ.

Решение

1. Автоматизированный Video Pipeline: Разработал кастомный TS-скрипт на базе FFmpeg, который в процессе сборки (build) автоматически транскодирует сырые 4K-исходники в адаптивные версии (1080p, 720p, 480p) и два формата (AV1 для современных браузеров и H.264 для фоллбека). Это обеспечило быструю загрузку видео даже на мобильном 3G.
2. Архитектура гибкого брендинга: Спроектировал проект так, чтобы нейминг, логотипы и SEO-стратегия (Title/Description) подтягивались из единого конфига. Это позволило проводить мгновенные A/B тесты разных названий бренда (ЭкоМодуль, ТеплоКуб и др.) без переписывания кода.
3. Оптимизация визуального движка: Заменил тяжелые JS-библиотеки для физики и 2D-графики на современные возможности CSS и Motion (React 19). Это снизило нагрузку на CPU пользователя на 70% при сохранении плавности анимаций.
4. Современный стек: Внедрил Tailwind CSS 4 с использованием Container Queries, что позволило компонентам адаптироваться к контексту размещения, а не только к ширине экрана.

Результат

- Техническое совершенство: Проект стабильно держит 100/100 в Google Lighthouse по всем категориям, включая Performance, несмотря на обилие видео-контента.
- Бизнес-гибкость: Время на смену позиционирования и перезапуск маркетинговой воронки сократилось с дней до 5 минут.
- Экономия ресурсов: Использование кодека AV1 позволило сократить вес видео-ассетов на 40-50% без потери визуального качества, что критично для мобильного удержания.