пример 1
пример 2

Интернет-магазин газовых котлов: каталог, корзина и сервис

UX/UI Design
Programming
SEO & SMM
Development
Покупатель сравнивает серию и мощность, смотрит цену и оформляет заказ. Пока на сайте только форма «перезвоните» без характеристик и корзины, выбор уходит к дилеру, где модель уже можно купить и понять, кто поставит и обслужит.
Сначала линейки, карточка и заказ

С чего начинается сайт магазина газовых котлов

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

Что должно быть на сайте под ключ

За минуту видно бренд или специализацию, основные линейки и как купить. Главная ведёт к моделям, а не к длинному тексту о компании. Категории и карточки держат сравнение: мощность, тип контура, цена, коротко чем серия отличается.
Заказ собирается в корзине, без обязательного звонка на каждый шаг. Рядом с продажей держат сервисный контур: монтаж, пусконаладка, запчасти, документация. Покупатель видит цикл после покупки котла, а не только витрину с фото.
01. Главная с линейками и входом в каталог
02. Категории и карточки с характеристиками
03. Корзина и оформление заказа
04. Монтаж, сервис, документация и запчасти
Что отличает нишу

Особенности сайта магазина газовых котлов

мощный старт с гарантией качества

Выбор по мощности и серии

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

мощный старт с гарантией качества

Характеристики до менеджера

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

мощный старт с гарантией качества

Покупка на сайте, не только заявка

Для магазина бренда или дилера корзина и заказ ожидаемы. Одна кнопка «перезвоните» подходит витрине услуг, не каталогу с ценами. Путь до оформления должен быть коротким и с телефона: модель часто смотрят с объекта или из мессенджера.

мощный старт с гарантией качества

Сервис в том же контуре

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

Кейс: Rinnai

Как это выглядит на реальном проекте
Для официального представителя японских газовых котлов Rinnai на rinnai.spb.ru создали интернет-магазин на MODx + miniShop2. Главная фишка — каталог с крупными карточками и полной характеристикой модели: клиент сравнивает серии и мощность до звонка и сразу оформляет заказ в корзине.
Собрали витрину под бренд: светлая минималистичная главная без лишнего шума, акцент на моделях и статусе Rinnai
Категории и карточки сделали прикладными: большие фото, описание, характеристики, покупка и сопутствующие товары в одном экране
Подключили корзину и путь к заказу на сайте
Добавили сервисный контур рядом с продажей: сервис, монтаж, запчасти
Наши преимущества

Почему заказчики выбирают нас

01.
Понимаем боли бизнеса, а не просто «делаем сайты»
Знаем, что заказчик боится получить «красивую картинку», которая не приносит заявок. Поэтому каждый проект начинается с вопроса: «Какую бизнес-задачу должен решить сайт?», а не с выбора шаблона.
02.
Прозрачный процесс и фиксированная смета
Вы видите каждый этап работы: от прототипа до запуска. Смета фиксируется в договоре, сроки реалистичны.
03.
Опыт в разработке сложных проектов
Много лет работаем с корпоративными сайтами, интернет-магазинами, порталами и B2B-ресурсами. Понимаем специфику сложной структуры, каталогов, интеграций и многоязычности.
04.
SEO-основа на этапе разработки
Не «прикручиваем SEO потом», закладываем его в структуру, URL, метатеги и контент с самого начала. Это экономит вам месяцы продвижения и деньги на переделках.
Пошаговый процесс

Как создаём сайт

Шаг №1
01.

Анализ и планирование

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

Проектирование структуры и прототипов

На этом этапе формируется карта сайта: главная страница, разделы услуг или каталог, портфолио, блог, контакты. Создаются прототипы ключевых страниц, где продумывается навигация, расположение блоков и логика переходов пользователя. Заказчик утверждает структуру до начала дизайна. Это исключает переделки на поздних стадиях.
Шаг №3
03.

Дизайн и согласование макетов

Разрабатывается визуальная концепция: цветовая схема, типографика, стиль изображений. Создаются макеты главной и внутренних страниц в Figma. Каждый макет согласуется с заказчиком. После утверждения дизайн передаётся в вёрстку. На этом этапе закладывается адаптивность под смартфоны, планшеты и десктопы.
Шаг №4
04.

Дизайн внутренних страниц и каталога

Каждая внутренняя страница решает свою задачу: продажа услуги, демонстрация кейса, публикация статьи. Создаются шаблоны, которые легко масштабируются на десятки страниц. Это ускоряет разработку и обеспечивает единообразие оформления.
Шаг №5
05.

Вёрстка и программирование

Макеты превращаются в код: HTML, CSS, JavaScript. Выполняется интеграция с CMS, чтобы заказчик мог самостоятельно управлять контентом. Настраиваются формы заявок, CRM, 1С и платёжные системы. Проводится базовая SEO-оптимизация: метатеги, микроразметка, скорость загрузки, структура URL. Сайт получает техническую основу для продвижения.
Шаг №6
06.

Наполнение контентом и SEO-настройка

Страницы заполняются текстами, изображениями и документами. Контент оптимизируется под поисковые запросы: заголовки, описания, alt-теги. Настраивается аналитика: Яндекс.Метрика, Google Analytics, цели и события. Формируется карта сайта для поисковых систем. Это позволяет сайту начать привлекать трафик сразу после запуска.
Шаг №7
07.

Тестирование и запуск

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

Часто задаваемые вопросы

01.Чем такой магазин отличается от сайта монтажной компании?

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

02.Нужен ли подбор котла по площади?

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

03.Что обязательно в карточке котла?

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

04.Как показать отличие конденсационных от обычных?

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

05.Стоит ли выносить запчасти в отдельный каталог?

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

06.Как быть с ценой «от» и комплектацией?

Если цена зависит от обвязки, в карточке честно пишут базу и что входит. Скрытая цена при живом наличии моделей снижает доверие. Допы лучше показывать как сопутствующие товары в том же экране.

07.Официальный дилер: что показать сверх каталога?

Статус представительства, регион, сервисный центр, гарантийные условия. Без этого сайт выглядит как серая витрина. Блок доверия рядом с новинками и хитами закрывает сомнение до корзины.

Остались вопросы?
Отвечаем на заявки за 15 минут