Інтерактивний калькулятор ремонтних робіт для збору лідів
Розробила інтерактивний калькулятор ремонтних робіт, який допомагає потенційним клієнтам самостійно пройти покроковий вибір параметрів, отримати попередній розрахунок, згенерувати PDF-файл і залишити контактні дані для подальшої консультації з компанією. Проєкт створений як lead-generation інструмент: після проходження калькулятора користувач залишає ім’я та номер телефону, а дані автоматично надсилаються в Telegram для швидкої обробки заявки менеджером.
Що було реалізовано:
— покроковий інтерактивний калькулятор ремонтних робіт;
— вибір характеристик приміщення, матеріалів, кількості кімнат та інших параметрів;
— динамічна зміна зображення відповідно до вибраних користувачем опцій;
— робота з великою кількістю візуальних станів і фотографій;
— генерація PDF-файлу з результатами розрахунку;
— форма збору контактних даних користувача;
— надсилання заявки в Telegram через API;
— підключення Google Ads / рекламного трафіку;
— адаптивна верстка для мобільних пристроїв, планшетів і десктопів;
— pixel-perfect реалізація дизайну за Figma-макетом;
— зручна логіка проходження кроків калькулятора.
Технології:
Next.js, React, TypeScript, SCSS, Telegram API, PDF generation, Google Ads, Figma
#NextJS #React #TypeScript #SCSS #LeadGeneration #Calculator #TelegramAPI #GoogleAds #PDF #Frontend #WebDevelopment #ResponsiveDesign #PixelPerfect
Що було реалізовано:
— покроковий інтерактивний калькулятор ремонтних робіт;
— вибір характеристик приміщення, матеріалів, кількості кімнат та інших параметрів;
— динамічна зміна зображення відповідно до вибраних користувачем опцій;
— робота з великою кількістю візуальних станів і фотографій;
— генерація PDF-файлу з результатами розрахунку;
— форма збору контактних даних користувача;
— надсилання заявки в Telegram через API;
— підключення Google Ads / рекламного трафіку;
— адаптивна верстка для мобільних пристроїв, планшетів і десктопів;
— pixel-perfect реалізація дизайну за Figma-макетом;
— зручна логіка проходження кроків калькулятора.
Технології:
Next.js, React, TypeScript, SCSS, Telegram API, PDF generation, Google Ads, Figma
#NextJS #React #TypeScript #SCSS #LeadGeneration #Calculator #TelegramAPI #GoogleAds #PDF #Frontend #WebDevelopment #ResponsiveDesign #PixelPerfect