Intent
Design a financial intelligence product that feels calm and human. Instead of adding more charts and alerts, the system centers on clarity, pacing, and gentle guidance.
Viori AI — Designing Calm Intelligence for Financial Decisions
A concept AI-powered financial intelligence dashboard designed to help people understand their financial position, anticipate what's next, and act with confidence — without overwhelming them.
FintechAI ProductDashboardConcept Sprint
Overview
Scope
Fast-moving concept sprint covering desktop and mobile. Focused on hierarchy, layout system, and a restrained motion language.
The Challenge
Most fintech products try to prove value by showing more: more metrics, more graphs, more cards, more alerts. The result is often cognitive overload, poor hierarchy, and AI features that feel disconnected from the core experience — especially when desktop and mobile don't translate well.
The goal was to explore a different direction: a dashboard that feels calm, intelligent, and human while still handling complex information like cashflow, payroll, and forecasting.
Setting the Constraints
Product boundaries
- Built for both desktop and mobile from the start.
- Supports real fintech use cases: cashflow, payroll, forecasting.
- Dark, modern, low-noise visual language.
- Motion is subtle and purposeful, never decorative.
Design priorities
- Strong hierarchy with a single clear focal point.
- Generous spacing and calm rhythm across sections.
- AI presence that feels ambient, not demanding.
- Actions placed where confidence is highest.
Finding the Right Structure
Desktop hierarchy
The experience is structured into three zones: navigation on the left, intelligence in the center, and insights on the right. The center becomes the emotional core, anchored by an AI presence.
Mobile translation
On mobile, everything collapses into a vertical flow. The hierarchy remains intact, but actions and readability are prioritized for thumb-friendly access.
Designing for Calm and Clarity
Visual rhythm
Consistent vertical rhythm, generous spacing, and light cards reduce tension. Shadows lift just enough to create depth without heaviness.
Intentional AI presence
A soft 3D glass sphere represents AI as ambient support rather than a demanding focal point. Primary actions live directly below it to guide next steps naturally.
System Thinking, Not Just Screens
Reusable components
Card components, button variants, and sidebar items share a consistent spacing system, with subtle outline-based interactions rather than heavy background fills.
Consistency across devices
A shared grid and spacing logic keeps the experience cohesive even as content and layouts shift between desktop and mobile.
Screens
A calm, low-noise visual system that keeps intelligence at the center and guides attention without overwhelming the user.
Combined desktop + mobile view
Motion Walkthroughs
Desktop walkthrough
16:9 walkthrough focused on the main intelligence panel.
Mobile walkthrough
Vertical flow with the same hierarchy and AI core.
The Result
- Clear hierarchy with calm, focused surfaces.
- Approachable design despite complex financial data.
- Consistent experience across desktop and mobile.
- Intelligent, action-oriented flow from insight to decision.
Reflection
This project reinforced a core belief: good fintech design isn't about showing more data — it's about helping people feel confident making decisions. If taken further, I would explore adaptive AI explanations, progressive disclosure for advanced analytics, personalization based on user behavior, and deeper motion states for forecasting and scenario analysis.