Разработка интернет-магазина ARGOSYSTEM — системы безопасности

О проекте

ARGOSYSTEM — интернет-магазин систем безопасности и видеонаблюдения. Для проекта создали сайт с нуля на Webasyst и Shop-Script: разработали дизайн, выполнили вёрстку и интегрировали оформление вместе с плагинами в платформу магазина.

Витрина объединяет несколько направлений оборудования. На главной представлены комплекты видеонаблюдения, видеодомофоны и отдельные камеры. Для такого ассортимента важны понятное разделение каталога и возможность перейти от общего направления к конкретным товарам.

Задача и структура витрины

В верхнее меню вынесли разделы «СКУД», «ОПС», «Видеонаблюдение», «СКС» и «Кабельная продукция». Раскрывающийся список показывает более подробные группы оборудования: контроллеры, считыватели, сетевые и автономные системы. Такая организация задаёт два уровня навигации — основные направления и вложенные категории.

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

Дизайн и представление товаров

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

Товарная область разделена на «Новинки», «Хиты продаж» и «Спецпредложения». Изображения оборудования размещены на нейтральных светлых полях. Под ними находятся названия, крупные цены, зачёркнутые значения и кнопки покупки и сравнения. Тонкие границы между карточками сохраняют регулярную сетку и отделяют одно предложение от другого.

Разработка на Webasyst и Shop-Script

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

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

Итог проекта

Результат — интернет-магазин ARGOSYSTEM с разработанным дизайном и интеграцией на Webasyst. Проект объединяет навигацию по направлениям оборудования, поиск, товарные подборки и привычные действия покупки в одной витрине.

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

Посмотрите разработку Торгового дома «Эспада» и разработку магазина гаджетов NN-Market в нашем портфолио сайтов.

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