MVP-редизайн интернет-магазина

Instrument Shop: редизайн каталога производителя манометров и КИП

Демо-редизайн каталога производителя КИП (манометры, преобразователи давления, уровнемеры, реле защиты, солнечные панели) на Astro и Tailwind CSS — 201 товар в 5 категориях, фильтры по цене и диаметру корпуса, сравнение и избранное, карточка товара с рейтингом/отзывами и две формы заявки.

DemoMVP-редизайн интернет-магазина
  • Astro
  • Tailwind
  • E-commerce
Открыть Instrument Shop ↗

Проблема

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

Тяжёлая и запутанная структура старого магазина заставляла тратить время на поиск нужного прибора вместо того, чтобы сразу перейти к заявке — а в B2B-покупке вроде «манометр для котельной» скорость и точность фильтра значат больше, чем оформление главной страницы.

Каталог на 201 товар с фильтрами по техническим параметрам

Демо-редизайн собран для производителя КИП — пять категорий (манометры, преобразователи давления, солнечные панели, уровнемеры, реле защиты), 201 товар, фильтр по цене, диаметру корпуса и категории, сортировка по цене и названию, поиск по каталогу, а также избранное и сравнение прямо с карточки товара в списке.

Каждая карточка сразу показывает диаметр корпуса и цену — или «цена по запросу» для позиций без фиксированной стоимости — параметры, которые инженеру важно увидеть до перехода на страницу товара, а не после.

Карточка товара: рейтинг, отзывы и заявка вместо простого «купить»

Страница товара — не только «добавить в корзину», а сборка из технического описания, диаметра корпуса, рейтинга и отзывов покупателей (например, 4.8 из 47 отзывов с датами и текстом от заказчиков вроде ООО «ТеплоСервис»), сертификатов и значков оплаты (UZCARD, HUMO, VISA, безналичный расчёт).

Рядом с «Добавить в корзину» есть форма «Оставить заявку» — запрос цены и наличия конкретной модели, а на любой странице доступен виджет «Заказать звонок» с обещанием перезвонить в течение 15 минут. Это осознанное решение: часть позиций продаётся по цене «по запросу», и для B2B-покупателя короткая заявка часто быстрее самостоятельного чекаута.

Результат

Публичная демо-версия работает на тестовых данных без раскрытия данных реального клиента, но воспроизводит масштаб реального B2B-магазина: 201 товар, 5 категорий, отдельные страницы услуг (производство КИП, изготовление под заказ, ремонт и калибровка), документы и способы оплаты — а не только визуальный редизайн главной страницы.

Двуязычный интерфейс (RU/UZ) и фокус на скорость закрывают то, что нужно региональному B2B-магазину промышленного оборудования: понятная фильтрация по техническим параметрам и короткий путь от карточки товара до заявки, без лишних шагов.

Другие кейсы

Flex Convert: конвертер валют и инженерных величин как отдельный продукт

Flex Convert: конвертер валют и инженерных величин как отдельный продукт

Самостоятельный веб-конвертер на 10 разделов величин — валюта с ежедневными курсами и настраиваемым списком валют, плюс давление, температура, длина, вес, площадь, объём, скорость, время и энергия — с отдельным калькулятором и SEO-гайдами.