Knopka Dengi
Chat Interface for the Microloan Industry
- Client: Knopka Dengi
- Type: Design Project
- Direction: UX/UI Design
- Term: October 2022
- Industry: Microloans
Create a modern and intuitive chat interface for the microloan industry that ensures simple and clear user interaction with the service, supports automatic text resizing, uses animations for a lively communication experience, and builds trust through transparent and polished visual design.
1. Task definition
— Create a chat interface for fast microloan applications.
— Make the process as simple and transparent as possible.
— Ensure a modern and trustworthy visual style.
2. Inspiration and best practices
— Patterns from Dribbble/Behance applied: auto-growing bubbles while typing and flexible layout.
— Color choices: dark/light contrast with soft shades for system blocks.
— Icons and avatars used to clearly distinguish bot and user.
3. UX development
— Implemented infinite scrolling for convenient chat history reading.
— Added clear separation between bot and user messages.
— Date and time displayed under the latest messages.
— Auto-expanding input field and smooth sending states implemented.
— Avatars or initials added for clearer participant distinction.
4. Design and visual style
— Color palette: brand red for accents, green CTA buttons, neutral bubble shades.
— Brightness difference between sender and receiver messages kept at 15–20%.
— User and bot messages differ in color and style.
— Rounded corners and neat padding create a modern look.
5. Implementation in Figma
— Auto-layout for dynamic bubble sizes and responsiveness.
— Variants for different message states (sending, error, delivered).
— Smart Animate for smooth transitions and appearance (fade-in + slide-up).
— Timed Reset for automatic message status changes.
6. Portfolio description
— Fast chat with dynamic input, smooth animations, and transparent statuses.
— Auto-layout and Variants ensure flexibility and scalability for any volume of messages.
— Clear color hierarchy and avatars improve readability and trust in the service.
The chat design project for the microloan service “Knopka Dengi” demonstrates how well-crafted UX/UI can simplify customer interaction with a financial product. The balance of simplicity and functionality is achieved through auto-expanding input fields, smooth animations, and clear message separation. This solution increases user trust, speeds up communication, and makes the service more convenient and modern.
