Градди

Задача

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

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

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

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

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

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

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

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

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

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

Результат

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

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