Interaktywny kalkulator prac remontowych do zbierania leadów
Programowanie stron internetowychOpracowano 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