31 Chatbot UI Design Examples from Designers in the Field

Looking for chatbot UI design inspiration to elevate your design game? You’re in the right place.

Chatbots are everywhere — helping users order food, book appointments, or answer customer support questions — but not every chatbot interface gets it right. Well-created chatbots, especially those powered by artificial intelligence, can drive better engagement and business outcomes by delivering more natural, helpful, and scalable interactions.

In this article, we’ve curated 30 chatbot design examples that showcase the perfect blend of functionality and aesthetics. Whether you’re designing a mobile app chatbot, exploring website chatbot design, or diving into AI chatbot UI for web platforms, these examples will spark fresh ideas for your next project. AI chatbots leverage artificial intelligence to provide more personalized, adaptable, and scalable conversational experiences, setting them apart from traditional rule-based systems, and similar principles guide effective dashboard design examples and well-structured form design

We’ll also highlight creative alternatives to traditional chatbot user interfaces, drawing insights from community discussions and real-world examples that push the boundaries of conversational design. For many businesses, templates and proven design patterns are essential for quickly getting started with chatbot UI, especially for marketing and customer support applications.

Ready to get inspired? Let’s dive in!

What is a chatbot UI?

A chatbot UI (user interface) is the visual and interactive layer that allows users to communicate with a chatbot. It encompasses all the elements users see and interact with, such as text bubbles, buttons, input fields, visual icons, and icons, during a conversation.

The role of chatbot UI in user experience

The chatbot user interface design goes beyond aesthetics; it defines the overall experience of interacting with a chatbot. Thoughtful UI design is essential for creating a positive user experience, ensuring that users interact with the chatbot easily and find it pleasant to use. For example, a customer support chatbot with clean visuals and user-friendly chatbot UX transforms issue resolution into an enjoyable task. A well-designed chatbot:

1. Simplifies user tasks: By presenting clear, guided interactions, users can quickly achieve their goals, whether asking questions, booking a service, or navigating content — the same efficiency you see in crisp card UI examples and well-organized list UI design.
2. Humanizes the chatbot: Elements like avatars, conversational tone, and animations make the bot feel more relatable and engaging; accordion UI patterns often use a similar sense of pacing to create a more conversational flow.
3. Balances functionality and design: A clean, intuitive layout removes unnecessary friction, helping users focus on the task at hand, with moments of focus handled gracefully through modal UX and layout decisions seen in strong screen design examples.

For example, a customer support chatbot that uses concise text, smart button options, and a welcoming avatar can make solving problems feel effortless and even enjoyable.

What makes a good chatbot UI?

A good chatbot UI bridges the gap between user expectations and smooth functionality. It’s not just about looking great—it’s about delivering clear, intuitive, and human-like interactions that enhance the user experience. Focusing on user-centric design and providing relevant interactions across channels leads to a better user experience by increasing user satisfaction and engagement, a mindset that also guides decisions in slider UI, radio button design, carousel UI components, input field design, and map UI design.

Chatbots follow the general principles of design examples that help a feature or a product in general be both functional and stand out.

#1. Clarity and simplicity

Users should understand the purpose of the chatbot and navigate it effortlessly. So, use short, clear messages with easy-to-follow prompts. Avoid overwhelming the user with long blocks of text.

#2. Visual hierarchy

Organize content using typography design, colors, and spacing.

Use bold text, icons, or visual cues to highlight important actions or responses. For example, place primary actions (e.g., "Book now") prominently in the UI.

#3. Consistency with brand personality

The chatbot UI should reflect the company’s branding, tone, and personality. You can add conversational elements like avatars, emojis, or animations that align with your brand voice. Developers can use custom code or CSS to customize the chatbot UI, enabling unique branding and tailored functionality to meet specific business needs. A playful chatbot for an entertainment company may use friendly emojis and humor. On the other hand, a banking chatbot will maintain a professional tone. Structural choices such as tabs UX, stepper UI examples, or toggle UX can also help shape the overall interaction style to match the brand.

