Перейти к содержимому
Обсудить проект
Главная/Кейсы/Разработка интернет-магазина снабжения «Контур»
Кейсы/РАЗРАБОТКА САЙТОВ
CASE / 24
ИНТЕРНЕТ-МАГАЗИН60+ брендов напрямую от производителей · Каталог из 12+ разделов · Заявка на расчёт по спецификации

Интернет-магазин инженерного оборудования «Контур»

Трубопроводная арматура, насосы, котельное оборудование и метизы для строителей и промышленных предприятий. Собрали витрину: одни находят позицию сами через каталог, другие присылают спецификацию и получают готовый расчёт.

Клиент
«Контур»
Отрасль
Инженерное оборудование
Формат
Интернет-магазин
Год
2026
kontur
Главная страница интернет-магазина инженерного оборудования «Контур»
// Заказчик и задача

Что нужно было решить

«Контур» - группа компаний, которая поставляет инженерное оборудование для строительства, промышленности и инфраструктуры с 2006 года. С компанией работают 18 000+ заказчиков, поставлено больше 100 000 единиц оборудования, а закупки идут напрямую у производителей: Grundfos, Danfoss, Wilo, K-FLEX и ещё 60+ брендов без наценки посредника.

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

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

// Детали разработки

Три опоры для каталога такого масштаба

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

Навигация

Больше десятка верхнеуровневых разделов раскрываются в мегаменю с разбивкой на подкатегории. У радиаторов, например, ещё и деление по материалу: алюминий, биметалл, сталь, чугун.

Фильтры

Внутри раздела список сужается по бренду, материалу корпуса и цене - ползунок диапазона пересчитывает результат сразу, без перезагрузки страницы.

Заявка

Форма с прикреплением файла принимает спецификацию целиком, а не набор артикулов. Дальше расчётом занимается менеджер, а не покупатель сам с калькулятором.

kontur
Мегаменю каталога с разделом «Отопление» и подкатегориями по материалу радиаторов
kontur
Листинг раздела «Насосы» с фильтрами по бренду, материалу и цене
// Карточка товара

В наличии или под заказ - видно сразу

Цена и остаток стоят над кнопками, а не где-то в описании. Ниже - галерея, кнопки «В корзину» и «Купить сейчас», категория в хлебных крошках и вкладки «Детали» и «Отзывы».

kontur
Карточка товара: воздухоотводчик Itap, цена, наличие и кнопки заказа
// Заявка на расчёт

Форма для тех, кто ещё не выбрал позицию

Форма всплывает и с главной страницы, и из карточки товара. Короткий вариант - только телефон и имя - обещает перезвонить за пять минут. Если приложить файл со спецификацией и написать комментарий, расчёт под проект придёт в течение одного рабочего дня.

kontur
Всплывающая форма «Отправьте спецификацию - рассчитаем проект» с полями телефона, имени, комментария и прикреплением файла
// Доверие

Прямые контракты вместо обещаний

Партнёрство с производителями вынесено логотипами в отдельный блок: КПСР, АДЛ, Wester, Wellmix, Tukker. Работает как простое доказательство - в цене нет накрутки посредника, потому что посредника попросту нет.

Раздел «Прямые контракты» с логотипами производителей КПСР, АДЛ, Wester, Wellmix, Tukker
// Реализованные объекты

Не поставщик деталей, а участник проекта

«Контур» встраивается в проект клиента на всех этапах: от подбора оборудования и переговоров с производителями до контроля сроков поставки и сопровождения до результата. Среди объектов - аэропорты в Магадане и Хабаровске, курорт «Манжерок» и оснащение Федерального центра нейрохирургии.

kontur
Блок «Реализованные объекты»: аэропорт Магадан, курорт Манжерок, аэропорт Хабаровска, Федеральный центр нейрохирургии
// О компании

Двадцать лет на рынке инженерных поставок

Раздел «О нас» и страница контактов показывают масштаб компании и объясняют, почему заявку можно оставить без звонка на разведку.

Блок «Группа компаний Контур»: с 2006 года, 18 000+ клиентов, 100 000+ единиц оборудования
Раздел 01
Группа компаний с 2006 года
Страница «О нас»: «Для тех, кто выбирает результат. Подбор оборудования. Поставка. Монтаж»
Раздел 02
«Для тех, кто выбирает результат»
Страница контактов: офисы в Москве, Барнауле и Новосибирске
Раздел 03
Офисы в трёх городах
// Причины выбора

Четыре причины на отдельном экране

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

