Обновил дизайн страниц «О компании», «Услуги», «Каталог» и «Детали продукта».

Задачи

1. Cтруктурированно подать информацию об услугах и продуктах компании, чтобы повысить доверие клиентов.
2. Обновить визуал, чтобы он шёл в ногу с технологиями, которые применяются в продукции.

О компании

Пункты навигации сгруппированы и дополнены описанием, которое раскравает экспертизу компании и спектр её услуг.

Для фона используется близкий к бетону оттенок, который передаёт ощущение устойчивости и надёжности.

Услуги

Страницы устроены единообразно, чтобы сайт был «стабильным»: одинаково работал как на уровне иерархии информации, так и на уровне взаимодействия с интерфейсом.

При этом построение адаптируется под разную информацию и её объём, вовлекая в просмотр за счёт ритмических соотношений элементов.

Направления продукции

Каталог

Сетка позволяет добавлять новые категории по мере расширения ассортимента без привлечения дизайнера.

Страница продукта

Модуль предпросмотра

Панорамные изображения 21:9 и 2:1 фиксируются по высоте и выходят за пределы модуля по ширине, благодаря чему основной объект остаётся по центру, крупным и читаемым.

Форматы 1:1 и 4:3 фиксируются по высоте и ширине, чтобы сохранить детали верхней части изображения.

Сетка

В основе сетки — фотография выполненной работы компании, а именно её левая часть, где окна уходят в перспективу и имеют разную визуальную ширину. Изменяющиеся по ширине колонки формируют горизонтальный ритм, который создаёт ощущение движения в глубину.

Сетка адаптируется под разную информацию и её объём за счёт дополнительных направляющих линий и трёх размеров шрифта: 32 px — для навигации, 96 — заголовков, 24 — основного текста.

Страницы выглядят целостно и масштабируются без участия дизайнера.

© Большинство изображений и текстовых материалов в концепте принадлежат Abex Windows и взяты с https://abexwindows.com/. Остальные сгенерированы с помощью ИИ.

Пишите.