Autorska wtyczka WP-Opieka – kalkulator obliczania zdolności kredytowej

Ostatni czas był dla nas wyjątkowo gorący. Na ostatni guzik dopinaliśmy nasz kolejny projekt, którym była przebudowa pluginu WordPress dla portalu hipoteki.net. Po kilku tygodniach intensywnej pracy wtyczka, pełniąca funkcję kalkulatora zdolności kredytowej, jest już gotowa! Zobacz, co udało się stworzyć naszemu zespołowi.

Sytuacja zastana – dotychczasowy kalkulator zdolności kredytowej

Jakiś czas temu, nasz partner zarządzający serwisem o tematyce kredytów hipotecznych, zgłosił się do nas z prośbą o pomoc. Dotyczyła ona w przebudowy dotychczasowego kalkulatora zdolności kredytowej dostępnego na stronie internetowej hipoteki.net.

Co w obecnym rozwiązaniu było nie tak? Już na pierwszy rzut oka było widać, że przede wszystkim narzędzie wymaga gruntownego odświeżenia wizualnego. To, co najbardziej zwracało uwagę, to potrzeba zaprojektowania na nowo interfejsu aplikacji, który był mocno przestarzały i mało intuicyjny.

Wygląd poprzedniego kalkulatora zdolności kredytowej na hipoteki.net

Co więcej, aby sprawdzić swoją zdolność kredytową, użytkownicy musieli przejść przez 5 kroków, w trakcie których konieczne było uzupełnienie kilkunastu pól. Tak długi proces wypełniana formularza skutecznie odrzucał od jego ukończenia. Przez to jedynie niewielka część z nich docierała do strony wynikowej. Ta również wymagała podjęcia zdecydowanych działań. Strona prezentowała się mało zachęcająco i przedstawiała jedynie szczątkowe informacje na temat raty kredytu i potencjalnej zdolności kredytowej. Użytkownik mógł więc czuć się zawiedziony – nie dość, że poświęcił tyle czasu na wypełnienie formularza, to jeszcze na koniec nie uzyskał satysfakcjonujących go odpowiedzi.

Strona wynikowa poprzedniego kalkulatora zdolności na hipoteki.net

Jednak największą wadą kalkulatora okazał się być zastosowany w nim algorytm, który błędnie wyliczał zdolność kredytową. Użyty wzór znacznie zawyżał ratę kredytu, co z kolei obniżało szacunkową zdolność do spłaty kredytu i wprowadzało w błąd użytkowników.

Jak widać, zadanie nie było wcale łatwe. Szczególnie że musieliśmy działać wyjątkowo sprawnie – serwis hipoteki.net znajduje się w pierwszej dziesiątce organicznych wyników Google i miesięcznie odwiedza go kilkadziesiąt tysięcy użytkowników!

Rozpoczęcie prac nad nową wtyczką

Po intensywnych naradach i ułożeniu szczegółowego planu działań zabraliśmy się do pracy. W porozumieniu z klientem i przy wsparciu grafika przygotowaliśmy zupełnie nowy projekt samego kalkulatora, jak i algorytmu liczącego. Dzięki temu opracowane przez nas narzędzie nie tylko odpowiada wymogom biznesu i spełnia najnowsze wymagania Google w kwestii UX, ale jest również przełomowym rozwiązaniem w branży kredytów hipotecznych.

Inne kalkulatory, funkcjonujące na rynku nie dostarczają użytkownikom tak bogatych i precyzyjnych informacji na temat ich zdolności kredytowej i potencjalnych możliwości zakupu nieruchomości.

Nowa wtyczka – kalkulator zdolności kredytowej dla hipoteki.net

Nowa wersja kalkulatora pozwala na przeprowadzenie dokładniejszej, zindywidualizowanej symulacji zdolności kredytowej użytkownika. Zobacz krok po kroku, jak to działa!

Krok 1: strona główna kalkulatora z wynikiem defaultowym

Najbardziej zauważalną zmianą jest prostszy, czytelniejszy wygląd narzędzia.

Nowy Kalkulator Zdolności hipoteki.net

Biorąc pod uwagę nawyki internautów, ograniczyliśmy do niezbędnego minimum liczbę kroków do przejścia (są 3) i ilość wprowadzanych danych. W formularzu wymagane jest podanie jedynie pięciu informacji. Są to:

• preferowany okres spłaty kredytu,
• oprocentowanie,
• liczbę osób w gospodarstwie,
• łączną sumę miesięcznych dochodów
• wszystkie miesięczne zobowiązania.

Każdy z parametrów został opatrzony praktycznym tooltipem (tylko na desktop), który pomaga określić, jakie informacje powinny znaleźć się w formularzu.

