Создание интернет-магазина «Коллектор библейской книги» на Webasyst

О проекте

«Коллектор библейской книги» — книжный интернет-магазин kbk.ru. Для проекта создали сайт с нуля на Webasyst и Shop-Script: разработали дизайн, выполнили вёрстку, интегрировали страницы в магазин и подготовили оформление дополнительных модулей. В центре витрины — каталог изданий с обложками, описаниями и ценами.

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

Дизайн и структура книжного каталога

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

Главную страницу организовали вокруг подборок новых и избранных изданий. Дополнительно предусмотрели новости и форму подписки. Каталог подготовили в двух представлениях: сетка помогает быстро просмотреть обложки, а список оставляет больше места для названия и поясняющего текста. Цветные отметки на книгах выделяют отдельные предложения внутри подборки.

Карточка книги, корзина и разработка

Страница издания объединяет изображение, сведения о книге, цену и действие добавления в корзину. Ниже разместили описание и подборки других книг. Такое расположение сохраняет подробную информацию на странице товара и позволяет продолжить просмотр каталога без возврата к главной.

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

Результат проекта

Получился книжный интернет-магазин с единым оформлением основных страниц: от знакомства с подборками до просмотра конкретного издания и корзины. Каталог, сведения о книгах и редакционные материалы собраны в одной структуре. Этот проект показывает наш подход к созданию магазина литературы: дизайн учитывает особенности ассортимента, а вёрстка и дополнительные модули становятся частью работающей витрины Shop-Script.

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

Посмотрите разработку многопрофильного магазина ISPIRA.RU и разработку магазина косметики LoveOrganic в нашем портфолио сайтов.

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