Как я навайбкодила рабочий калькулятор стоимости на сайт за 2 часа 10 минут
История о том, как нейросети превращают цифровые задумки предпринимателя в жизнь, без программиста.
⚠ Дисклеймер: Материал носит информационный характер, не является консультацией, рекламой или офертой. Для индивидуальных разъяснений обратитесь к профильным специалистам. Материал обработан с помощью ИИ. Контакты автора статьи для связи по вопросам автоматизации указаны в шапке профиля. Все цены, указанные в статье могут быть не актуальны на момент прочтения вами статьи и не являются офертой. Это просто демонстрация примеров.
Кто я и почему это важно
Я — директор студии автоматизации «Автопилот». Мы внедряем Битрикс24, настраиваем бизнес-процессы, автоматизируем рутину.
У меня экономическое образование. Я хорошо знаю Битрикс24, сама настраиваю процессы, знаю, как устроен продукт изнутри. Но я не программист. Я никогда не писала код профессионально. Моя суперсила — предпринимательская жилка и умение быстро находить рабочие решения.
И вот я сижу и создаю калькулятор для сайта. С нуля. Работающий. Красивый. Интерактивный.
Как? С помощью нейросети. Без найма разработчика. Без долгих согласований. Без бюджета.
Задача, которая не терпела отлагательств
Мы внедряем КЭДО + Госключ в Битрикс24. Клиенты постоянно спрашивают: «Сколько это будет стоить?»
У каждого проекта свои параметры:
- сколько шаблонов документов нужно настроить
- нужны ли Смарт-процессы для согласования
- сколько сотрудников обучать
- есть ли потребность в техподдержке
Раньше мы просто давали прайс-лист в PDF. Это неудобно: клиент не видит, как складывается сумма, и не может «поиграть» с параметрами.
Нужен был калькулятор. Живой. На сайте. И прямо сейчас.
Но была и вторая проблема. Внутренняя.
Вторая задача: помочь менеджерам
Наши менеджеры по продажам тоже нуждались в помощи.
Когда приходит запрос, им нужно быстро подготовить коммерческое предложение. Раньше это выглядело так:
- Менеджер задаёт клиенту 10–15 вопросов по телефону
- Сохраняет ответы в заметки или Excel
- Идёт к аналитику или ко мне с вопросом: «Посчитай, сколько это будет стоить»
- Ждёт ответа (от 30 минут до нескольких часов, если аналитик занят)
- Формирует КП и отправляет клиенту
Это долго. Запросы копятся. Мы теряем клиентов на этапе расчёта.
Нужно было дать менеджерам инструмент, чтобы они считали стоимость сами. Быстро. Без аналитика. Без ошибок.
Как проходил процесс: честный хронометраж
Всё началось с того, что я зашла в чат с DeepSeek и начала писать промты. Никакого ТЗ, никаких брифингов с разработчиками — просто диалог.
Вот реальный хронометраж всей нашей работы:
Моя сторона (промты + тестирование)
Первичный запрос с описанием задачи ~10 минут
Уточнения по структуре калькулятора (что входит в стоимость) ~10 минут
Правки по логике расчёта (ставка часа, Смарт-процессы) ~15 минут
Добавление возможности добавлять несколько Смарт-процессов ~10 минут
Тестирование на сайте + обратная связь ~15 минут
Исправления по отображению (кнопки, ссылки) ~10 минут
ИТОГО моё время ~70 минут
Сторона нейросети (кодинг + правки)
Создание первого работающего кода калькулятора ~20 минут
Настройка логики расчёта с разными параметрами ~15 минут
Реализация динамического добавления Смарт-процессов ~15 минут
Правки интерфейса и отображения ~10 минут
ИТОГО время нейросети~60 минут
Итоговый хронометраж
Я (промты + тестирование) ~70 минут
Нейросеть (кодинг + правки) ~60 минут (в это время я не бездельничала, как вы понимаете)
ВСЕГО ~2 часа 10 минут
В календаре это растянулось на 3–4 часа — потому что я переключалась на другие задачи, отвечала в мессенджерах, проводила созвоны. Но чистого времени на разработку ушло 2 часа 10 минут.
Что я получила за 2 часа 10 минут
Готовый, работающий на сайте инструмент, который решает две задачи одновременно:
Для клиентов:
- Наглядность — клиент видит, как складывается стоимость
- Интерактив — меняет параметры и видит результат мгновенно
- Детализация — смета с полным перечнем работ и часов
Для менеджеров:
- Скорость — больше не нужно ждать аналитика
- Точность — исключены ошибки ручного расчёта
- Единый стандарт — все менеджеры считают по одной формуле
- Экономия — менеджер сам может открыть калькулятор в любой момент
Технически калькулятор умеет:
1. Динамический расчёт в реальном времени
Клиент меняет количество шаблонов — сумма пересчитывается мгновенно. Без перезагрузки страницы.
2. Добавление и удаление Смарт-процессов
Клиент сам решает, нужны ли процессы согласования. Указывает название и количество согласующих. Может удалить любой процесс, даже последний.
3. Детальную смету
Одна кнопка — и открывается модальное окно со списком:
- Техподдержка при подключении
- Интеграция типовых и сложных шаблонов
- Настройка Смарт-процессов (с названиями, которые ввёл клиент)
- Обучение кадровика и сотрудников
- Техподдержка сотрудников
4. Копирование сметы
Из модального окна можно скопировать смету в буфер обмена — отправить клиенту в мессенджер или вставить в письмо.
5. Кликабельный бриф
Кнопка ведёт на CRM-форму — клиент переходит к следующему шагу без лишних действий.
Почему это работает (и для кого это решение)
Вайбкодинг — это не хайп. Это инструмент для предпринимателей и менеджеров, которые:
- Знают свой продукт — я понимаю, как работает КЭДО и Битрикс24, знаю все параметры расчёта
- Могут сформулировать задачу — я знаю, какие параметры важны и как они влияют на стоимость
- Не хотят ждать — разработчик на неделю, согласование ТЗ, правки, тестирование
- Умеют проверять и править — я вижу, что получилось, и говорю: «вот тут поправь»
Нейросеть не заменяет программиста. Она заменяет время ожидания и деньги на разработку, когда нужно быстрое, рабочее решение.
Что дальше: интеграция с CRM
В идеальном мире данные из калькулятора должны автоматически передаваться в CRM. Чтобы менеджер видел, какие параметры выбрал клиент, и не переспрашивал.
Как это можно сделать:
- Веб-форма с hidden-полями — при отправке заявки передавать JSON с параметрами калькулятора
- API Битрикс24 — создавать лид или сделку с пользовательскими полями
Но это уже требует более глубокой настройки: вебхуки, согласование полей, тестирование. В моменте, когда клиент и мой мнеджер ждёт ответа, это не вариант.
Моё решение:
Сначала я сделала работающий инструмент. Клиенты считают стоимость и переходят в бриф. Менеджеры сами открывают калькулятор и мгновенно готовят расчёт для клиента.
А интеграцию мы доработаем позже — она не блокирует продажи, а делает процесс ещё удобнее.
Рабочее решение здесь и сейчас важнее идеального, которого нет.
Сколько я сэкономила
Если бы я заказала этот калькулятор у программиста 2–3 года назад, его себестоимость была бы не меньше 50 000 ₽. Против 0 рублей сегодня. А те же 2 часа я бы потратила на объяснение задачи. А на приемку, я уверена, еще больше!
Реальный кейс: как это работает в жизни
Вчера пришёл запрос от клиента: «Нам нужно внедрить КЭДО. Сколько будет стоить?»
Раньше:
- Менеджер задаёт 10 вопросов клиенту
- Пишет мне в в чат Битрикс24: «Посчитай, пожалуйста»
- Я/аналитик через 30 минут отвечаем
- Менеджер ждёт, теряет фокус
- Итог: клиент получает ответ через 1,5–2 часа (а может и дня)
Сейчас:
- Менеджер открывает калькулятор на сайте в процессе разговора с клиентом
- Выбирает параметры вместе с клиентом по телефону
- Нажимает «Скачать смету»
- Копирует смету и отправляет клиенту на почту, в Telegram или Макс (и да, прямо из Битрикс24, не переходя в другие системы)
- Итог: клиент получает детальный расчёт через 3 минуты
Мой главный вывод
Я — директор, а не программист. У меня экономическое образование. Но нейросети позволяют мне создавать рабочие инструменты для бизнеса. Я не жду, не переплачиваю, не завишу от графика разработчиков.
Это не про технологии. Это про скорость и результат. И про то, что даже без программистского бэкграунда можно создавать полезные инструменты для бизнеса.
Если вам тоже нужно быстро сделать инструмент для бизнеса — попробуйте. Это не замена программистам. Это способ быть быстрее, когда время дороже бюджета.
p.s.: затестить калькулятор можно по ссылке
#css #javascript #калькулятор #смета #инструменты #продажи #менеджеры #скорость #эффективность #экономиявремени #экономияденег #безпрограммиста #сделайсам #noCode #lowCode #цифровизация #бизнеспроцессы #автоматизациябизнеса #кадры #hr #управлениеперсоналом #своедело #предпринимательство #быстроерешение #рабочийинструмент #кейс #успех #инновации #технологии #будущееужездесь