Knopka Dengi

1. Określenie zadania

— Stworzyć interfejs czatu do szybkiego składania wniosków o mikropożyczki.

— Uczynić proces maksymalnie prostym i przejrzystym.

— Zapewnić nowoczesny i budzący zaufanie styl wizualny.

2. Inspiracje i najlepsze praktyki

— Wykorzystano wzorce z Dribbble/Behance: automatyczny wzrost dymków podczas pisania i elastyczny układ.

— Rozwiązania kolorystyczne: kontrast ciemny/jasny oraz miękkie odcienie dla bloków systemowych.

— Ikony i awatary ułatwiają rozróżnianie bota i użytkownika.

3. Opracowanie UX

— Wprowadzono nieskończone przewijanie dla wygody czytania historii rozmowy.

— Dodano wyraźne rozdzielenie wiadomości bota i użytkownika.

— Wyświetlane są data i godzina ostatnich wiadomości.

— Zaimplementowano automatyczne powiększanie pola wprowadzania i płynne stany wysyłania.

— Dodano awatary lub inicjały dla czytelniejszego odróżniania uczestników.

4. Projekt graficzny i styl wizualny

— Paleta kolorów: firmowa czerwień do akcentów, zielone przyciski CTA, neutralne odcienie dymków.

— Różnica jasności między wiadomościami nadawcy i odbiorcy wynosi 15–20%.

— Wiadomości użytkownika i bota różnią się kolorem i stylem.

— Zaokrąglone rogi i odpowiednie marginesy nadają interfejsowi nowoczesny wygląd.

5. Realizacja w Figma

— Auto-layout dla dynamicznych rozmiarów dymków i responsywności.

— Variants dla różnych stanów wiadomości (wysyłanie, błąd, dostarczono).

— Smart Animate dla płynnych przejść i pojawiania się (fade-in + slide-up).

— Timed Reset do automatycznej zmiany statusów wiadomości.

6. Opis w portfolio

— Szybki czat z dynamicznym wprowadzaniem, płynnymi animacjami i przejrzystymi statusami.

— Auto-layout i Variants zapewniają elastyczność i skalowalność dla dowolnej ilości wiadomości.

— Jasna hierarchia kolorów i awatary zwiększają czytelność i zaufanie do serwisu.