#4. User-friendly input options

Provide options that make it easy for users to interact: quick replies or buttons for structured inputs; free-text input for natural conversations, file or image upload options, if necessary. Voice commands can also be integrated to allow users to interact with the chatbot through speech.

#5. Error handling and fallback options

Anticipate user errors and provide friendly fallback responses when the chatbot doesn’t understand.

For example: “Sorry, I didn’t quite get that. Could you rephrase or select one of these options?”

#6. Accessibility and responsiveness

Ensure the chatbot works seamlessly across devices—desktop, mobile, or tablet. Follow accessibility guidelines to cater to users with disabilities, such as screen reader support or color contrast adjustments.

#7. Human-like interaction

While a chatbot isn’t human, the experience should still feel natural and engaging. Include conversational tones, empathetic language, and smart responses to make the bot feel intuitive. As an easiest way, you can use typing indicators or friendly greetings like, “Hi there! How can I help today?” Elements like checkbox UX, time picker UX, or subtle popup UI can also support the interaction when the human conversation requires user input or quick confirmations.

Now that we've covered enough theoretical info, it's time to move to our 30 chatbot UI examples.

This curated list of chatbot designs includes the most inspiring chatbot design examples from industry leaders. These showcase best practices for chatbot UX design and actionable tips for crafting your own AI chat interface. When designing your own chatbot, focus on user-centric UI elements such as visual design, responsiveness, and simplicity to ensure an effective and engaging user experience.

Notion AI chatbot

Notion AI offers a seamless integration of AI within its productivity platform, providing users with an intuitive and efficient chatbot interface.

Highlights:

1. Clean, minimalist design:
   
   • The UI is free of clutter, featuring ample white space that enhances readability.
   • Thoughtful use of icons, such as a lightbulb or pen, guides users toward suggested actions like "Ask a question" or "Draft anything".
2. Contextual suggestions:
   
   • Upon launching the AI, users see tailored prompts such as “Brainstorm ideas” or “Draft an email”, simplifying task initiation.
3. User-friendly input field:
   
   • The input box encourages natural interactions with placeholder text (“Ask anything or select...”) and seamless navigation options.
4. Dynamic functionality:
   
   • Notion AI accommodates various tasks, from drafting emails to brainstorming, enhancing productivity through smart automation.

Privado Dining AI agent

Privado Dining is a platform for managing large-party restaurant events, where every booking involves multiple steps — from contracts and menus to payments and scheduling. To help managers handle this complex workflow faster (and with less mental load), Privado Dining partnered with Eleken. As a part of this collaboration, we designed an AI co-pilot embedded directly into the workflow screen.

Instead of a traditional interfaces, the assistant behaves like a smart, contextual chatbot: it analyzes event details and suggests next best actions that managers can review and confirm in one click.

Highlights:

• Context-aware AI summary: A compact “AI Suggestion” panel sits on the right side of the screen, summarizing the situation (e.g., a guest wants to change event space) without covering the main workflow.
• Proactive conflict detection: When there’s an issue—such as a double-booked room—the interface shows a clear warning and explains the conflict, helping managers spot problems before they escalate.
• Ready-to-use recommendations: AI agent proposes concrete next steps, like “Offer to change Event Space to Hall”, with details on capacity and availability. Managers choose an option instead of building a solution from scratch.
• Prewritten responses: Below the suggestion, the assistant generates an editable message to the customer, with key terms (like the new room name or VIP room mention) highlighted. Managers can tweak the copy or send it as is.
• Clear visual hierarchy: AI-driven elements are highlighted in purple, drawing attention without overwhelming the interface. Primary actions like “Go to Event” and “Confirm” sit at the bottom of the panel for quick execution.
• Non-intrusive assistant: The AI block can be collapsed (“Hide response”) when not needed, ensuring the co-pilot always feels like helpful support rather than a distracting overlay.

This design turns the chatbot from a simple "answer questions" helper into a true workflow co-pilot: the AI does the heavy thinking, while managers stay in control of final decisions.

