вёрстка HTML/CSS 1С-Битрикс

Кейс: Адаптивная вёрстка новых разделов 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-правила для каждого раздела подгружаются отдельно.

Результат

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

У вас есть задачи по доработке сайтов?
Отправьте нам запрос, и мы перезвоним вам для уточнения деталей.