Клиентский проект · индивидуальная разработка

CAP Service Pro

Сайт ремонтной компании в Торонто

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

Посмотреть сайт

Клиент: CAP Service Pro, Торонто
Объём: Индивидуальная разработка, вне стандартных пакетов
Роль: Дизайн, разработка, настройка сервера и запуск
Статус: Работает на capservicepro.com
Технологии: Astro · TypeScript · Node.js · OpenAI API · Slack

CAP Service Pro на телефоне: кнопка записи и номер телефона.

Исходная задача

Один подрядчик, три направления и клиенты, которым помощь нужна сегодня.

CAP Service Pro ремонтирует бытовую технику, отопление и кондиционеры, оборудование бассейнов и джакузи, для частных домов и для бизнеса. Обычно сайт мастерской посвящён одному направлению, а цену узнают по телефону. Здесь нужно было показать все три направления, назвать цену выезда до записи и дать людям задать вопрос, не дожидаясь звонка.

Моя роль и объём работ

Структура и тексты сайта вместе с владельцем
Дизайн и разработка всех страниц
Сервис заявок и ИИ-чат с передачей в Slack
Сервер, домен, HTTPS и автоматическая выкладка

Решения

Три направления и один понятный путь

У каждого направления свой список техники и своя кнопка заявки. Для бизнеса — отдельный блок с запросом сметы.

Цена до выезда

Фиксированная диагностика за $99, гарантия и четыре шага (заявка, диагностика, смета, ремонт) стоят до формы.

Записаться, написать, позвонить или спросить в чате

Онлайн-запись через Housecall Pro, форма с фото, телефон в одно касание и ИИ-ассистент.

Зона обслуживания с первого взгляда

Карта на 50 км вокруг центра Торонто и 18 городов, которые в неё входят.

Технологии и инструменты

Astro: Статические страницы, которые быстро открываются с телефона.
Node.js: Два небольших сервиса: заявки на почту компании и чат.
OpenAI API: Ответы на частые вопросы в чате.
Slack: Команда видит каждый чат и может в нём ответить.
GitHub Actions + nginx: Каждый пуш сам выкладывается на сервер компании.

Нестандартные решения

ИИ-чат, за которым есть люди
Ассистент отвечает на частые вопросы и принимает заявки. Каждый разговор появляется в канале Slack, где сотрудник может вмешаться и ответить в том же чате.
Форма, которая работает и без скриптов
Если JavaScript выключен, форма открывает письмо в компанию, а телефон по-прежнему в одно касание.

Что работает после запуска

Сайт работает на capservicepro.com.
Клиент переходит в Housecall Pro и записывается через сервис, которым уже пользуется компания.
Заявки с формы приходят на почту компании, чаты — в Slack команды.

Путь заявки

Форма заявки CAP Service Pro: тип техники, тип объекта, контакты и загрузка фото.

01
Посетитель выбирает технику и тип объекта, оставляет контакты и может приложить фото.
02
Сайт проверяет поля перед отправкой, поэтому заявка приходит полной.
03
Заявка приходит на почту компании, и команда отвечает клиенту.