Eleken can help you design a similar user experience for your SaaS application. Schedule a call to discuss your project.

Meta AI chatbot

Meta AI, powered by Llama 3, integrates seamlessly across platforms like Instagram and WhatsApp to enhance user experiences. Designed to function as a multi-purpose AI assistant, it provides both utility and entertainment.

Highlights:

1. Conversational versatility: users can ask Meta AI for recommendations, search for information, or perform creative tasks such as brainstorming ideas, writing, or planning.
2. Integrated media suggestions: on Instagram, Meta AI incorporates visuals seamlessly, such as curated reels or posts relevant to user queries (e.g., restaurant suggestions with images). Rich visual integration creates a more immersive and engaging user experience.
3. Engaging and dynamic prompts: on platforms like WhatsApp, Meta AI offers playful and practical prompts (e.g., “Imagine an aquarium,” “Help write a novel”) to inspire interaction. Suggested prompts encourage users to explore AI features beyond simple queries.
4. Consistent UI design: the input field and response layout remain clean and familiar across both apps, ensuring users can interact effortlessly with the chatbot.

MyInterview

MyInterview is a leading video interviewing platform that reduces hiring time for companies by up to 70%. However, when pitching to enterprise clients like Volvo, the platform needed additional features to meet their demands. Specifically, Volvo requested a chatbot feature to streamline interactions within the recruitment flow.

MyInterview turned to Eleken as their UI/UX design partner to create a chatbot prototype that would showcase this vision. Our designers built a sleek conversational interface where candidates could:

• Choose their preferred language for interaction.
• Answer recruiter questions in a guided, conversational format.
• Upload documents, such as a CV, directly within the chat flow.

The chatbot interaction maintained clarity and simplicity:

• Clear message bubbles ensured easy readability.
• Interactive input options (e.g., quick replies and file upload prompts) minimized friction.
• A human-like conversational tone enhanced the user experience, keeping candidates engaged.
• Additional interface elements such as table design UX, empty state UX, and drag and drop UI can further support clarity when the interaction expands beyond simple messaging.

Presented as a prototype, chatbot was well-received and incorporated into the final product as a permanent feature. Check out homepage design examples to know how you can incorporate chatbots in a way that would feel both noticeable and integral for your landing or home page.  

Natural AI chatbot

Natural AI offers a personalized food ordering experience through an intuitive and visually rich chatbot UI design template. Features like smart prompts and a clean visual layout make it an excellent chatbot UX design example.

Highlights:

1. Tailored recommendations: Users see smart prompts like “Surprise Me” or “Top picks for you” for personalized suggestions.
2. Clean visual layout: High-quality images of food options simplify decision-making.
3. Location-based details: Pickup times, addresses, and distances are clearly displayed for convenience.
4. Quick navigation: Tappable categories like “Sweet food” help users filter options effortlessly.

Bloom chatbot

Bloom delivers an engaging educational chatbot experience that enhances learning through interactive conversations.

Highlights:

1. Friendly design: The chatbot uses a cute, animated character to create an approachable and fun learning environment.
2. Contextual prompts: Users can select quick actions like “Explain this in 1 sentence” for instant, relevant responses.
3. Dynamic input options: The “Ask me anything…” prompt encourages natural, free-form interaction.
4. Vibrant visuals: The gradient background and playful design align with a positive, engaging educational tone. Learn how to make a moodboard if you want to make something as vibrant—you’ll need lots of references! 

ChatGPT chatbot

The ChatGPT chatbot, powered by OpenAI, delivers a flexible and intuitive user experience for tasks ranging from productivity to creativity.

Highlights

• Clean and minimalist interface: Ample white space and subtle branding ensure a clutter-free focus on the conversation.
• Suggested prompts: Options like “Create a cartoon” and “What can ChatGPT do” guide users to explore the bot’s capabilities.
• Multifunctional features: ChatGPT supports coding help, creative brainstorming, trivia, productivity tools, and content creation.
• Seamless input options: Users can leverage voice input, file uploads, and standard text, enhancing flexibility and ease of use.
• Engaging tone: Friendly and approachable conversational language keeps the interaction natural and enjoyable.

