Каталог услуг по ремонту квартир

TL;DR

Компания по ремонту квартир хотела структурировать свои услуги в удобном каталоге с фильтрами и калькулятором стоимости. За 14 дней создали каталог + интеграцию с Bitrix24.

Задача

Компания предоставляет десятки услуг: от косметического ремонта до полной перепланировки. Клиенты терялись в прайс-листе Excel.

Требования:

• Каталог услуг с фильтрами (тип работ, помещение, срок)
• Калькулятор предварительной стоимости
• Форма заявки на каждой услуге
• Интеграция с Bitrix24 (автосоздание сделок)
• Портфолио выполненных работ

Ограничения:

• Бюджет 140 000 ₽
• Запуск к началу сезона (через 2 недели)
• Возможность самостоятельно добавлять услуги

Решение

1. Архитектура каталога

• Структура: Категории → Подкатегории → Услуги
• Фильтры: тип помещения, вид работ, стоимость, срок
• Карточка услуги: описание, цена от/до, срок, примеры работ
• Headless CMS (Contentful) для удобного управления

2. Калькулятор стоимости

• ИИ проанализировал прайс и создал формулы расчёта
• Интерактивный калькулятор на React
• Учёт: площадь, тип работ, сложность, срочность
• Результат сразу → форма заявки

3. Интеграции

• Bitrix24 webhook: автосоздание сделки + контакт
• Поля передаются: услуга, площадь, бюджет, контакты
• Telegram-уведомление менеджеру
• Яндекс.Метрика + цели

4. Портфолио

• Раздел «Наши работы» с фильтрами
• Карточки проектов: фото до/после, описание, срок, стоимость
• Возможность заказать аналогичную услугу

Результат

За первые 2 месяца:

• 4800 посетителей
• 140 заявок через формы
• 68 заявок через калькулятор
• Конверсия калькулятора: 11,2%

Обратная связь:

• Клиенты отмечают удобство калькулятора
• Менеджеры получают структурированные заявки
• Время обработки заявки сократилось на 40%

Технические показатели:

• Аудит производительности: отлично
• Скорость загрузки: 1.4 секунды
• 60+ услуг в каталоге
• Среднее время на сайте: 3:20

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

Технологии

• Frontend: Next.js 14, React 18, TailwindCSS
• CMS: Contentful (headless)
• Интеграции: Bitrix24 API, Telegram Bot
• Калькулятор: React + Zod validation
• Хостинг: Vercel
• База данных: Contentful

Особенности реализации

Калькулятор стоимости

• Многоэтапная форма (тип работ → помещения → параметры)
• Динамический пересчёт в реальном времени
• Сохранение расчёта в URL (можно поделиться)
• Экспорт расчёта в PDF

Система фильтров

• Фильтры по категориям, цене, срокам
• Сохранение выбранных фильтров в URL
• Быстрый поиск по названию услуги
• Сортировка: по популярности, цене, срокам

Что было сделано людьми

• Структура каталога и фильтров (аналитик)
• Логика калькулятора (разработчик + клиент)
• Интеграция с Bitrix24 (разработчик)
• Обработка фотографий портфолио (дизайнер)
• Тестирование калькулятора (QA)

Что сделал ИИ

• Анализ прайс-листа и создание структуры
• Генерация описаний услуг
• Создание формул для калькулятора (базовые)
• Генерация мета-тегов для SEO