Finansowanie Firm pomaga przedsiębiorcom uzyskać kredyt, leasing albo pieniądze na rozwój, także wtedy, gdy bank już odmówił. Zaprojektowałem stronę internetową firmy: landing page, który prowadzi od problemu do pierwszej rozmowy, podstronę, która wyjaśnia proces, i historie klientów opowiedziane z podaniem kwot.
Landing page / Formularz kontaktowy / Historie klientów
Rys. 01Strona główna, a na telefonie historie klientów.
Notatki
Właściciel, który potrzebuje pieniędzy dla firmy, nie szuka broszury. Strona odpowiada na pytania, które padają jako pierwsze: czy pomożecie w mojej sytuacji, ile to potrwa i kto przeszedł przez to przede mną. Dlatego strona główna zaczyna od spraw, którymi doradcy się zajmują, strona procesu otwiera się jedną liczbą, czyli piętnastoma minutami, a każda historia klienta zaczyna się od kwoty.
Rys. 02Po lewej: strona procesu otwiera się jedną liczbą. Po prawej: menu na telefonie.
Decyzja projektowa
Trzy pytania zamiast formularza
Strona obiecuje rozmowę, a nie papiery, i formularz tej obietnicy dotrzymuje. Pyta o trzy rzeczy, po jednej naraz: na co mają być pieniądze, ile i gdzie oddzwonić. Pasek pokazuje, jak daleko jesteś, a dane kontaktowe przychodzą na końcu, kiedy najtrudniejsze jest już za tobą.
Najpierw: na co mają być pieniądze.
Potem: ile.
Na końcu: gdzie oddzwonić.
Proces
Trzy otwarcia przed jedną liczbą
Strona procesu miała trzy wersje otwarcia, zanim dostała swoją liczbę. Jedna zaczynała od piętnastu minut, druga rysowała ścieżkę od telefonu do przelewu, a trzecia zestawiała pracę zdalną z wizytą w oddziale banku. Na stronę trafił licznik, a ścieżka stała się jej następną sekcją.
A: licznik. Ta wersja trafiła na stronę.
B: ścieżka od telefonu do przelewu.
C: zdalnie kontra oddział banku.
Komponenty
Jeden przycisk, nazwany od tego, co robi
Każda podstrona jest zbudowana z jednego niewielkiego zestawu elementów. Przycisk jest jeden, w jednym rozmiarze, a jego warianty noszą nazwy od rangi akcji, nie od koloru: akcja główna jest niebieska na jasnej stronie i biała na granacie. Pola, etykiety i karta historii są narysowane raz i używane wielokrotnie.
Przyciski, pola, etykiety i karta historii ze strony.
Rys. 03Proces krok po kroku, z czasem trwania każdego etapu.