Верстка та програмування сайту-каталогу на 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
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