PayPal Customer Support Chat

The PayPal chatbot provides structured guidance for common user queries while managing expectations for live agent availability.

Highlights

• Guided responses: The bot asks clarifying questions to direct users to relevant solutions, such as sending messages.
• Availability notifications: Users are informed that agents are offline, with clear return times to manage expectations.
• Alternative resources: Links to the Community and Help Center are provided as fallback options for self-service.
• Interactive UI: Options like "Yes" or "No" allow users to confirm if they need further assistance, streamlining resolution.
• Professional layout: Clean and organized interface with neutral colors and ample white space enhances readability.

Nutmeg Bot

The Nutmeg Bot provides a smooth and user-friendly banking support experience, helping users with account-related queries and product information.

Highlights

• Structured bot responses: The bot offers clear, easy-to-read answers with actionable steps, such as QR code instructions for bank transfers.
• Interactive menu: Users can quickly access options like “My Account”, “Product Information”, and “Frequently Asked Questions”, similar to how well-structured contact form design and calendar UI streamline navigation in other interfaces.
• Feedback prompts: Simple follow-up questions like “Was this helpful?” ensure a smooth support loop.
• Clean and functional UI: The use of emojis and clear button labels improves visual clarity and navigation.
• Human-like touch: Friendly language keeps interactions engaging and approachable.

GoHenry chatbot

The GoHenry chatbot combines financial education with a playful and engaging conversational interface tailored for kids.

Highlights

• Bright, kid-friendly design: Bold colors, cheerful visuals, and an animated robot make learning about money fun and approachable.
• Interactive learning: Users are guided through “money missions” with clear prompts like “What are money missions?”.
• Quick reply buttons: Options such as “Nice one 😁” streamline responses and keep interactions intuitive.
• Friendly tone: The chatbot uses simple, conversational language perfect for younger audiences.
• Educational focus: It transforms financial concepts into engaging, bite-sized lessons.

Cleo chatbot

The Cleo chatbot redefines financial management with a bold, sassy tone and a visually dynamic interface.

Highlights

• Playful personality: Cleo uses witty humor, GIFs, and emojis to make financial advice entertaining and engaging.
• Personalized insights: Features like “Can you afford that thing?” and spending summaries deliver practical and relevant money insights.
• Vibrant visuals: Bright colors, large text, and striking cards draw attention to key financial tips and recommendations.
• Interactive budgeting tools: Options like “I’m on top of them 🦂” and “They’re on top of me 🦀” make budgeting feel conversational and user-friendly.
• Engagement-driven features: Cleo’s motivational tools like “Hype Mode” and 5-minute reads keep users informed and inspired, with structural patterns found in drop down menu UI and profile page design helping organize these features in a familiar, easy-to-browse way.

Wix Chatbot

The Wix chatbot supports users in managing their websites, offering interactive setup and scheduling assistance for business operations.

Highlights:

1. Task-oriented guidance: The chatbot assists with specific user needs like booking setup, availability alignment, and business hours configuration.
2. Clear action items: It presents checklists and progress indicators (e.g., "4/5 completed") for users to track their site setup seamlessly.
3. Structured prompts: Users can engage with predefined actions, like "Set default business hours" or "Update staff schedules," ensuring clarity and relevance.
4. Interactive responses: The assistant replies in-context (e.g., answering requests about live site time slots) and aligns responses with user queries.
5. Integrated within UI: The chatbot seamlessly blends into the interface alongside other website management tools for an uninterrupted workflow.

Otter.ai chatbot

The Otter.ai chatbot enhances productivity by providing AI-driven meeting summaries and actionable insights.

Highlights

