Необходимо разработать дизайн и сверстать сайт для компании 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. Сверстанный и настроенный сайт на хостинге.