Як ми втомилися від кредитних лабіринтів і написали Автокалькулятор, що рахує реальну ціну авто в кредит

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Якщо ви хоч раз пробували купити авто в кредит в Україні, то знаєте, що цей процес нагадує квест із дрібним шрифтом і зірочками.

Уявіть ситуацію: ви бачите рекламу «Авто за 20000, перший внесок від 20%», — якраз вистачає. Приходите в салон, і тут починається магія незрозумілих платежів:

• Перший внесок — 20%.
• Але ще треба сплатити збір до Пенсійного фонду.
• Плюс обов’язкове КАСКО на рік наперед.
• А ще реєстрація, комісія банку за видачу кредиту, послуги нотаріуса та інше.

І раптом виявляється, що маючи 4000 готівки, реальний «вхідний квиток» для омріяної машини складає всі 6000+.

Заплутані кредити і неясні початкові витрати просто ламають усі плани.

Щоб розплутати цей клубок, ми запустили Кредитний Автокалькулятор (carbudget.com.ua).

Алгоритм «від зворотного»

Ми вирішили, що шукати авто від ціни — це самообман. Наш сервіс рахує бюджет від реальних грошей у вашій кишені. Як це працює:

1. Користувач вводить: «У мене є 350 000 грн готівкою, готовий платити 30 000 грн/місяць».
2. Алгоритм відкушує від цієї готівки всі обов’язкові платежі (ПФ, орієнтовне КАСКО, реєстрацію ~755 грн).
3. З того, що залишилось, формує реальний чистий перший внесок.
4. На основі цього внеску і щомісячного платежу математика видає чесну максимальну вартість авто, на яке вам 100% вистачить грошей, щоб виїхати з салону.

Технічна сторона та відмова від класичної адмінки

Окрім алгоритму для покупців, був челендж із B2B-частиною. Як автодилерам вживаних додавати машини на сайт? Писати ще одну складну CRM-систему ми не хотіли, тому ми реалізували Telegram CMS. Дилер просто відкриває нашого Telegram-бота, покроково відповідає на кілька запитань (марка, рік, ціна) і скидає фотографії прямо з галереї телефону. Жодної ШІ-магії, лише чітке послідовне виконання інструкцій. Щойно флоу завершено — машина миттєво публікується на сайті.

Стек проєкту:

• Frontend: Next.js (React)
• Дані та бекенд-інтерфейс: Telegram Bot API

Що далі?

Проєкт уже в продакшені, ми починаємо працювати з першими дилерами. Буду дуже вдячний за фідбек від спільноти!

Посилання на проєкт: carbudget.com.ua