Tooltipy w nowym Kalkulatorze Zdolności

Zanim jednak użytkownik zdecyduje się na obliczenie własnej zdolności, na stronie głównej ma możliwość zapoznania się z przykładowym wynikiem kalkulacji, opartym o domyślnie wprowadzone zmienne. Znajdzie tam informacje m.in. o:

• zdolności kredytowej dla podanego przykładu,
• maksymalnej racie kredytu,
• zdolności kredytowej po optymalizacji,
• maksymalnej cenie nieruchomości, na którą stać użytkownika z daną zdolnością kredytową,
• wpływie oprocentowania kredytu na zdolność kredytową,
• wpływie kosztów życia na zdolność kredytową.

Wszystkie dane zostały przedstawione w formie przejrzystych wykresów i boxów z poradami.

Wskazówki w nowym Kalkulatorze Zdolności

Co warto podkreślić, użytkownik po zmianie parametrów kalkulacji i uzupełnieniu formularza otrzyma analogicznie wyglądającą, lecz spersonalizowaną stronę wynikową, wzbogaconą o dodatkowe wskazówki.

Krok 2 – Formularz kontaktowy

Formularz danych kontaktowych posiada dzisiaj przyjemną dla oka formę i wymaga podania jedynie dwóch, niezbędnych informacji – imienia i numeru telefonu.

Formularz danych w nowym Kalkulatorze Zdolności

Przejście do sprawdzenia poprawności numeru i końcowej kalkulacji jest możliwe po zaakceptowaniu zgód.

Niepoprawnie wprowadzone dane

W formularzu zmieniliśmy sposób weryfikacji danych podawanych przez użytkownika. Poprzedni mechanizm opierał się na SMS-owych kodach weryfikujących. Nowa wersja narzędzia automatycznie sprawdza, czy podany numer istnieje w bazie danych operatora i informuje użytkownika o potencjalnym błędzie. Zoptymalizowany kod aplikacji sprawia, że wszystko dzieje się w ciągu zaledwie kilku sekund.

Błędnie uzupełniony formularz danych w nowym Kalkulatorze Zdolności

Trzykrotnie błędne podanie numeru telefonu skutkuje przeniesieniem użytkownika na stronę startową narzędzia, skąd może przejść cały proces ponownie.

Poprawnie wprowadzone dane

Poprawnie zweryfikowany numer telefonu oraz zaakceptowane zgód pozwalają natomiast na przejście do strony z indywidualnym wynikiem zdolności kredytowej.

Krok 3: zindywidualizowana strona wynikowa kalkulatora

W ostatnim kroku użytkownik zostaje przeniesiony na stronę prezentującą symulację zdolności kredytowej, opartą o podane przez niego parametry. W przeciwieństwie do strony startowej kalkulatora tu wszystkie wykresy i porady zostały spersonalizowane.

Wykresy w nowym Kalkulatorze Zdolności

Na osoby, które podały poprawny numer telefonu, oprócz wspomnianych już informacji o zdolności kredytowej czy racie kredytu, czekają także unikalne porady, niedostępne dla niezweryfikowanych użytkowników.

Porady w nowym Kalkulatorze Zdolności

Dzięki współpracy ze specjalistami z serwisu hipoteki.net, wszystkie dane, które otrzymuje użytkownik, zostały precyzyjnie wyliczone na podstawie nowo opracowanego wzoru.

Pomyśleliśmy również o funkcjonalności, która z pewnością ułatwi dzielenie się otrzymanymi wynikami lub powrotem do nich. Wejście na stronę wynikową generuje unikalny dla każdego zweryfikowanego użytkownika kod URL, który pozwala na późniejsze ponowne przeliczenie zdolności kredytowej bez konieczności podawania numeru telefonu. Tak przygotowany adres można rozesłać innym osobom. Będą one mogły podejrzeć nasz wynik, jednak bez możliwości zmiany parametrów. By otrzymać własną symulację, konieczne będzie samodzielne uzupełnienie parametrów i weryfikacja numeru.

Integracja WooCommerce z firmą kurierską FedEx. Autorska wtyczka od WP-Opieka

czytaj więcej

Nasza dalsza współpraca z hipoteki.net

Zrealizowany z sukcesem projekt nie oznacza końca naszej współpracy. Przed nami dalsze wyzwania związane z modernizowaniem istniejących narzędzi i tworzeniem nowych. Wierzymy, że przy wsparciu serwisu hipoteki.net będziemy w stanie dostarczać użytkownikom kolejnych wyjątkowych funkcjonalności.