Интерактивный калькулятор ремонтных работ для сбора лидов
Разработан интерактивный калькулятор ремонтных работ, который помогает потенциальным клиентам самостоятельно пройти пошаговый выбор параметров, получить предварительный расчет, сгенерировать PDF-файл и оставить контактные данные для дальнейшей консультации с компанией. Проект создан как инструмент генерации лидов: после прохождения калькулятора пользователь оставляет имя и номер телефона, а данные автоматически отправляются в Telegram для быстрой обработки заявки менеджером.
Что было реализовано:
— пошаговый интерактивный калькулятор ремонтных работ;
— выбор характеристик помещения, материалов, количества комнат и других параметров;
— динамическое изменение изображения в соответствии с выбранными пользователем опциями;
— работа с большим количеством визуальных состояний и фотографий;
— генерация PDF-файла с результатами расчета;
— форма сбора контактных данных пользователя;
— отправка заявки в Telegram через API;
— подключение Google Ads / рекламного трафика;
— адаптивная верстка для мобильных устройств, планшетов и десктопов;
— pixel-perfect реализация дизайна по макету Figma;
— удобная логика прохождения шагов калькулятора.
Технологии:
Next.js, React, TypeScript, SCSS, Telegram API, генерация PDF, Google Ads, Figma
#NextJS #React #TypeScript #SCSS #ГенерацияЛидов #Калькулятор #TelegramAPI #GoogleAds #PDF #Фронтенд #ВебРазработка #АдаптивныйДизайн #PixelPerfect
Что было реализовано:
— пошаговый интерактивный калькулятор ремонтных работ;
— выбор характеристик помещения, материалов, количества комнат и других параметров;
— динамическое изменение изображения в соответствии с выбранными пользователем опциями;
— работа с большим количеством визуальных состояний и фотографий;
— генерация PDF-файла с результатами расчета;
— форма сбора контактных данных пользователя;
— отправка заявки в Telegram через API;
— подключение Google Ads / рекламного трафика;
— адаптивная верстка для мобильных устройств, планшетов и десктопов;
— pixel-perfect реализация дизайна по макету Figma;
— удобная логика прохождения шагов калькулятора.
Технологии:
Next.js, React, TypeScript, SCSS, Telegram API, генерация PDF, Google Ads, Figma
#NextJS #React #TypeScript #SCSS #ГенерацияЛидов #Калькулятор #TelegramAPI #GoogleAds #PDF #Фронтенд #ВебРазработка #АдаптивныйДизайн #PixelPerfect