Y Bank loan calculator mobile UI

Y Bank loan calculator mobile UI, minimal, light-mode, light

Preview image. Unlock full-res

Mobile fintech UI for a loan application with dual slider controls for amount and term, user verification, and clear call-to-action buttons.

Industryfintech
Palette
#FDFFFF
#2D2F32
#C1BEBF
#84928A
#DDE0E1

Summary

A mobile fintech UI flow for a loan application that uses dual slider controls (for loan amount and term duration) paired with user verification and prominent action buttons to guide borrowers through a transaction quickly.

Visual description

The interface spans a white card on a neutral background. At the top, a Y Bank wordmark logo with a red icon. Below, explanatory text sets the context. Two slider sections follow: the first controls loan amount (160,000 rubles, range 20k to 200k), the second controls loan term (4 months, 44k monthly, range 1 to 12 months). Each slider is a light gray pill with minus and plus buttons flanking the current value and label. A user verification card shows a verified borrower name (Michael W.), phone number, and a green checkmark badge. Two action buttons anchor the bottom: a filled dark button ("Get the money") and an outlined light button ("Review the contract"), establishing clear primary and secondary actions.

Key takeaway

The dual-slider pattern for multi-parameter selection (amount and term are codependent in lending, so showing both side-by-side clarifies the trade-off). The verified-user card builds confidence mid-flow. The two-button footer (primary filled, secondary outlined) is an accessible pattern for transaction confirmations.

Reuse notes

Effective for financial applications where borrowers must adjust multiple variables before committing. The verified-user card reinforces trust and is useful when authentication happens mid-flow. Works well for loan/credit products, installment plans, or other products with parameterized quotes.

More like this