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