Создание интернет-магазина травяных чаёв «Родное Луговое»
О проекте
Для проекта «Родное Луговое» мы создали интернет-магазин травяных чаёв и натуральных товаров на Webasyst Shop-Script. Адрес проекта — родное-луговое.рф. Основой витрины стал каталог иван-чая, дополненный другими направлениями ассортимента и информационными материалами. Работа включала дизайн, вёрстку, интеграцию с платформой, установку модулей, оформление их интерфейсов и программирование.
Дизайн магазина иван-чая и натуральных товаров
Мы использовали зелёные элементы, светлый фон и оранжевые акценты на действиях покупки. Такое оформление связывает витрину с природной тематикой и оставляет достаточно пространства для фотографий упаковок. Верхняя часть страницы объединяет логотип, основные информационные ссылки, поиск, телефон и корзину. Слева располагается каталог с разделами чая, мёда, масел и других натуральных товаров.
На главной странице крупный баннер знакомит с основным направлением магазина. Товарные блоки разделены на новинки, рекомендации и популярные позиции. Ниже размещены материалы о проекте. Боковая колонка объединяет навигацию и новости, а верхнее тематическое меню предлагает материалы об иван-чае и рецептах. Каталог и публикации получили согласованную структуру.
От категории к подробной карточке товара
В категории предусмотрены описание группы, ссылки на подкатегории, сортировка и сетка товаров. Фильтр в боковой колонке помогает сузить ассортимент по представленным параметрам. Фотографии, названия и цены собраны в карточках списка, чтобы посетитель мог просматривать варианты в пределах выбранного раздела.
На странице товара мы оформили крупную фотографию упаковки, миниатюры, цену и действия покупки. Ниже расположен развёрнутый текст с изображениями и отдельными смысловыми разделами. Этот формат позволяет представить не только внешний вид товара, но и информацию о составе и особенностях конкретной позиции. Блоки сопутствующих и популярных товаров дополняют просмотр; интерфейс корзины представлен таблицей с количеством, ценами и итоговой суммой.
Интеграция и программирование
Готовую вёрстку интегрировали с Webasyst Shop-Script. Установленные модули адаптировали к общему оформлению магазина; также выполнили программирование в рамках проекта. Визуальные элементы каталога, карточки товара, информационных разделов и корзины объединили в одну витрину. Кейс показывает создание магазина травяных чаёв, в котором товарная навигация сочетается с подробными описаниями и материалами о продукции.
Другие проекты и разработка сайта
Посмотрите разработку магазина продуктов питания «ЧиполлиноNET» и разработку магазина рыбалки и туризма QuickFish в нашем портфолио сайтов.
Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.