Preview image. Unlock full-res
Dual-screen mobile interface with payment card management (left), AI assistant chat (right), and subscription upsell overlays on soft blue gradient background.
Summary
Dual-screen mobile interface with payment card management (left), AI assistant chat (right), and subscription upsell overlays on soft blue gradient background.
Visual description
Left screen: white mobile frame showing dark-card payment UI with partial card numbers (dots), Mastercard/Visa icons, Add Account link, transaction list header, and three transaction rows (payment, transfer, and partial third entry), capped by black bottom nav bar. Right screen: dark blue-to-black gradient background with profile avatar (top), central AI interface showing "Thinking" state with animated dots, bottom dark card showing chat question "Which subscriptions am I using?" with ChatGPT 5o response and white circular action button. Two floating overlays bridge both screens: a light blue Spotify upsell ("Switch to Annual, Save $24/year") and an Aivora AI product card. Soft purple-blue outer gradient unifies the composition.
Key takeaway
The clean separation of concern (payments left, AI right) told through distinct visual zones and color treatments without competing for attention. Subtle animation states ("Thinking" dots) hint at interactivity. Stacked overlays for cross-sell (Spotify + Aivora) are non-intrusive and contextual, not modal popups.
Reuse notes
Effective for fintech dashboards merging payments with assistant features or for products showcasing multiple integrated services. The dual-screen composition works for hero mockups or case studies. Use when the product actually handles subscriptions and AI chat as first-class features, not when either is secondary.
