Кейс: Адаптивная вёрстка новых разделов CMS 1С-Битрикс

О проекте

Компания Wizard Professional — производитель материалов для наращивания и ламинирования ресниц. Для своего интернет-магазина wizard-pro.ru заказчик поставил задачу разработать адаптивную HTML/CSS вёрстку для новых разделов сайта на базе CMS 1С-Битрикс.

Задача

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

Ключевые требования:

• Кроссбраузерная и кроссплатформенная совместимость;
• Гармоничное соответствие дизайну сайта и фирменному стилю компании;
• Совместимость с шаблоном CMS 1С-Битрикс.

Что было реализовано

1. Разработка адаптивной HTML/CSS вёрстки

1. Созданы адаптивные шаблоны новых страниц на основании графических дизайн-макетов;
2. Вёрстка выполнена с использованием современных стандартов HTML5 и CSS3;
3. Оптимизированы медиазапросы под мобильные и десктопные устройства.

2. Интеграция в CMS 1С-Битрикс

• Верстка страниц встроена в структуру сайта без потери функциональности;
• Необходимые данные динамически подгружаются из Битрикс;
• Индивидуальные CSS-правила для каждого раздела подгружаются отдельно.

Результат

Новые разделы корректно отображаются на смартфонах и ПК.