• Contextual responses: Users can ask follow-up questions like “What are our next steps?”, and the chatbot delivers clear, relevant action points.
• Interactive meeting tools: Options like “Summary,” “Transcript,” and “Comments” allow users to navigate meeting information seamlessly.
• Collaborative interface: Shared visibility ensures team members stay aligned on tasks and decisions.
• Clean design: The use of white space and readable fonts keeps the layout clean and user-friendly.
• Natural tone: Instructions and action items are communicated clearly in professional yet conversational language.

Slackbot

The Slackbot enhances team productivity and collaboration within Slack channels through quick responses and automation.

Highlights

• Command-based interaction: Users can access shortcuts like /shrug, /status, or /topic for efficient task management.
• Contextual messaging: Slackbot assists with reminders, user mentions, and updates, as seen with tagged usernames for clarity.
• Audio support: Integration with voice messages makes collaboration more dynamic and inclusive.
• Customizable automations: Slackbot simplifies workflows by automating repetitive actions, such as status updates or notifications.
• Clean and efficient UI: The interface keeps input commands, text, and file sharing accessible with a familiar layout.

Claude chatbot

The Claude chatbot delivers intelligent and context-specific assistance, such as translating foreign text seamlessly.

Highlights

• Image-based inputs: Claude processes visual content (e.g., translating Korean text in an image) for enhanced usability.
• Clear responses: Translations and explanations are presented in an organized, easy-to-read format.
• Professional tone: The chatbot maintains clarity and precision, ideal for productivity and informational tasks.
• Safety reminders: Claude proactively includes a disclaimer (“Claude can make mistakes”) to encourage double-checking.
• Clean interface: Minimalistic design with soft colors creates a calming, focused environment.

Dot chatbot

The Dot chatbot provides a personal and intuitive experience, blending creativity and productivity in a conversational format.

Highlights

• Conversational tone: Dot uses a friendly, human-like approach to build rapport and engage users with thoughtful responses.
• Image recognition: The chatbot interprets shared images (e.g., identifying a Logitech mouse) for contextual answers.
• Personalized engagement: Dot tailors interactions based on user input, like guessing personality traits or asking about creative projects.
• Visually soothing design: Soft gradients and ample white space make the chat feel calm and inviting.
• Curiosity-driven prompts: Open-ended questions like “What’s sparking your interest?” encourage deeper engagement and sharing.

Zendesk Chatbots 

Highlights

1. Task-Driven Support: Focused responses with actionable steps for both administrative tasks and general queries.
2. Clear Formatting: Well-structured content with numbered lists and prompts ensures seamless user navigation.
3. Responsive Input: Real-time interaction that adapts to user inputs, minimizing effort to locate solutions.
4. Compact UI Design: The chat module integrates neatly without overwhelming the user experience.
5. Approachable Tone: A friendly, professional chatbot voice makes technical or complex instructions easy to digest.

Check out our SaaS screen design examples if you want to get some inspiration on how to integrate chat bot interfaces into SaaS products.

Klarna Chatbot 

Highlights

• Personalized product recommendations: Klarna’s chatbot showcases tailored product suggestions, such as air fryers, with clear options like pricing, ratings, and product comparisons.
• Interactive queries: Users can engage with the bot through follow-up questions like “What are the key features of Philips Avance?” to receive detailed insights.
• User preference input: Klarna prompts users to select preferred products and asks, “Which one do you like the most?”, creating a conversational flow.
• Feedback loop: The assistant integrates user feedback with “How’s the assistant doing?” to improve functionality.

Canva Chatbot 

Highlights

• Guided assistance: Canva’s chatbot simplifies navigation with step-by-step instructions, such as using the Background Remover tool.
• Feature focused: The assistant highlights key product tools (e.g., Magic Studio and BG Remover) and provides guidance on manual adjustments via the sliders icon.
• Efficiency focus: Answers are designed for quick understanding, emphasizing professional results like “a clean and professional look for your photos”.
• Support continuation: Users are prompted with “How else can I help?” to keep the conversation open for further queries.

Mailchimp Chatbot

Highlights:

