Chat Bot

Design a single chat-bot screen for one task, such as support, booking, or recommendations. The interface should feel like a real conversation, not a generic messaging app with a bot label on top. Pick one use case and make the bot’s job clear from the first message.

Show the full thread layout: bot intro, user replies, message bubbles, timestamps, and a composer anchored at the bottom. Include quick-reply chips for common responses, plus a text field for open-ended input. The screen should make it obvious how to continue the conversation without hunting for controls.

Show the important states a user will hit: bot typing, sent, failed send, and a way to stop the chat or hand off to a human. Keep the bot’s tone consistent through copy, avatar, and system messages. If you add voice input, make it secondary and easy to ignore.

Highlight the bot's personality with creative use of typography, color, and conversational cues.