Interaktywny kalkulator prac remontowych do zbierania leadów
Opracowano interaktywny kalkulator prac remontowych, który pomaga potencjalnym klientom samodzielnie przejść krok po kroku wybór parametrów, uzyskać wstępną wycenę, wygenerować plik PDF i pozostawić dane kontaktowe do dalszej konsultacji z firmą. Projekt stworzony jako narzędzie do generowania leadów: po przejściu kalkulatora użytkownik zostawia imię i numer telefonu, a dane automatycznie wysyłane są do Telegramu w celu szybkiej obróbki zgłoszenia przez menedżera.
Co zostało zrealizowane:
— krokowy interaktywny kalkulator prac remontowych;
— wybór charakterystyk pomieszczenia, materiałów, liczby pokoi i innych parametrów;
— dynamiczna zmiana obrazu zgodnie z wybranymi przez użytkownika opcjami;
— praca z dużą ilością wizualnych stanów i zdjęć;
— generacja pliku PDF z wynikami obliczeń;
— formularz zbierania danych kontaktowych użytkownika;
— wysyłanie zgłoszenia do Telegramu przez API;
— podłączenie Google Ads / ruchu reklamowego;
— responsywne układanie dla urządzeń mobilnych, tabletów i komputerów stacjonarnych;
— pixel-perfect realizacja projektu według makiety Figma;
— wygodna logika przechodzenia kroków kalkulatora.
Technologie:
Next.js, React, TypeScript, SCSS, Telegram API, generacja PDF, Google Ads, Figma
#NextJS #React #TypeScript #SCSS #GenerowanieLeadów #Kalkulator #TelegramAPI #GoogleAds #PDF #Frontend #RozwójWebowy #ResponsywnyDesign #PixelPerfect
Co zostało zrealizowane:
— krokowy interaktywny kalkulator prac remontowych;
— wybór charakterystyk pomieszczenia, materiałów, liczby pokoi i innych parametrów;
— dynamiczna zmiana obrazu zgodnie z wybranymi przez użytkownika opcjami;
— praca z dużą ilością wizualnych stanów i zdjęć;
— generacja pliku PDF z wynikami obliczeń;
— formularz zbierania danych kontaktowych użytkownika;
— wysyłanie zgłoszenia do Telegramu przez API;
— podłączenie Google Ads / ruchu reklamowego;
— responsywne układanie dla urządzeń mobilnych, tabletów i komputerów stacjonarnych;
— pixel-perfect realizacja projektu według makiety Figma;
— wygodna logika przechodzenia kroków kalkulatora.
Technologie:
Next.js, React, TypeScript, SCSS, Telegram API, generacja PDF, Google Ads, Figma
#NextJS #React #TypeScript #SCSS #GenerowanieLeadów #Kalkulator #TelegramAPI #GoogleAds #PDF #Frontend #RozwójWebowy #ResponsywnyDesign #PixelPerfect