Создание интернет-магазина кованых ножей «Кузница Назарова»
О проекте
Интернет-магазин «Кузница Назарова» представляет производство и продажу кованых ножей. Для сайта nazarklinok.ru студия Quadro Design создала проект с нуля: разработала дизайн, выполнила вёрстку, интегрировала её в Webasyst Shop-Script и оформила интерфейсы дополнительных функций. Особое внимание уделили каталогу, где фотографии изделия должны соседствовать с характеристиками, а переход к заказу оставаться доступным при разных способах просмотра товаров.
Оформление каталога и навигации
Для проекта использован тёмный фон, спокойные текстовые акценты и яркие кнопки действий. В верхней части размещён оформленный баннер бренда. Основное пространство разделено на боковую навигацию и товарную область; фотографии ножей выделены на отдельных карточках. На странице категории рядом с изображением представлены название, параметры и цена изделия. Такая композиция позволяет рассматривать внешний вид и сопоставлять сведения о товарах в пределах одного экрана каталога.
Вёрстка выполнена для ширины сайта 1120 пикселей. В рамках проекта использованы HTML5 и CSS3, обеспечено отображение в Opera, Mozilla Firefox, Internet Explorer, Chrome, Safari и Яндекс Браузере, а также на iPad, iPhone и устройствах Android. Указанная ширина относится к этому проекту и определяет основу его композиции.
Интеграция Webasyst и выполненные доработки
Подготовленные шаблоны интегрировали в функционал Webasyst. В состав работ вошли разделы «Магазин», «Сайт» и «Блог», а также все бесплатные плагины Webasyst. Их интерфейсы согласованы с общим оформлением магазина. Дополнительно выполнили следующие работы:
- Сверстали плагин фотографий категорий.
- Сверстали плагин корзины с оформлением заказа в один шаг.
- Разработали дизайн страницы категории.
- Разработали дизайн корзины и страницы оформления заказа.
- Сверстали интерфейс плагина быстрого просмотра товара.
- Выполнили вёрстку выпадающих фотографий в категориях.
- Подготовили второй вариант отображения товаров в категории.
- Реализовали выпадающее меню категорий в боковой панели.
Два представления товаров и единое оформление заказа
Галерея проекта показывает варианты каталога с сеткой и списком товаров. В сетке изделия расположены рядом; в списке фотография и характеристики занимают более широкую строку. Второе представление позволяет по-другому распределить информацию, сохранив общую структуру страницы. Быстрый просмотр и выпадающие изображения дополняют этот сценарий: фотографии доступны непосредственно во время работы с каталогом.
Корзина оформлена в той же тёмной теме. В одном пространстве собраны состав заказа, данные покупателя, выбор доставки и оплаты. Это отдельная часть выполненных работ, включавшая и дизайн, и вёрстку соответствующего плагина. Кейс «Кузница Назарова» демонстрирует создание специализированной витрины на Shop-Script с несколькими способами просмотра ассортимента и детально оформленным переходом от каталога к отправке заказа.
Другие проекты и разработка сайта
Посмотрите разработку магазина рыбалки и туризма QuickFish и разработку магазина автотюнинга CARLIGHT в нашем портфолио сайтов.
Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.