AI Chatbot Integration for Art of Living

Overview

Product Vision

The project focused on integrating an AI-powered chatbot experience into Art of Living European websites to help users easily explore courses, programs, and guided recommendations.

The goal was to simplify user journeys, improve engagement, and create a more personalized support experience for both new and existing users.

Step-1

Requirement Gathering

Collaborated closely with stakeholders and clients to understand the chatbot vision, business goals, user expectations, and overall support experience requirements.

• Stakeholder and client discussions
• Understanding chatbot objectives
• Requirement gathering and flow expectations
• Identifying user support scenarios

Step-2

Chatbot Journey Flow Planning

Planned the end-to-end chatbot conversation flow to create personalized journeys for different user types and course exploration paths.

• New user onboarding journeys
• Existing user recommendation flows
• Course discovery and registration journeys
• AI-powered conversational flow planning using whimsical.com

Step-3

AI-Assisted UI Exploration

Explored rough chatbot interface concepts using AI-assisted tools like Google Stitch & ChatGPT prompts to rapidly generate initial UI directions.

Step-4

UI Refinement in Figma

Refined the AI-generated concepts in Figma by improving layouts, interaction clarity, spacing, visual hierarchy, and usability.

Step-5

AI Avatar Creation

Created and explored chatbot avatar concepts using AI image generation tools Google Gemini give the assistant a more engaging and friendly personality.

Step-6

Vibe Coding Exploration

As an additional exploration, the final UI screens were also tested inside vibe coding platform Lovable & Base44 to quickly visualize interactive chatbot experiences and rapid product experimentation possibilities.

AI Tools Used

AI in Workflow

• ChatGPT — Prompt Creation, Content Generation & UX Exploration
• Whimsical — Chatbot Journey Flow & Conversation Mapping
• Google Stitch — Low-Fidelity Wireframes & Initial UI Exploration
• Figma — UI Refinement, Design Corrections & Client Feedback Updates
• Google Gemini — AI Chatbot Avatar Generation
• Lovable, Base44 — Vibe Coding & Front-End Experience Exploration

Learnings

Key Takeaways

• AI tools accelerated the overall design workflow
• Faster chatbot journey planning and UI exploration
• Reduced manual effort during early-stage ideation
• Improved collaboration between stakeholders and design teams
• Rapid transition from concept to polished UI experiences