Создание интернет-магазина запчастей AutoSide на Webasyst

О проекте

AutoSide — интернет-магазин запчастей для спецтехники и сельскохозяйственной техники, представленный в портфолио адресом autoside.com.ua. Сайт создали с нуля: подготовили дизайн, выполнили вёрстку и интегрировали её в Webasyst Shop-Script. Дополнительные элементы торгового интерфейса оформили в общей стилистике проекта.

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

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

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

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

Карточка детали и интеграция в Shop-Script

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

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

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

Результат разработки

AutoSide получил специализированную витрину, в которой структура каталога соответствует ассортименту запчастей. Индивидуальный дизайн связал поиск, выбор раздела, изучение детали и торговые действия. Проект показывает подход к созданию интернет-магазина технических товаров на Webasyst: подробные сведения о продукции включены в понятную систему страниц Shop-Script.

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

Посмотрите разработку Торгового дома «Эспада» и разработку магазина видеонаблюдения ARGOSYSTEM в нашем портфолио сайтов.

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