Верстка и программирование сайта-каталога на MODX

Корпоративный сайт-каталог на MODX (UI/UX + интеграция контента)

Biochemic — сайт для компании с профессиональной химией: современный каталог продукции с брендами, категориями, товарами и быстрыми заявками “получить консультацию / сделать запрос”.

Задача
• Перенести дизайн с макета в валидную, кроссбраузерную, адаптивную верстку.
• Сделать сайт управляемым из админки.
• Реализовать единую логику заявок из разных точек сайта (хедер/футер/категория/товар), чтобы в письмах было понятно, что именно хотели и откуда пришел запрос.

Стек

MODX Revolution, HTML5, CSS3, JavaScript (ES6), PHP 8.2

Верстка
• Компонентный подход: повторяющиеся блоки каталога (карточки товаров, баннеры категорий, CTA) с единым стилем и поведением.
• Адаптивность: мобильная логика не “урезана”, а переосмыслена (кнопки, баннеры, слайдеры, попапы).
• Интерактивы: слайдеры, динамические блоки, управляемые состояния элементов (hover/focus), мелкие UX-детали.

Контент и админка
• Построенная структура каталога: категории → товары → бренды, с возможностью масштабирования без переделок.
• Настроенные поля для управления контентом: изображения, статусы, коды, характеристики, файлы категорий.
• Характеристики товара сделаны как “повторяющиеся строки” для удобного наполнения и красивого отображения на сайте.

Формы и заявки
• Единый попап-запрос работает на всем сайте: на главной, в категориях, в товарах, в статических страницах.
• Заявки отправляются с контекстом: тип обращения, точка клика (хедер/CTA/футер), страница, товар (если есть) — чтобы менеджеру не приходилось “угадывать” намерение пользователя.
• Унифицированный шаблон письма с читаемой структурой данных.

Результат

Готовый сайт-каталог на MODX с четким визуальным соответствием макету, удобной админкой для контента и нормальной логикой заявок.

#MODX #Frontend #UI #UX #Catalog #EcommerceStyle #Responsive #JavaScript #Swiper #FormIt #WebDevelopment #CMS #Performance #EmailTemplates #ProductCatalog