App/UI Motion

Prompt:

A UI showcase animation for a fintech app “unipay,” vertical 9:16 format. A single modern smartphone with a dark bezel floats at the center of a clean light-gray background, with soft ambient lighting and a subtle drop shadow, commercial-grade quality. The animation flows through three interfaces via smooth transitions, with a calm pace and refined micro-interactions. Screen 1 (Brand Onboarding, dark): The camera slowly pushes in on the phone. On the black screen, the “unipay” logo and snowflake mark spin in and fade up first, then the headline “Pay smarter, live better” rises line by line. Below, a cluster of abstract geometric shapes—organic curved blobs in bright blue, yellow, pink, and red—bounce in one by one with a soft liquid flow, gently floating and drifting, while a red circular ring draws itself into view. The “Sign up” and “Log in” rounded buttons rise gently from the bottom with a soft fade, a subtle highlight easing across the white button. Transition 1: The “Sign up” button responds to a tap with a small, restrained press-down feedback, and the view cross-dissolves smoothly with a gentle zoom into the main dashboard. Screen 2 (Home Dashboard, cream): At the top, “Good morning, Alex” and the avatar fade in. The black Total Balance card slides up from below with a soft floating settle, and “$ 3,127.89” rolls in digit by digit. The “Top up” and “Send” buttons ease in with a subtle scale. The Categories icons (Food, Transport, Shopping, Bills, More) fade in with a staggered left-to-right cascade and a light bounce. The Recent Transactions list slides up row by row in a layered sequence, and the bottom navigation bar appears. Transition 2: The center button of the bottom navigation bar (the chart/analytics icon) is tapped with a soft press feedback, and the view slides left into the spending analytics page. Screen 3 (Spending Analytics, dark): The “Spending” title fades in, and “$ 1,267.40” rolls up digit by digit. The core donut chart (in blue, pink, yellow, and cream) draws itself clockwise around the circle, and the center “38% Food” figure emerges. Below, the category breakdown list (Food, Transport, Shopping, Bills) slides in row by row, with each amount and percentage easing in. The camera slowly pulls back to hold on the final frame. The overall animation is clean, polished, and breathing, with soft flowing geometric elements, matching a premium minimalist fintech design language. Color palette: cream, pure black, bright blue, yellow, with pink accents. Soft diffused lighting, no unnecessary decoration. Duration approximately 8–10 seconds, 60fps silky-smooth quality, commercial-grade UI motion showcase style.