PMD

Задача

ПМД — группа компаний, работающая с инженерными и строительными задачами. На сохраненной странице «О нас» перечислены инженерные изыскания, инженерно-техническое проектирование, согласование проектной документации, строительный контроль и авторский надзор, технические консультации, разработка специальных технических условий и расчет пожарных рисков. В карточке кейса зафиксирована посадка готовой верстки на 1С-Битрикс.

Требовалось превратить набор статических экранов в единый сайт с понятной навигацией по направлениям. Здесь особенно важно было разделить короткую презентацию услуги и подробный профессиональный материал. Первый формат помогает быстро выбрать нужное направление, второй должен выдерживать длинный текст с нормативными ссылками, списками этапов и отраслевой терминологией.

Что было сделано

Готовая HTML-верстка была перенесена в шаблон 1С-Битрикс, а общие и контентные части страниц разделены. В проекте подготовлены:

• единая шапка с логотипом и разделами «Главная», «О нас», «Услуги», «Документы», «Контакты» и «Карта сайта»;
• каталог услуг в виде шести крупных визуальных блоков;
• отдельные направления «Проектирование», «Разработка СТУ» и «Комплексные системы безопасности»;
• блоки «Монтаж СКС», «Электромонтаж» и «Ремонтные работы»;
• детальная страница услуги с большим тематическим первым экраном, заголовком и поясняющим подзаголовком;
• контентный шаблон для развернутого текста с абзацами, маркированными этапами и ссылками на нормативные документы;
• отдельная страница о группе компаний с перечислением компетенций;
• раздел документов, предусмотренный в основной навигации;
• контактная страница с адресом, телефоном и электронной почтой, а также общие ссылки на политику конфиденциальности.

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

Особенности проекта

Список услуг построен как визуальная матрица: каждое направление занимает самостоятельную карточку с фоновой фотографией, названием и коротким пояснением. Пользователь видит все шесть вариантов на одном экране и может сразу перейти к проектированию, СТУ, системам безопасности, СКС, электромонтажу или ремонту. Это особенно полезно для ПМД, поскольку направления относятся к одной инженерной области, но решают разные задачи.

Темы различаются и визуально: в карточках использованы чертежи, огонь, планшет с изображением системы безопасности, сетевые кабели, электропроводка и инструменты для ремонта. Даже до чтения пояснений направления не выглядят одинаковыми.

Внутренняя страница использует противоположный прием. После крупного изображения начинается спокойная белая область с длинным материалом. Ширина строки, отступы и иерархия текста позволяют читать техническое описание, а не только просматривать заголовки. Визуальная подача не подменяет содержание и не мешает нормативным ссылкам.

Общий интерфейс намеренно сдержанный: белый фон, синяя марка ПМД, крупные тематические фотографии и минимум декоративных элементов. Это связывает эмоциональные карточки услуг с документальными страницами «О нас» и «Контакты». Общая навигация и подвал остаются одинаковыми на обоих типах экранов.

Результат

Статическая верстка была превращена в сайт на 1С-Битрикс с общей структурой, управляемыми контентными областями и отдельными шаблонами для списка и детального описания услуг. В проекте представлены все зафиксированные на экранах направления, подробный материал о разработке СТУ, информация о компании, документы и контакты.

ПМД — пример посадки готовой верстки на 1С-Битрикс для компании со сложными профессиональными текстами. Если после запуска требуется менять компоненты или добавлять новую логику, это уже относится к доработке сайта на 1С-Битрикс.