Kredyt Kompas — demo strony — portfolio

O projekcie

Witryna demonstracyjna pośrednika kredytowego: prezentacja oferty, kalkulator zdolności kredytowej liczony w przeglądarce i ścieżka kontaktu. Osiem podstron w czystym HTML, CSS i JavaScripcie — bez frameworków, bez kroku budowania, bez bazy danych. „Kredyt Kompas” to nazwa wymyślona na potrzeby pokazu, a treści i dane firmowe są przykładowe: to prezentacja rzemiosła, nie działający biznes.

Sednem jest kalkulator. Metodyka zbliżona do bankowej — korekta dochodu według formy zatrudnienia, koszty gospodarstwa domowego, limit DSTI 50% i bufor stresowy stopy zgodny z rekomendacją KNF — liczona po stronie odwiedzającego. Dane o dochodach i zobowiązaniach nie opuszczają jego przeglądarki: nie ma żądania sieciowego, logu ani bazy, więc zakres przetwarzania danych osobowych jest minimalny, a wynik pojawia się natychmiast.

Strona przestaje być broszurą: klient przychodzi na rozmowę z policzoną kwotą zamiast z pytaniem „ile mogę dostać”. Zero zależności to decyzja kosztowa — nic do aktualizowania, nic do zepsucia przez zmianę w bibliotece, brak kosztu utrzymania. Treść jest widoczna także bez JavaScriptu: animacje wejścia odsłania obserwator, a przy wyłączonym skrypcie blok noscript wymusza widoczność.

SEO i bezpieczeństwo siedzą w plikach, nie w deklaracjach: mapa strony, robots, opis meta z adresem kanonicznym i Open Graph na każdej z ośmiu podstron, własna strona 404 z noindex. Nagłówki bezpieczeństwa są przygotowane dla Netlify, Cloudflare Pages i Vercela; GitHub Pages, na którym stoi demo, nie pozwala ich ustawić — i to ograniczenie hostingu jest w dokumentacji nazwane, a nie przemilczane.

Problem

Strona usługowa w finansach zwykle jest broszurą: klient czyta i wychodzi z tym samym pytaniem, z którym przyszedł. A każda forma z danymi o dochodach to obowiązki wokół danych osobowych.

Rozwiązanie

Kalkulator liczony w przeglądarce, który wstępnie kwalifikuje klienta bez wysyłania czegokolwiek na serwer, plus osiem podstron budujących zaufanie — wszystko bez jednej zależności zewnętrznej.

Funkcje

kalkulator zdolności: forma zatrudnienia, koszty gospodarstwa, DSTI 50%, bufor stopy według KNF
dane o dochodach nie opuszczają przeglądarki — zero żądań sieciowych
osiem podstron: oferta, kredyty hipoteczne, o nas, FAQ, kontakt, polityka prywatności, 404
treść i nawigacja działają bez JavaScriptu
mapa strony, robots, canonical i Open Graph na każdej podstronie
nagłówki bezpieczeństwa gotowe pod Netlify, Cloudflare Pages i Vercel
podstrona „Nasze auta” jako pokaz wtyczki importera aukcji

Architektura

Technologia: HTML5, CSS3 i czysty JavaScript — bez frameworka, bez build-stepu, bez bazy
Kalkulator: liczy po stronie klienta; limit DSTI 50% i bufor stopy +2,5 p.p.
Hosting: GitHub Pages za 0 zł; `vercel.json` pozwala przenieść bez zmiany kodu
Charakter: demo portfolio — fikcyjna firma, przykładowe treści; licencja MIT