Блок «Причины, по которым нас выбирают»: быстро, надёжно, профессионально, выгодно
// Мобильная версия

Тот же каталог, без урезаний

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

Мобильная версия: список категорий каталога
Мобильная версия: карусель акций и бонусных программ
Мобильная версия: форма заявки на расчёт проекта
Мобильная версия: карусель категорий товаров на главной
// Функционал

Что зашито в интерфейс

Магазин закрывает весь цикл: от поиска позиции в каталоге до заявки на проект и связи с ближайшим офисом.

Каталог
Двенадцать с лишним верхнеуровневых разделов
Подкатегории по материалу и бренду
Мегаменю с превью раздела
Карточка товара
Цена и остаток над кнопками заказа
Галерея и кнопки «В корзину» / «Купить сейчас»
Вкладки «Детали» и «Отзывы»
Поиск и фильтры
Поиск по каталогу из шапки сайта
Фильтр по бренду и материалу корпуса
Ползунок цены и сортировка списка
Заявка на проект
Прикрепление файла спецификации
Согласие на обработку данных
Звонок за 5 минут или расчёт за рабочий день
Личный кабинет
Регистрация и личный кабинет
Акции и бонусные программы
Избранное и корзина в шапке
Офисы и контакты
Единый номер по всей России
Отдельные телефон и почта на офис
Кнопка «Показать на карте»
// Цвет и типографика

Инженерная строгость без серости

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

Типографика
Mulish
Заголовки, интерфейс и текст на одной гарнитуре

Один гротеск держит и крупный h1 на главной, и мелкие подписи в таблице каталога - без переключения на вторую гарнитуру для длинных описаний.

#006E96
Бренд и ссылки
#E4462D
Кнопки действия
#6B6B6B
Вторичный текст
#F5F6FA
Фон разделов
// Результат

Что получил клиент

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

18 000+
компаний работают с «Контуром»
100 000+
единиц оборудования поставлено
60+
брендов-производителей напрямую
20 лет
на рынке инженерных поставок
Услуга: интернет-магазин Хочу так же! Ещё кейс
// Вопросы по кейсу

Частые вопросы

Сколько стоит разработка интернет-магазина инженерного оборудования?

Разработка интернет-магазина в PivotPoint начинается от 250 000 ₽, итоговая смета зависит от объёма каталога и функционала. В проекте «Контур» в работу вошли каталог из полутора десятков разделов с подкатегориями по материалу и бренду, фильтры по цене, карточка товара с остатками и статусом заказа, форма заявки на расчёт с прикреплением спецификации и личный кабинет с бонусными программами.

Как сайт помогает клиенту, который не знает точный артикул под проект?

Часть покупателей «Контура» приходит не с артикулом, а с проектной задачей, под которую оборудование ещё нужно подобрать. Для них рядом с каталогом стоит форма заявки: можно приложить файл спецификации и получить расчёт от менеджера, а не разбираться в позициях самостоятельно.

Как устроена навигация в каталоге на десяток с лишним категорий?

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

Как на сайте закрывают доверие к поставщику инженерного оборудования?

У «Контура» прямые контракты с производителями - Grundfos, Danfoss, Wilo, K-FLEX и ещё десятки брендов, а значит цена без наценки посредника. Отдельный блок показывает реализованные объекты вроде аэропортов в Магадане и Хабаровске и курорта «Манжерок», а страница «О нас» - историю компании с 2006 года.

Что с мобильной версией у интернет-магазина с таким большим каталогом?

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

// Похожие кейсы

Ещё кейсы в категории «Разработка»

РАЗРАБОТКА САЙТА
Сайт строительной компании «АСК»
РАЗРАБОТКА САЙТА
Сайт коттеджного посёлка «МилленБург»
ИНТЕРНЕТ-МАГАЗИН
Интернет-магазин техники «Айпарк»
// Услуга по этому кейсу

Работы из этого кейса входят в услугу «Продающие сайты» направления «Разработка».

Услуга «Продающие сайты» Направление «Разработка»
// Обсудить проект

Хотите такой же результат?

Оставьте контакты: бесплатно разберём вашу задачу, покажем цифры по вашей нише и предложим план работ. Без обязательств.

Перезвоним в течение 15 минут в рабочее время.

×
// Заявка

Обсудить проект

Оставьте контакты. Перезвоним в течение 15 минут, обсудим задачу и предложим решение. Без обязательств.

Нажимая кнопку, вы соглашаетесь с политикой обработки персональных данных.