Разобрать процесс

Кейс · Сайты и веб-приложения

Конфигуратор душевых перегородок: живой SVG-чертёж и расчёт в Telegram

Заказчик
Сервис подготовки чертежей стеклянных душевых кабин под заказ
Какую утечку закрыл
деньги не доходили до кассы
Результат
SVGчертёж перестраивается вживую под конфигурацию
  • XLSXразмерный лист для производства — автоматически
Что болело

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

Что изменилось

Посетитель видит смету и экономию на месте, а производство получает точный размерный лист без ручного переноса.

Задача

Зачем производителю душевых перегородок конфигуратор, а не прайс?

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

Решение

Как SVG-чертёж кабины перестраивается под выбор посетителя?

Одностраничник на Next.js App Router. Ключевой элемент — многошаговый конфигуратор с живым SVG-чертежом кабины, реагирующим на число стенок, тип двери и раскладку. Заявки уходят в Telegram, размерный лист генерируется в Excel по шаблону производства.

  1. Конфигураторстенки · дверь · раскладка
  2. Живой SVG-чертёжNext.js App Router
  3. Заявкав Telegram
  1. Конфигурация кабины
  2. Размерный листExcelJS
  3. Производствопо его шаблону
Стек
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind
  • Framer Motion
  • React Hook Form + Zod
  • ExcelJS
  • Telegram Bot API

Результат

Что получило производство: точный размерный лист сразу в Excel

Готовый к продажам лендинг: посетитель сразу видит смету и экономию против «компаний», а производство автоматически получает точный размерный лист в Excel.

Вопросы

Что обычно спрашивают про этот кейс

Что считает калькулятор на странице?

Экономию против «компаний под ключ»: стекло покупается на заводе по себестоимости, и посетитель сразу видит смету и разницу в цене.

От чего меняется чертёж кабины?

От числа стенок, типа двери и раскладки. Многошаговый конфигуратор перестраивает живой SVG-чертёж на каждом шаге, поэтому размеры видно до заявки.

Как заявка попадает в производство?

Заявка уходит в Telegram, а размерный лист генерируется в Excel по шаблону производства — данные не переносятся руками.

Смотрите также

Услуги, из которых собран этот проект

Другие кейсы

Страница обновлена 9 октября 2026. Автор — Остап Андреевич, технический директор OAI WEB IT.

Условия

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

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

01Цифра потери

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

02Что чинить первым

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

03Ответ, нужен ли я

Если задача решается без ИИ или без меня — так и скажу. Дешевле узнать это на разборе, чем через три месяца.

Как снимается ваш риск
  • Если внедрение по расчёту не окупается — скажу это до начала работ, а не после.
  • Работа делится на этапы: каждый принимаете и оплачиваете отдельно. Не устроил результат этапа — следующий не начинаю.
  • Проекты веду сам, по очереди: дату старта называю на разборе, а не «как-нибудь».
От вас на разбор нужен человек, который знает, как процесс устроен сейчас.

Следующий шаг

Разбор одного процесса за 30–40 минут

Напишите, какой процесс съедает больше всего часов. На разборе назову цифру потери и скажу прямо, решается это ИИ или нет и с чего начать.

Записаться на разбор

Остап Андреевиччитаю заявки и отвечаю сам

Пара строк о процессе поможет подготовиться к разговору.

Текст согласияПолитика данных

Отвечу в тот же рабочий день; вечером и в выходные — утром следующего рабочего дня. 23 проекта в портфолио, NDA подписываю до того, как вы что-то покажете. Договор заключаю как ИП, ИНН 246525045229.

Telegram Позвонить ИИ Заявка