.svg)
This project is a UI design exploration for a digital banking platform, covering desktop, tablet, and mobile interfaces. The goal was to create a clear, trustworthy, and modern financial experience, with consistent layouts and accessible visual language across devices.
From building a consistent design system to adapting layouts across devices, I crafted every detail of the interface into high-fidelity visuals.
The design system focused on colour, typography, and icons to ensure clarity and consistency across devices.
Colours: A warm palette with tested contrast ratios to meet accessibility standards.
Typography: A clear hierarchy built with Inter, using varying sizes and weights adapted for desktop, tablet, and mobile
Icons: Simplified geometric icons reduced to a single colour for visual coherence.
The banking interface was designed to adapt seamlessly across mobile devices, tablets, and desktops. Core information is prioritised on smaller screens for quick access, while larger devices reveal additional details such as charts, transaction lists, and navigation tabs. By maintaining a consistent visual language and carefully managing information hierarchy, the design delivers clarity and usability regardless of screen size.
Key interface elements were refined with subtle motion and clear visual cues. From animated charts and progress indicators to simplified geometric icons, these details enhance clarity and create a cohesive, engaging banking experience.
The final designs bring together three key banking functions: an account overview homepage for quick balance checks, a transaction history page for tracking spending activity, and a spending analysis dashboard with visual insights. These screens illustrate how the interface supports everyday banking needs with clarity and consistency.
.svg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
