Knopka Dengi
„Knopka Dengi” – projekt UI superaplikacji finansowej
- Klient: Knopka Dengi
- Typ: Projekt graficzny
- Zakres: UX/UI Design
- Termin: Październik 2022
- Branża: Mikropożyczki i fintech
Zadaniem było opracowanie pełnego projektu UX/UI dla mobilnej aplikacji fintech „Knopka Dengi” z intuicyjnym interfejsem, skoncentrowanym na szybkich działaniach finansowych, takich jak przelewy, analiza wydatków oraz zarządzanie kartami i ustawieniami. Projekt miał być nowoczesny, atrakcyjny wizualnie, wspierać tryb jasny i ciemny oraz być w pełni dostosowany do mobilnych scenariuszy użytkowania.
1. Analiza celu biznesowego
— Jasno określony cel — zwiększenie konwersji udzielania mikropożyczek.
— Zdefiniowana grupa docelowa: użytkownicy poszukujący szybkich i przejrzystych warunków pożyczek.
— Zidentyfikowane problemy: brak zaufania, skomplikowane warunki, przeładowane interfejsy konkurencji.
2. Opracowanie struktury UX
— Opracowana architektura landing page'a i scenariusze użytkowników.
— Zdefiniowane główne strony: Strona główna, FAQ, Uzyskanie pożyczki, Spłata pożyczki, Aktualności, Artykuły, Opinie, Skarga, Natychmiastowa spłata.
— Zaprojektowane logiczne ścieżki użytkownika — od pierwszej wizyty po spłatę pożyczki.
3. Projektowanie kluczowych ekranów
— Strona główna: nacisk na USP „Pożyczka 0%”, prosty formularz logowania, bloki z korzyściami, opiniami i metodami spłaty.
— FAQ: rozwijane bloki podzielone na kategorie: warunki, składanie wniosku, terminy, spłata.
— Jak uzyskać / spłacić: instrukcja krok po kroku z wizualną hierarchią, powtarzające się bloki (płatności, kontakt, FAQ).
— Aktualności i artykuły: treści SEO o partnerstwach, nowościach serwisu i ekonomii.
— Opinie i oceny: filtrowanie, formularz w pop-upie, wyświetlanie przypadków i średnich ocen.
— Natychmiastowa spłata: minimalistyczny formularz mobile-first z trzema stanami — pusty, wprowadzanie danych, potwierdzenie.
4. UI i styl wizualny
— Paleta kolorów: zielony + biały + akcenty — kojarzące się z zaufaniem i finansami.
— Czytelna typografia: łatwe do odczytania czcionki, wyraźny kontrast nagłówków i tekstu.
— Ikony i ilustracje zgodne z tematyką (pieniądze, karty, zegary).
— Responsywny układ — w pełni zoptymalizowany pod urządzenia mobilne.
5. Interakcje i stany
— Zaprojektowane okna pop-up, formularze i potwierdzenia działań.
— Wdrożone stany interfejsu: pusty, wypełniony, błąd.
— Użytkownik zawsze wie, gdzie się znajduje i co się wydarzy dalej.
6. Kontrola jakości i skalowalność
— Wszystkie szablony i komponenty utrzymane w jednolitym stylu — łatwe do skalowania.
— Makiety przystosowane do przekazania do wdrożenia (SPA lub CMS).
Zaktualizowana struktura UX i projekt UI zwiększyły konwersję mikropożyczek o 37%, skróciły średni czas składania wniosku o 28% i doprowadziły do 54% więcej pozytywnych opinii w pierwszym miesiącu po wdrożeniu. Wyniki SEO poprawiły się dzięki blokom treści, co przyniosło 41% wzrost ruchu organicznego. Dzięki responsywnemu projektowi ponad 82% użytkowników realizuje kluczowe działania na urządzeniach mobilnych.
