Перейти к содержимому
NIKITA
DIGITAL SYSTEMS
01СайтГотовДемонстрационный проект

LeadFlow

Сайт для сервисной компании с расчётом стоимости и автоматической обработкой заявок.

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

Next.jsTypeScriptSupabaseTelegram APIVercel

Задача

Сервисные компании часто теряют заявки: клиент не понимает примерную стоимость заранее, а форма обратной связи никак не связана ни с базой данных, ни с уведомлением — о новой заявке узнают с задержкой, вручную проверяя почту.

Решение

LeadFlow считает предварительную стоимость прямо на сайте, передаёт заявку на сервер с валидацией, сохраняет её в Supabase и сразу уведомляет ответственного в Telegram — без ручного мониторинга почты.

Ключевые функции

  • 01Калькулятор стоимости услуг
  • 02Форма заявки с серверной обработкой и валидацией данных
  • 03Хранение заявок в Supabase
  • 04Уведомления о новых заявках в Telegram
  • 05Административный интерфейс для просмотра заявок

Интерфейс

Главный экран LeadFlow с заголовком и карточками услуг
Лендинг с услугами, калькулятором стоимости и формой заявки на одной странице.

Архитектура

Пользователь считает предварительную стоимость на клиенте и отправляет заявку через серверный обработчик с валидацией. Данные сохраняются в Supabase, после чего отправляется уведомление в Telegram.

Ограничения демонстрационной версии

  • Демонстрационная реализация: реальные клиентские заявки и данные не обрабатываются.
  • Административный интерфейс покрывает базовый просмотр заявок, без расширенной аналитики.

Следующий проект

BookingBot

Есть похожая задача?

Опишите её в свободной форме — отвечу и предложу, как к ней подступиться.