17 / Fintech / grafika i UX/UI

BIKfirmowy.pl – usługa finansowa opowiedziana jedną kwotą

Firma poprawia historię kredytową przedsiębiorstw w BIK. Odpowiadaliśmy za warstwę wizualną i UX/UI landing page: architekturę informacji, projekt wszystkich sekcji, grafiki i system wizualny. Kodu nie pisaliśmy – gotowe ekrany przejął zespół po stronie klienta.

UX/UI i grafikakalkulator zysku w pierwszym ekraniekomplet sekcji gotowy do wdrożenia

Powiązane usługi: Strony internetowe

BIKfirmowy.pl – pierwszy ekran landing page z kalkulatorem zysku po poprawie oceny BIK
Pierwszy ekran: obietnica usługi po lewej, kalkulator z konkretną kwotą po prawej.

/Wyzwanie

Usługa, której nie widać i której się boją

  • „Poprawa oceny BIK" to dla przedsiębiorcy pojęcie abstrakcyjne. Nie ma produktu do pokazania, nie ma pudełka, nie ma zrzutu ekranu aplikacji – jest tylko efekt, którego jeszcze nie widać.
  • Kategoria jest obciążona nieufnością. Wokół tematu czyszczenia BIK krąży dużo obietnic bez pokrycia, więc strona musiała pracować na wiarygodność od pierwszego ekranu, zanim padnie jakakolwiek deklaracja.
  • Klient oddaje dokumenty finansowe swojej firmy. Pytanie „kto to zobaczy i co się z tym stanie" pojawia się wcześniej niż pytanie o cenę.
  • Odbiorcą jest właściciel firmy, nie analityk. Nie przeczyta wywodu o scoringu – potrzebuje odpowiedzi, ile na tym zyska i co ma zrobić dalej.

/Nasz zakres

Projekt graficzny, UX/UI i system wizualny

  • Kalkulator zamiast formularza kontaktowego. W pierwszym ekranie użytkownik przesuwa suwak, wpisuje kwotę i widzi liczbę – „120 000 zł". Zamiast obiecywać korzyść słowami, strona liczy ją, zanim ktokolwiek zostawi dane kontaktowe.
  • Ten sam mechanizm dwa razy, na dwóch poziomach zaangażowania. Skrócona wersja kalkulatora w hero, pełna – z typem zobowiązania i rocznym obrotem – w środku strony, dla kogoś, kto już czyta uważnie.
  • Architektura informacji ułożona pod jedną decyzję. Ile zyskam → dla kogo to działa → jak wygląda proces → dlaczego wam ufać → ile kosztuje → czy moje dane są bezpieczne → kim jesteście. Każda sekcja odpowiada na jedno pytanie i prowadzi do następnego.
  • Dowody zamiast deklaracji. Ściana logotypów 92 banków i firm leasingowych, których wpisy obsługuje usługa, zaprojektowana jako sekcja pierwszoplanowa – wyszarzone znaki w jednej skali, żeby czytać ją jako zasięg, nie jako reklamę.
  • Rytm jasnych i ciemnych bloków. Dwa fioletowe ekrany pełnej szerokości niosą to, co waży najwięcej: kalkulator i bezpieczeństwo danych. Reszta strony jest jasna, więc te dwa momenty zatrzymują przewijanie same z siebie.
  • Kompletny system wizualny. Paleta granatu, fioletu i cyjanu, typografia, komplet ikon liniowych, motyw gradientowych wstęg, rastry z punktów, karty na szkle i okrągłe znaczniki liczb – jeden zestaw reguł, z którego składa się każda sekcja.
  • Obróbka grafik i dobór zdjęć. Kadry ludzi utrzymane w jednej tonacji kolorystycznej, wpisane w kompozycję razem z kartami tekstowymi, tak żeby zdjęcie było elementem układu, a nie tłem doklejonym pod tekst.
  • Ekrany gotowe do wdrożenia. Przekazaliśmy komplet sekcji ze stanami elementów i siatką, w formie, z której zespół klienta buduje stronę bez zgadywania odstępów i kolorów.

/Rezultat projektu

Konkretna kwota
zamiast obietnicy bez pokryciaPierwszy ekran nie tłumaczy, czym jest poprawa oceny BIK – pokazuje, ile ona daje. Cała reszta strony rozbraja kolejne obiekcje w kolejności, w jakiej naprawdę się pojawiają.

Landing, który sprzedaje usługę bez rozmowy handlowej

  • Użytkownik przechodzi od korzyści do ceny bez ani jednego kroku, w którym musi kogoś zapytać. Cennik zaczyna się od wariantu bezpłatnego – próg wejścia zamiast telefonu do konsultanta.
  • Proces w czterech krokach i osobna sekcja o szyfrowaniu, RODO i niehandlowaniu danymi odpowiadają na najczęstszą obiekcję w tej kategorii, zanim zdąży zatrzymać decyzję.
  • System wizualny jest modułowy: kolejny wariant cennika, nowa opinia klienta czy dodatkowa instytucja finansowa dokładają się w gotowe komponenty, bez przeprojektowania strony.
  • Zespół klienta dostał materiał wdrożeniowy, nie obrazek do interpretacji – układ, odstępy i stany są rozstrzygnięte na etapie projektu.

/Plansza projektowa

Cała strona w jednym kadrze

Rozwiń pełną planszę projektową
BIKfirmowy.pl – pełna plansza projektowa landing page: hero z kalkulatorem, instytucje finansowe, proces, cennik, opinie, bezpieczeństwo danych i stopka
Komplet sekcji w kolejności przewijania. Kwoty, opinie i dane kontaktowe na planszy są elementem projektu, nie obowiązującą ofertą. Otwórz w pełnym rozmiarze

Sprzedajesz coś,
czego nie widać?

Opisz swoją usługę – zaprojektujemy stronę, która pokaże jej wartość, zanim odbiorca zdąży się rozmyślić.

Porozmawiajmy