Создание интернет-магазина линолеума и ковролина
О проекте
Мы создали интернет-магазин линолеума и ковролина на Webasyst Shop-Script. В проекте требовалось представить напольные покрытия как по внешнему виду, так и по техническим параметрам. Мы разработали дизайн, выполнили вёрстку страниц и интеграцию с платформой, установили модули и оформили их интерфейсы. Основное внимание уделили структуре каталога, выбору покрытий и подробной карточке товара.
Визуальное оформление и структура главной страницы
Дизайн сочетает светлые области, серые информационные блоки и красные акценты. В товарных фотографиях представлены образцы материала и интерьеры с напольными покрытиями. Такая подача позволяет рассматривать текстуру отдельно и видеть её в пространстве. В верхней части расположены поиск, контакты, обратный звонок и корзина.
Главная страница включает интерьерный баннер, навигационные области ковролина и линолеума, товарные подборки новинок, популярных позиций и акций. Список производителей размещён в боковой колонке. Информационные материалы, новости и опросы дополняют каталог; внизу предусмотрен блок подписки. Эти элементы получили общую типографику и цветовую систему, чтобы длинная страница сохраняла последовательное разделение информации.
Каталог с параметрами напольных покрытий
Страницы категорий содержат описание группы, подкатегории, сортировку и переключение вида списка. В макетах представлены сетка и подробный список товаров. Для фильтра предусмотрены цена, цветовые образцы, материал, производитель, размеры и рисунок. Это позволяет начать поиск как с декоративных свойств покрытия, так и с подходящих параметров.
Мы оформили варианты с фильтром в боковой колонке и над ассортиментом. В сетке фотографии и названия товаров сопровождаются ценой и действием покупки. В представлении списком рядом с изображением помещается больше текстовой информации. Выбранная категория и путь навигации остаются видны в верхней части страницы, помогая ориентироваться среди разновидностей покрытий.
Карточка товара и интеграция
Страница покрытия объединяет галерею изображений, название, цену и параметры. Ниже предусмотрены отдельные области описания и отзывов, а также товарные подборки. Среди представленных экранов есть корзина, варианты каталога и оформление страницы 404: основные и служебные состояния используют единый визуальный подход.
Вёрстку интегрировали с Webasyst Shop-Script. Установку модулей дополнили оформлением их блоков в общей стилистике витрины. Кейс показывает разработку интернет-магазина напольных покрытий с детальной навигацией по ассортименту, наглядным выбором цвета и согласованным представлением категории, карточки товара и сопутствующих материалов.
Другие проекты и разработка сайта
Посмотрите разработку магазина металлической мебели ЗМК и разработку магазина биотуалетов в нашем портфолио сайтов.
Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.