Создание интернет-магазина запчастей Glavmag
О проекте
Quadro Design создала с нуля интернет-магазин Glavmag на Webasyst Shop-Script. Проект посвящён запчастям и комплектующим для ноутбуков, планшетов, телефонов и другой техники. В состав работ вошли индивидуальный дизайн, вёрстка, интеграция вёрстки и плагинов в Webasyst. Основой интерфейса стал каталог, в котором разные группы деталей представлены через текстовую навигацию и фотографии.
Структура магазина комплектующих
Для технического ассортимента важно быстро отделить нужный тип изделия от соседних категорий. В левой колонке размещено постоянное меню: матрицы для ноутбуков и планшетов, клавиатуры, запчасти для телефонов, видео- и фототехники, бытовой техники, радиодетали и инструменты. В центральной зоне основные направления повторены плитками с изображениями.
Над каталогом находятся поиск и контактный телефон. Шапка также содержит информационные ссылки и элементы корзины. В макетах показано раскрытие меню категорий: дополнительные направления появляются рядом с выбранным пунктом. Товарные карточки имеют отдельное состояние наведения, что позволяет рассмотреть подачу действий внутри витрины, а не только статичную сетку предложений.
Дизайн с жёлтыми акцентами
В оформлении использованы тёмная шапка, белая рабочая область и жёлтые заголовки боковых блоков. Эта палитра повторяется в логотипе, поиске и кнопках покупки. Фотографии матриц, клавиатур и других деталей сохраняют нейтральное окружение. В товарных подборках название, цена и действие заказа расположены последовательно под изображением.
Главная включает популярные товары, блок брендов и видеоматериал о ремонте техники. В боковой колонке предусмотрены отзывы пользователей, новости и полезные материалы. Эти секции поддерживают тематику магазина для покупателей комплектующих и мастеров, не смешивая справочную информацию с ценами и товарными действиями. В нижней части собраны контакты, сведения о компании и ссылки личного кабинета.
Вёрстка, состояния элементов и интеграция
Мы перенесли дизайн в вёрстку и интегрировали её с Webasyst Shop-Script вместе с плагинами. При сборке согласовали каталог, поиск, товарные блоки, корзину и информационные секции. Галерея содержит варианты страницы для нескольких ширин, а также раскрытое меню и состояние товарной карточки при наведении. Общие элементы выдержаны в одном визуальном стиле.
Glavmag получил индивидуальную витрину для продажи запчастей. В кейсе представлены макеты страниц и презентационные изображения сайта на мониторах, ноутбуке, планшетах и телефоне. Они показывают композицию проекта, оформление каталога и подачу технического ассортимента. Основное внимание в разработке уделено навигации по группам комплектующих и последовательному представлению товарной информации.
Другие проекты и разработка сайта
Посмотрите разработку магазина гаджетов COOLKEEN и разработку магазина автотюнинга CARLIGHT в нашем портфолио сайтов.
Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.