ГРАДДИ — сайт производителя тротуарной плитки на 1С-Битрикс

Задача

ГРАДДИ — производитель тротуарной плитки, брусчатки, бордюрного камня и других изделий для благоустройства. Для ООО «ГРАДДИ» я выполнил верстку и посадку на 1С-Битрикс; работа завершена 19 ноября 2019 года. Старой системе управления уже не хватало гибкости для дальнейшего развития, поэтому сайт требовалось перевести на 1С-Битрикс, сверстать обновленные экраны и подготовить управляемую структуру для продукции и информационных материалов.

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

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

Для перехода на новую CMS я подготовил и подключил шаблоны ключевых разделов:

• главная страница с крупным экраном о тротуарной плитке от производителя, переходом в каталог, акционным баннером и визуальными направлениями применения продукции;
• каталог с категориями тротуарной плитки, бордюрного камня, прикромочных и дренажных лотков, вибропрессованных ступеней, гранитной брусчатки и дорожных плит;
• детальная карточка изделия с крупным изображением, галереей примеров укладки, названием позиции и ценой;
• блок выбора количества в квадратных метрах и поддонах с отображением итогового объема и суммы;
• варианты оформления из палитр «Стандарт», «Профи», Color Mix и «Эксклюзив»;
• действия «Хочу скидку» и «В корзину» рядом с расчетом заказа;
• раздел «Наши объекты» со списком реализованных проектов, фотографиями, датами, краткими анонсами и переходами к подробному материалу;
• страница о заводе с текстом, видео производства и фотографиями процесса;
• контактная страница с картой офиса, режимом работы, реквизитами и файлами для скачивания в PDF и Word.

Повторяемые элементы — шапка, навигация, общие блоки и структура товарной страницы — были собраны как единая система, а не продублированы вручную на каждом URL. Для каталога и материалов об объектах подготовлена основа, которую можно наполнять через 1С-Битрикс.

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

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

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

Раздел «Наши объекты» дополняет товарный каталог примерами применения продукции. Для каждого материала предусмотрены фотография, дата, короткий анонс и переход к подробному описанию. Такой материал дополняет характеристики изделия контекстом применения: покупатель может посмотреть, как продукция выглядит на объекте.

От карточки изделия к примеру укладки

На экране товарной карточки показаны расчёт количества, цена и палитры; каталог и фотографии продукции помогают выбрать тип изделия. Дополняющий раздел объектов показывает применение плитки. При верстке и посадке я сохранил отдельные форматы товарных данных и публикаций, чтобы характеристики продукции не смешивались с описаниями объектов.

Результат

Сайт ГРАДДИ был переведен на 1С-Битрикс и получил связанные между собой шаблоны главной, каталога, товарной карточки, объектов, страницы о производстве и контактов. Пользователь может перейти от типа продукции к конкретному изделию, посмотреть варианты исполнения и расчет заказа, а затем изучить примеры объектов или найти данные компании.

Кейс относится одновременно к переносу сайта на новую систему управления и к верстке с посадкой на 1С-Битрикс. Результат отражает выполненные работы и структуру проекта: каталог, карточки продукции, объекты, производство и контакты.