1. Helpful guidance: The chat window proactively offers tips for formatting CSV files with easy-to-follow bullet points.
2. Context-aware responses: The bot provides tailored examples, such as labeling columns like "Contact Email Addresses" for clarity.
3. Multiple support pathways: Users can choose between searching help content or contacting support, providing flexibility.
4. Feedback option: A quick-response button (“That’s what I was looking for!”) enables users to confirm if the solution was helpful.
5. Clean design: The minimal interface uses soft colors and distinct message bubbles, ensuring focus on the conversation.

For other SaaS application interface design examples check out this article.

Zalando Chatbot

Highlights

• Conversational guidance: The chatbot initiates interaction with a friendly, personalized greeting: "Hi Sam! How can I help you today?"
• Predefined suggestions: Users are presented with clear options, such as “Show me swimwear for a pool party” or “What should I wear to a barbecue?”, guiding them toward actionable queries.
• Follow-Up responses: Based on user input like “I need a dress for a garden party”, the chatbot dynamically narrows options, prompting for dress preferences such as Short, Midi, or Long.
• UI clarity: A structured, clean design with buttons for quick responses reduces friction and makes decision-making effortless.

Flo Chatbot 

Highlights

• Contextual insights: The chatbot references user data, such as “I see you’ve logged cramps”, personalizing responses to user-specific health input.
• Health guidance prompts: Flo suggests potential causes, such as ovulation, while ensuring clarity: “These could be related to your cycle...”.
• Proactive assistance: Flo anticipates user needs with follow-up prompts like “Want to check your symptoms and find out?” and provides a simple “Yes, please” button for quick engagement.
• Minimalist UI: The clean, conversational layout uses soft tones, rounded buttons, and concise messages to create a calming and supportive user experience.

Webflow Chatbot 

Highlights:

1. Step-by-step instructions: The chatbot provides clear, actionable steps to resolve user queries, such as centering text in Webflow.
2. Resource integration: It includes supplementary options like watch clips and related tutorials (e.g., “Center elements with flexbox”) for deeper learning.
3. Feedback option: Users can quickly indicate if the response was helpful using thumbs-up or thumbs-down icons.
4. Follow-up support: The bot encourages further interaction with a dedicated input box for follow-up questions.
5. Clean UI design: The chatbot blends seamlessly into the interface with a compact layout, clear headings, and organized responses.

Speak chatbot

The Speak chatbot is an interactive language-learning tool that combines voice and text for a seamless educational experience.

Highlights

• Voice-enabled learning: Users can practice speaking Spanish in real-time with interactive audio input and feedback.
• Engaging prompts: Questions like “¿Cómo se dice ‘mother’ en español?” encourage active participation in vocabulary exercises.
• Instant feedback: Visual suggestions, such as “Se dice ‘madre’”, help users correct and improve their responses.
• Minimalist design: Clean UI with simple text bubbles and clear voice controls enhances focus on learning.
• Interactive audio controls: Play, pause, and record options ensure flexible practice for learners at any level.

Snapchat AI Chatbot

The Snapchat AI chatbot offers creative and user-driven assistance for generating imaginative prompts, enhancing engagement with playful and visually appealing suggestions.

Highlights

• Creative prompt generation: Users are provided with fun and quirky pre-set ideas like “A mischievous slice of pizza hosting a stand-up comedy night in a refrigerator” or “Hyper realistic tropical vacation”.
• Customizable input: The input field allows users to enter unique prompts, such as “cozy penthouse overlooking New York City skyline”, fostering personalization and creativity.
• Visual hierarchy: Suggestions are presented in a clean, scrollable list, with active selections distinguished using a star and clear highlighting.
• Intuitive keyboard integration: The UI seamlessly blends the chatbot interface with the keyboard for fast, user-driven input.
• Dark mode design: The sleek dark background with bold text ensures visual comfort and modern aesthetics.

ClickUp Chatbot

Highlights:

