Chat Widget

Intercom-style customer-facing chat widget prototypes

Widget States
Launcher Button
Floating chat button on a website page with unread badge
Trigger
Proactive message bubble above the launcher button
Home Screen
Opened widget with greeting, conversations list, search
Conversation
Active chat with message bubbles, typing indicator, composer
AI Bot
Bot Conversation
Chat with AI assistant, sparkle icon, order lookup
Bot → Human Handoff
AI transfers conversation to a human agent mid-chat
Bot + Article Suggestions
AI suggests help articles as inline cards during chat
Forms
Pre-Chat Form
Name, email, and message form before starting a conversation
Offline / Away
Leave a message form when no agents are available