Шапка сайта

1. 1 ШАПКА САЙТА

• Нужно сделать шапку как на фото слайд 2
• Слева направо должны идти элементы:
• Логотип (ссылка)
• Кнопка Каталог
• Поиск товара (по центру)
• Кнопка Индивидуальное предложение
• Номер телефона (+37258079538\+37258079532) друг под другом
• Переключение языка
• Корзина
• Что важно:
• всё должно быть внутри контейнера
• аккуратные отступы
• современный минимализм
• понятная структура
• адаптация под телефон и планшет

2.

Слайд номер два

3. 2 СТРОКА КАТЕГОРИЙ ТОВАРОВ

Сразу под шапкой должны идти категорий, как наш слайд номер два
Категории:
Кондиционеры
Тепловые насосы воздух-вода
Воздушные тепловые насосы
Фильтра
Газовый котел
Аксессуары
Требования:
Cамой кнопки категории не должно быть
категории расположены в одну горизонтальную строку
всё внутри контейнера
при наведении курсора должна быть реакция (hover эффект)
активная категория должна быть визуально выделена
на телефоне — горизонтальный скролл или удобная адаптация
это именно навигация, а не баннер
весь блок в черном фоне

4. 3 ВЕРХНИЙ БЛОК С ТРЕМЯ КАРТИНКАМИ

3 Нужно
сделать блок
как наш
дизайн слайд
номер два
Структура:
слева один
большой блок
справа два
блока (один
сверху, один
снизу)
Все блоки
должны быть
внутри
контейнера и
не
растягиваться
на всю ширину
страницы.
видно
Блок:
нельзя сильно
затемнять
нельзя
обрезать
важные части
изображения
Обслуживание
и чистка
вентиляции
Фон — фото
№3 (мужчина)
не затемнять
сильно
изображение
Важно:
Кнопка:
Выбрать
фильтр
мужчина
должен быть
хорошо виден
На этом блоке
должна быть
кнопка:
Выбрать
тепловой
насос
Кнопка должна
быть:
контрастная
современная
с эффектом
при наведении
3.2 Левый
большой блок
полностью
кликабельная
Использовать
фото №2 как
фон.
в том же стиле,
что и другие
кнопки на
сайте
Важно:
фото должно
быть хорошо
3.3 Правый
верхний блок
не делать
сильного
затемнения
Кнопка:
Запросить
ценовое
предложение
3.4 Правый
нижний блок
Блок с
фильтрами.
Фон — фото
№4 (фильтры)
Важно:
фильтры
должны быть
хорошо видны
Общие
требования
для этих трёх
блоков
всё внутри
контейнера
убрать лишние
пустые зоны
визуально
сбалансироват
ь высоту
блоков
все кнопки
должны быть
одного стиля
аккуратный
современный
дизайн

5. 4 БЛОК "Популярные товары"

4 БЛОК "Популярные товары"
Как слайд номер 6
Заголовок:
Популярные товары
Под заголовком должно быть 6 карточек товаров.
Товары:
1 кондиционер
Две карточки тепловых насосов
1 газовая колонка
1 аксессуар (сенсорный настенный пульт)
1 самый ходовой фильтр
Требования:
современные карточки товаров
одинаковая высота карточек
в карточке должно быть:
фото
название
цена
кнопка
лёгкая аккуратная тень
всё внутри контейнера

6.

Слайд номер 6

7. 5 Блок наши услуги

Похоже как слайд номер 8
Карточки должны быть такие:
Вверху должен быть заголовок: Наши услуги
Под заголовком небольшой текст:
Профессиональный монтаж, обслуживание и
проектирование
1 Сантехнические работы Профессиональный
монтаж и ремонт санитарно-технических
систем.
2 Обслуживание теплового насоса
Плановое техническое обслуживание и ремонт
тепловых насосов любых марок.
3 Стандартная установка
Квалифицированный монтаж оборудования с
гарантией качества.
4 Ионные системы отопления
Проектирование и установка инновационных
ионных систем отопления.
5 Проектирование
Разработка индивидуальных проектов систем
отопления, водоснабжения и вентиляции.
6 Спросить предложение
Получите индивидуальный расчёт стоимости
для вашего объекта.
Ниже должна быть сетка из 6 карточек услуг.
Карточки должны располагаться в два ряда по
три.
Каждая карточка должна содержать:
• круглую иконку сверху
• название услуги
• короткое описание
Карточки должны быть:
• одинакового размера
• с аккуратными отступами
• с лёгкой тенью
• с закруглёнными углами
• в современном минималистичном стиле
При наведении мыши карточка должна
немного выделяться (легкий hover-эффект).
Услуги

8.

Слайд номер 8

9. 6 БЛОК С ЦИФРАМИ (СТАТИСТИКА)

Сразу под блоком услуг должен идти блок с цифрами. Слайд 10
Фон блока — голубой, как на примере.
Внутри должны быть 3 карточки с цифрами.
Карточки должны располагаться в одну линию по центру.
Карточки белые, с закруглёнными углами.
Карточки с цифрами
Карточка 1:
2010
год основания
Карточка 2:
1000+
установок выполнено
Карточка 3:
3
языка обслуживания
Требования к этому блоку
• всё внутри контейнера
• аккуратные одинаковые отступы
• карточки одинакового размера
• современный стиль
• аккуратные тени
• хороший визуальный баланс
Адаптивность
На телефоне:
• карточки услуг должны перестраиваться в 2 или 1 колонку
• блок с цифрами должен перестраиваться вертикально

10.

Слайд 10

11. 7 БЛОК "Бренды"

7 БЛОК "Бренды"
слайд номер 10
Ниже нужно разместить бренды оборудования:
Systemair
Vallox
Komfovent
Flexit
VTS
Zehnder
Ensy
Sabiana
Логотипы должны быть:
аккуратно выровнены
одинакового размера
красиво расположены
должны быть логотипы

12. 8 НИЖНЯЯ ЧАСТЬ САЙТА (FOOTER)

Нужно сделать
нижнюю часть
сайта как на
примере на
скриншоте. Слайд
10