Разработка интернет-магазина «Газонная линия» на Webasyst

О проекте

«Газонная линия» — Grassline.ru — интернет-магазин с тематикой газонов, озеленения и благоустройства. Quadro Design выполнила создание сайта с нуля: разработку индивидуального дизайна, вёрстку, интеграцию с Webasyst и Shop-Script и подключение плагинов проекта. В оформлении объединили природные образы и структуру торговой витрины.

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

Задача: представить товары и направления озеленения

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

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

Дизайн с природными мотивами

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

Зелёные панели объединяют меню, заголовки боковых блоков и кнопки покупки. Баннер первого экрана показывает газон рядом с домом и сопровождается фразой «Природа у вас дома». Изображение передаёт тематику проекта до перехода к товарным разделам.

Каталог и полезные материалы

Для товаров использовали регулярную сетку: изображение, название, цена и действие покупки расположены в одинаковом порядке. Разделы бокового меню помогают перейти к нужной теме, а блок новостей дополняет ассортимент материалами об уходе за газоном. Отдельно предусмотрено место для социальных ссылок.

Вёрстка и интеграция магазина

Индивидуальное оформление перенесли в вёрстку и связали с Webasyst и Shop-Script. Интеграция охватила торговую часть, навигацию и контентные блоки; плагины подключили в рамках разработки проекта. Результатом стал интернет-магазин с общей визуальной системой для каталога, информационных разделов и элементов покупки.

Другие проекты и разработка магазина

Посмотрите разработку магазина бассейнов intexa.ru и разработку магазина сантехники Sanform в нашем портфолио сайтов.

Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.