1. Task-centric prompts: The chatbot offers tailored suggestions for user tasks, like “What tasks am I working on?” and “What should I work on next?”
2. Enhanced integration: It allows users to pull knowledge from tools like Confluence or Notion, enhancing cross-platform productivity.
3. Writing assistance: Suggestions for document creation (e.g., “Write product requirements document”) help streamline workflows.
4. Quick input bar: The clean input field at the bottom allows users to submit queries seamlessly with clear icons for submission.
5. Compact interface: Organized layout with collapsible options keeps the interface intuitive and focused.

GOAT Assist Chatbot

The GOAT Assist chatbot streamlines customer support by efficiently guiding users through order cancellation with predefined options.

Highlights

• Structured options: Users can quickly select reasons for cancellation (e.g., “I ordered the incorrect size”), reducing friction in task completion.
• Clear conversational flow: The chatbot follows a step-by-step process to ensure clarity and user understanding.
• Dark-themed UI: The sleek black background with contrasting white text enhances readability and provides a premium, modern look.
• Minimal interaction friction: The predefined buttons eliminate the need for manual text input, saving time and effort.
• FAQs integration: A “View FAQs” option supports users needing additional help without leaving the chatbot interface.

Calendly Chatbot

Highlights:

1. Prompt information collection: The chatbot systematically requests key details like the user's name and email to streamline support.
2. Clear confirmation: It confirms submission of the query with a reassuring message, providing a ticket number for reference.
3. Proactive follow-up: The bot informs users that a support team member will contact them via email, setting expectations.
4. Feedback option: Users can rate the chatbot's helpfulness using thumbs-up or thumbs-down icons, encouraging engagement.
5. Minimalist design: The clean, uncluttered interface ensures focus, with clear message bubbles and subtle branding elements.

Amazon Prime Video Messaging Assistant

The Amazon Prime Video messaging assistant streamlines customer service by offering a conversational, guided interface to resolve queries.

Highlights

• Conversational onboarding: The chatbot introduces itself and explains its purpose clearly, easing users into the experience.
• Guided interaction: Users are instructed to respond via buttons or messages, minimizing confusion for less tech-savvy users.
• Real-time responsiveness: Typing indicators simulate a natural conversation flow, enhancing the user experience.
• Professional tone: Clear and polite language ensures the chatbot feels approachable yet reliable for customer support.
• Minimalistic UI: The clean layout with soft colors prioritizes message visibility, fostering a user-friendly and distraction-free interface.

Microsoft Copilot Chatbot

The Microsoft Copilot chatbot delivers engaging and interactive responses, combining utility with entertainment.

Highlights

• Task-specific interaction: The chatbot handles direct requests, like generating funny riddles, with seamless processing.
• Dynamic response feedback: Clear visual indicators, such as checkmarks and progress messages (“Generating answers for you…”), enhance transparency.
• Playful tone: Responses include humor, emojis, and engaging text to create a lighthearted user experience.
• Interactive follow-ups: Quick-reply buttons (“Tell me another riddle”) encourage continued engagement without requiring manual input.
• Resourceful design: Embedded links to external resources provide added value for users seeking further exploration.

Expedia Virtual Agent Chatbot

The Expedia Virtual Agent chatbot is designed for travel assistance, seamlessly managing user queries and providing support.

Highlights

• Personalized support: The chatbot uses the user’s name and travel context (“I see you have a trip coming up”) for a personalized experience.
• Smooth handoff to agents: It identifies when it cannot resolve an issue and offers to connect users with a human agent.
• Quick-reply options: Buttons like “Contact an agent” and “Not right now” allow users to take quick actions without typing.
• Status updates: The chatbot proactively communicates potential issues (e.g., account problems) to ensure timely resolutions.
• Clear interface: Clean, organized chat bubbles, along with a disabled text field when action prompts are displayed, provide a focused interaction.

World of Hyatt Live Chat

The World of Hyatt chatbot facilitates a smooth transition between automated system messages and human agents for guest support.

Highlights

