Повний редизайн сайту AICreative.House (Webflow)

Замовник: AI | Опубліковано: 12.02.2026

Технічне завдання: Повний редизайн сайту AICreative.House (Webflow)1. Загальна концепція та мета Мета: Створення преміального digital-простору для демонстрації AI-рішень, що конвертує відвідувачів у клієнтів через візуальні кейси. Візуальний стиль: "Cyber-Luxury" — темна тема, неонові акценти, мінімалістична типографіка, використання інтерактивних AI-елементів. Платформа: Webflow (з використанням CMS для динамічного контенту).2. Структура сторінок (Sitemap) Головна сторінка: Секція Hero з демонстраційним відео, блок довіри (логотипи партнерів), короткий огляд ключових послуг. Послуги (Services): Детальні сторінки для кожного напрямку (Shorts для TikTok/Instagram, Автоматизація воркфлоу, AI-аватари). Портфоліо (CMS): Фільтрована сітка проектів (відео-кейси) з категоріями за нішами. Етапи співпраці: Інфографіка процесу — від брифу до фінального завантаження контенту. Сторінка "Про нас/Експертність": Опис стеку технологій (n8n, Python, AI-моделі). Контакти: Розширена форма з можливістю прикріпити посилання на свій проект.3. Технічні вимоги та CMS CMS Architecture: Колекція "Case Studies": поля для завантаження відео, текстового опису, вказівки мови проекту та цільових платформ (YouTube, TikTok, FB). Колекція "Blog": для SEO-статей про майбутнє AI-автоматизації. Адаптивність: Ідеальне відображення на мобільних пристроях (mobile-first), оскільки значна частина трафіку приходить із соцмереж. Інтеграції: Налаштування Webhook-ів для передачі даних із форм у ваш n8n воркфлоу.4. Захист контенту (Anti-Copying System) Для запобігання копіюванню унікальних текстів та відео-кейсів необхідно реалізувати наступні заходи в межах Webflow: Блокування правої кнопки миші: Впровадження Custom Code (JavaScript), який вимикає контекстне меню на всьому сайті. Захист від виділення тексту: Використання CSS-властивості user-select: none, щоб користувачі не могли копіювати текстові описи послуг та кейсів. Вимкнення "Drag-and-drop" для зображень: Заборона перетягування картинок та обкладинок відео для їх збереження. Захист відео-контенту: Використання кастомних плеєрів або сервісів (як-от Vimeo з налаштуванням Domain Restrictions), щоб відео неможливо було завантажити через сторонні плагіни або переглянути поза вашим сайтом.5. Функціональні модулі Мультимовність: Повна локалізація інтерфейсу для міжнародних клієнтів (виправлення обмежень щодо мови, які виникали раніше). AI-Chat Widget: Інтеграція розумного чат-бота для первинної консультації. Динамічне завантаження: Використання Lazy Load для відео-портфоліо, щоб забезпечити високу швидкість роботи сайту.6. SEO та Аналітика Налаштування мета-тегів для кожної сторінки CMS. Встановлення Facebook Pixel та Google Analytics для відстеження конверсій та подальшого ретаргетингу в соцмережах.