AI AR Agent
AI AR Agent
Designed and refined the dashboard and workflows for a live AI assistant
Redesigning a working but unstyled product into something small teams actually want to use. From zero visual identity to a full design system, step-by-step onboarding, and a responsive dashboard — designed solo, shipped on a real product.
Overview
AI AR Agent is a live SaaS product for freelancers, small businesses, and service teams. Upload a CSV of invoices — the agent tracks due dates and sends automated reminder emails to overdue clients. No accounting software required.
The product launched with working logic but no design foundation. My role was to take a developer-built interface and transform it into a product with clear user journeys, consistent visual language, and accessibility baked in — while collaborating directly with the developer throughout.
Deliverables
Design system, Prototypes, Responsive UI
Platform
Web — Desktop & Mobile
Tools
Figma, Claude AI
My role
UX/UI Designer
The problem
The original UI had no onboarding, four competing action buttons with no visual hierarchy, inconsistent status labels, and nothing to guide a new user through their first upload.
The solution
A structured onboarding flow, unified design system, dashboard redesigned around invoice status clarity, accessibility-considered UI (contrast, focus states, error messaging), and a mobile-responsive layout in progress.
User Flow
Before designing screens, I mapped the complete user journey to identify key decision points and edge cases — from first landing on the homepage to sending reminders and managing account settings.
The flow revealed three critical moments that shaped design decisions: the magic link confirmation state (what if the email doesn’t arrive?), the CSV upload error state (what if the file format is wrong?), and the delete account confirmation (irreversible action needs friction).
Mapping this upfront meant every screen had a clear purpose within the journey — nothing was designed in isolation.