• System notifications: Informative system messages provide transparency about data privacy, agent availability, and chat status.
• Queue status updates: Users are notified that their chat will be addressed by the next available agent, managing expectations.
• User input field: A clear and simple text field allows free-form input for personalized messages.
• Real-time updates: The interface shows messages like "Found the reservation number!" immediately, ensuring smooth communication.
• Clean and professional UI: Minimalistic design with neutral colors enhances focus and usability for customer support.

Not only chatbots

While chatbots are a common application of AI and LLM technology, they are far from the only design option available. Designers and researchers are pushing boundaries with tools that reimagine how we interact with AI—exploring creative solutions, dynamic interfaces, and transformative tools for thought. From novel prototypes to experimental platforms, there’s an entire world of AI-augmented products beyond conversational interfaces.

Here are some standout examples, including a curated list from the UX community and innovative work from designers, labs, and research projects.

Ink & Switch:
A UX prototyping and research studio creating novel interfaces. Notable projects include:

• Muse: A canvas for thinking and brainstorming.
• Potluck: Dynamic documents as personal software.
• Untangle: Solves problems with fuzzy constraints.
• Embark: Dynamic documents for making plans​.

UC San Diego Creativity Lab:
Generates AI/LLM prototypes and research. Key projects include:

• Sensescape: Multilevel exploration and sensemaking with LLMs.
• Graphologue: Exploring LLM responses with interactive diagrams.
• Luminate: Structured exploration of design spaces for human-AI collaboration​.

Maggie Appleton:
A designer experimenting with LLM-based interfaces:

• Language Model Sketchbook: Exploratory projects like Daemons, Branches, and Epi​.

Lightrail:
A platform for cross-app AI actions with features for pulling context from apps and running actions. Explore the Lightrail GitHub repository​.

Orbit & Quantum Country:
Tools that explore memory retention and transformative tools for thought:

• Orbit: A periodic review tool for learning.
• Quantum Country: A mnemonic medium for effortless recall​.

VISAR:
A Human-AI argumentative writing assistant that combines visual programming and rapid prototyping​.

Casual Creators:
Introduces the concept of autotelic creativity systems for supporting creative processes​.

Need design help? 

Chatbots may dominate the AI design landscape, but website chatbot examples and chatbot UI kit examples show the diversity of design possibilities. Exploring innovative tools, interfaces, and prototypes opens up exciting possibilities for creating more engaging, intuitive, and smooth user experiences. Whether you're integrating a chatbot or pushing the boundaries of AI-augmented design, thoughtful execution is key.

Eleken is a subscription-based UI/UX design agency focused on complex SaaS and AI products.
Founded in 2015 and originating from Kyiv, Ukraine, we’ve grown into a 100+–person distributed team that has shipped 200+ projects and 60+ case studies across data, AI, geospatial products, legal tech, healthcare, finance, and more. Our work has helped clients:

• Reduce churn in legacy SaaS products (like fixing MyInterview’s 90% candidate drop-off issue)
• Unlock product–market fit and growth
• Raise funding rounds (from early seed to multimillion investments)

We work best with SaaS startups and scale-ups that need direct access to designers, fast iteration, and deep thinking around tricky UX problems such as:

• AI assistants, copilots, and chatbot-like workflows
• Data-heavy dashboards and complex B2B flows
• Legacy app redesign and UX audits
• New product design from scratch or product extension

Our model is simple: a flat monthly subscription (full-time $5,999/mont or $3,799/month part-time) instead of hourly billing. Every designer we hire is in the top talent pool — we screen for design skills, critical thinking, and clear communication, put them through a 3-month internal UX bootcamp, and back their work with ongoing senior oversight and peer reviews.

We don’t do development — we focus on design only — which is why many SaaS teams use Eleken as a long-term design partner while keeping engineering in-house or with their own vendors.

If you’re exploring an AI chatbot, an internal co-pilot, or a full product redesign and want a team that lives and breathes SaaS UX, we’d love to talk.