Создание интернет-магазина коллекционных монет Best-coins

О проекте

Best-coins — интернет-магазин коллекционных монет. Для проекта выполнили дизайн, вёрстку, интеграцию с Webasyst и Shop-Script, установку модулей и оформление их интерфейсов. Сайт создан с нуля как тематическая витрина с подробным каталогом и отдельными карточками нумизматических товаров.

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

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

Светлая основа дополнена фоновым орнаментом и голубыми элементами управления. Красным выделены цены и заголовки боковых блоков, зелёным — дополнительные ценовые условия. Скруглённые панели отделяют каталог, фильтры, новости и информационные ссылки.

В шапке расположены логотип, поиск, телефон и корзина. Боковое меню распределяет товары по странам и историческим периодам; отдельные пункты предусмотрены для аксессуаров, банкнот и оптового направления. Раскрытая панель показывает вложенные разделы и годы.

• Страница категории с описанием и ссылками на подкатегории.
• Фильтр по цене, году издания и другим параметрам монеты.
• Сортировка, выбор количества товаров на странице и постраничная навигация.
• Товарные карточки с ценой, количеством, кнопкой покупки и диагональными отметками.

Подробная страница монеты

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

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

Корзина и интеграция

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

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

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

Посмотрите разработку «Золотого монетного дома» и разработку книжного интернет-магазина КБК в нашем портфолио сайтов.

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