Необхідно розробити дизайн та зверстати сайт для компаніїWICO SYSTEMS. Ми займаємося складними інженерними рішеннями (клімат, світло, автоматизація) для дизайнерських інтер'єрів.Мета сайту:Стати інструментом продажу для архітекторів (B2B) та преміум-клієнтів. Це має бути не просто "візитка", а цифрове портфоліо рівня топ-архітектурних бюро.--------------------------------------------------------------------------------1. Стилістика та Дизайн (Visual Identity)У нас вже розроблена базова айдентика (лого, кольори, шрифти).•Стиль:"Architectural Precision" (Архітектурна точність), мінімалізм, Grid Layout, журнальна верстка (Editorial Style).•Референс по настрою:Строгість креслення + Естетика дорогого журналу.•Кольори: ◦Фон: Світлий бетон/білий (#F2F2F2) або глибокий чорний (#1A1A1A). ◦Акцент: Інженерне золото (#E3A32A) — використовується дозовано (кнопки, лінії).•Шрифти:Manrope(основа) +JetBrains Mono(для технічних деталей/артикулів).•Тренд:ВикористанняBento Grids(блокова структура) для організації контенту.2. Структура сайту (орієнтовно 5-6 сторінок)Сайт не має бути Landing Page. Потрібна багатосторінкова структура для SEO та іміджу.1.Головна (Home): ◦Перший екран: Ефектний заголовок + фото/відео. ◦Блок позиціонування ("Інженерія, що посилює дизайн"). ◦Тізери послуг та проектів.2.Проекти (Portfolio) — КЛЮЧОВА СТОРІНКА: ◦Список кейсів з фільтрацією (Вентиляція / Світло / Комплекс). ◦Сторінка окремого кейсу (Template):Має виглядати як Case Study. Фото інтер'єру + фото інженерних вузлів + технічний опис (задача/рішення).3.Послуги (Services): ◦Список напрямків з іконками та коротким описом.4.Компанія / Підхід (About): ◦Філософія "Єдиного центру відповідальності". ◦Команда (фото), сертифікати.5.Контакти (Contacts): ◦Форма зворотного зв'язку, карта, соцмережі.3. Технічні вимоги•CMS:Webflow (пріоритет) АБО WordPress (на чистому коді або гнучких білдерах типу Bricks/Elementor Pro).Важливо: сайт має бути зручним для редагування контент-менеджером.•Адаптив:Ідеальне відображення на Mobile/Tablet. 70% трафіку буде з мобільних.•Анімація:Micro-interactions (мікро-взаємодії). Плавна поява контенту, ховер-ефекти на кнопках/фото. Без "важких" ефектів, що гальмують завантаження.•Швидкість:Зелена зона Google PageSpeed Insights (90+).4. Що ми надаємо1.Логотип у векторі (SVG/AI).2.Бренд-бук (коди кольорів, шрифтові пари).3.Тексти (Кодифікація бренду та описи послуг).4.Фото контент (рендери та фото реалізацій).5. Очікуваний результат (Deliverables)1.Дизайн-макет (Figma) — головна + внутрішні + мобільна версія.2.Зверстаний та налаштований сайт на хостингу.