Создание магазина эндоскопического оборудования ЭНДОМАГАЗИН




О проекте
Для ЭНДОМАГАЗИН Quadro Design разработала интернет-магазин эндоскопического оборудования с нуля на Webasyst Shop-Script. Проект объединяет специализированный каталог медицинской техники и материалы о компании. Мы создали дизайн, выполнили вёрстку и интегрировали вёрстку и плагины в Webasyst. В галерее представлены главная, страница категории и два состояния карточки оборудования.
Каталог по направлениям оборудования
В структуре магазина выделены лапаро- и торакоскопия, риноскопия, артроскопия, цистоскопия и трансуретральная резектоскопия. Основное меню раскрывает дополнительные группы, включая инструменты, оборудование и оптику. На странице категории левый блок сохраняет навигацию и содержит фильтры, а центральная область отведена сетке товаров.
Карточки в каталоге показывают фотографию, название и цену оборудования. Над списком расположены элементы сортировки и переключения представления, внизу — постраничная навигация. Такая структура отделяет выбор направления от изучения отдельных изделий и помогает сохранять контекст категории при просмотре ассортимента.
Карточка оборудования с двумя видами информации
Для товарной страницы разработана композиция с крупным изображением и дополнительными миниатюрами. Рядом находится информационная область с вкладками. В одном макете раскрыто описание источника света, в другом — таблица характеристик. Технический текст и параметры представлены разными способами, но используют общее пространство страницы.
Ниже показаны сопутствующие и похожие товары. Карточка сохраняет шапку, меню направлений и общие информационные секции магазина. Посетитель может изучить конкретное оборудование и затем продолжить просмотр, оставаясь в той же структуре каталога. Фотографии приборов размещены на светлом фоне, отдельно от текстовых пояснений.
Визуальная система и интеграция в Webasyst
Основная палитра сочетает белый, бирюзовый и тёмно-синий цвета. В шапке использована фотография медицинской тематики, а в контенте — светлые поля для продукции и текста. На главной предусмотрены презентационный баннер, рассказ о компании, блок преимуществ, последние поступления, новости и информационные материалы. Логотипы производителей формируют отдельную секцию нижней части страницы.
Мы сверстали главную, каталог и карточку, затем интегрировали оформление в Webasyst Shop-Script вместе с плагинами. При сборке связали дизайн навигации, поиска и товарных блоков с данными платформы. Для описаний и характеристик сохранили различную подачу, чтобы объёмная техническая информация оставалась последовательной.
Результат — специализированный интернет-магазин с индивидуальным дизайном и подробным представлением оборудования. Галерея демонстрирует переход от общей витрины к категории и карточке товара, а также визуальное разделение описания и технических параметров.
Другие проекты и разработка сайта
Посмотрите разработку сайта стоматологической клиники Londra Dent и разработку магазина профессиональной косметики Nayiada в нашем портфолио сайтов.
Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.