Компания строительных услуг Мокап веб-сайта

Крупные изображения, плотные карточки и круговые метрики требуют визуальной проверки

В макете сочетается несколько шаблонов представления контента, которые стоит оценивать комплексно, а не как разрозненные секции. Разделенный первый экран объединяет краткое описание компании и кнопку «Подробнее» с масштабной фотографией строительства, поэтому пропорции изображения и баланс текста особенно важны на экранах небольшой ширины. Следующие три карточки услуг образуют компактную горизонтальную группу, а раздел технических услуг использует текст и узкую колонку с целевым действием с иной плотностью и выравниванием.

Плитки компетенций с фоновыми изображениями и карточки категорий создают дополнительные точки контроля. Четыре карточки со скругленными углами накладываются на крупное фоновое изображение стройплощадки, а еще четыре карточки ниже используют отдельные изображения для направлений «Проектирование и строительство», «Реконструкция», «Городские пространства» и «Гражданское строительство». Круглое изображение рядом с тремя категориями услуг и перекрывающее круглое изображение в блоке «Наша история» создают криволинейные визуальные границы, отступы и пропорции которых важно проверить при изменении ширины экрана.

Четыре круговых индикатора метрик образуют ряд с равномерными интервалами, а завершающий блок контактов скомпонован в две колонки на темном фоновом изображении. В этой области стоит проверить соотношение между контактными данными, полями формы и кнопкой «Отправить». Поскольку хедер также содержит меню-гамбургер, отображение навигации требует внимания наряду с масштабом изображений, плотностью карточек, типографикой и интервалами по всей длине страницы. Адаптивные режимы Nicepage позволяют сопоставить эти ключевые элементы верстки на экранах разного размера.