Afnan Rauf
Product & UX Designer | Specializing in Fintech, SaaS
AI Conversational Banking Experience
In this concept direction for Al-Kuraimi Bank, I introduced an AI-powered conversational banking experience through an “Ask Anything” interface, allowing users to interact with their banking data in a more natural and intuitive way.
Instead of navigating through multiple screens, users could ask questions such as “How much did I spend last week?”, check transactions, understand account activity, and access relevant core banking features through conversation.
The concept is designed around a Human-in-the-Loop approach, keeping users in control of important banking actions and decisions. In financial products, trust, transparency, verification, and user control are essential, so AI assists the user while critical actions remain reviewable and require human confirmation where appropriate.
This was presented as one conceptual version of the Al-Kuraimi banking experience, exploring how conversational AI could enhance traditional digital banking without replacing the core banking journey.
1
108
Al-Kuraimi Bank — Mobile Banking UI/UX Revamp
A complete fintech & digital banking experience redesign for Al-Kuraimi Bank, rethinking how users view accounts, manage money, make payments, transfer funds, and navigate everyday banking.
The revamp brings together modern fintech UI, intuitive UX, multiple account management, transaction visibility, quick actions, beneficiary flows, and a scalable mobile design system with a polished visual language designed to make complex banking feel simple.
1
127
An Agentic UX Case Study for Hospital Rapid Response
0
3
Agentic Experience Design: Building an AI Agent Inside a Live Healthcare Dashboard
The Problem
Innohlth, a clinical operations platform (RRT, Code Blue, ICU transfers, patient & staff management), relied on manual dashboards, filters, and workflows. No agent. No automation. Just static screens.
The Fix
1 ) I audited every read & write operation to identify where an agentic experience could replace manual work, then designed and built the agent:
2) Mapped workflows and defined what the agent should know, do, and how it should respond
3) Cloned the existing repo, created an isolated branch, and kept production untouched
4) Used Claude Code to build, test, and refine the agent and its generative UI against the real codebase
Verified everything in a safe environment before shipping
The Result
"Ask RRT" is a fully agentic copilot embedded into the dashboard:
Understands intent through natural language not just keywords
Generates charts and visual summaries live with Generative UI
Returns structured responses with summaries, key findings, and attention areas
Integrates seamlessly without disrupting the existing platform
Tools & Skills
Agentic Experience Design · Agent Design · Generative UI · Claude Code · AI Workflow Automation · Healthcare SaaS · Git · CopilotKit · TypeScript · FigJam · Stitch
Need an Agentic Experience for Your Platform?
If you have an existing product and want a real AI agent with Generative UI, not just a chatbot designed and shipped safely into your live system, let's connect..
1
154