Необхідно розробити дизайн та зверстати сайт для компанії 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. Зверстаний та налаштований сайт на хостингу.
