Designing a Platform for YouTube AI Conversational bots
About: ConvoGrid.ai is a groundbreaking platform that empowers creators to design, manage, and share conversational AI bots tailored to their unique audiences. With its focus on usability and an engaging visual language, the platform bridges the gap between technical complexity and creativity, making AI bot creation accessible for YouTube creators and beyond.
Challenge: The main challenge was balancing a fun, youthful design language with robust functionality. We needed to ensure the platform would appeal to Gen Z creators while maintaining usability across both desktop and mobile. Managing diverse chatbot features, payment systems, and various integrations also required a highly intuitive user experience.
Approach: Our team approached the project by developing a bold, skewed visual style paired with smooth interactions. By focusing on user-centric workflows, mobile responsiveness, and seamless integration of features like chatbot creation, conversation management, and analytics, we delivered a platform that is both functional and enjoyable to use.
* The bots featured are conceptual examples created for design purposes and do not imply official partnerships or endorsements from the individuals mentioned.
“Working with the team was an absolute pleasure. Their creative approach and focus on user experience and branding helped us bring ConvoGrid to life. They took our vision and elevated it with a dynamic UI/UX design that’s as functional as it is engaging.”
Redefining the Experience
Before we joined the project, the platform existed under the name BotGrid with a basic, functional UI. Our collaboration marked a turning point—focused on transforming the product into a more intuitive and visually engaging experience tailored to Gen Z and creator-centric users. Through stakeholder interviews and competitive research, we identified key usability gaps and design opportunities. The result is a refreshed interface with improved navigation, better content prioritization, and a modern visual language that brings energy, clarity, and excitement to the product.
Wireframes
The initial wireframes prioritized clarity in navigation and workflows. We mapped out each key feature—chatbot creation, bot lists, and conversations—through iterative prototyping. This allowed us to test the user flow early and refine it based on feedback.
Visual Style and Branding
The visual language combines bold gradients, skewed shapes, and vibrant pops of color to capture the energy of the platform’s Gen Z audience. Emojis and animations, like confetti effects, enhance the playful tone while maintaining a clean and functional design. The branding, including the logotype, was created to embody accessibility and innovation.
Features
Chatbot Creation Flow
Users can seamlessly build bots by linking content from diverse sources like YouTube, web pages, and files. We designed intuitive interface and clear instructions to simplify the process for creators of all experience levels.
Main Chatbot List
The main page showcases a curated list of bots with engaging visual cards. Each card includes an avatar, badges for achievements, and quick stats like likes and comments. Filters and tags, such as "Trending" or "Entertainment," allow users to discover bots easily.
YouTube Plugin Integration
Once activated via ConvoGrid, the plugin appears directly on the creator’s YouTube page, allowing viewers to instantly initiate a conversation with the creator’s AI-powered bot. When users click the button, a compact modal appears, offering a smooth and non-intrusive chat interface that feels native to YouTube’s design. This allows creators to stay connected with their audience without disrupting their content flow.
In-Platform Conversations
Beyond the plugin, users can also engage with bots directly on the ConvoGrid platform. The built-in chat interface enables seamless switching between bots, while preserving full conversation history for easy reference. Imported bots retain their unique personality and visual style but are elegantly adapted to match ConvoGrid’s cohesive user experience. Whether chatting with built-in bots or external imports, users benefit from a consistent and intuitive interaction model.
Badge System
Badges on ConvoGrid highlight a bot’s popularity, credibility, or activity. Displayed over bot avatars, they add visual impact and help bots stand out across the platform. Each badge is minimal yet distinctive, reinforcing trust and making top bots easier to discover.
Bot Sharing
The platform makes it effortless to share your bots across social media. Whether users want to promote their own bots or help others discover valuable assistants, the built-in sharing feature generates a link and enables quick posting to LinkedIn, Twitter, Instagram, and more — amplifying reach and bringing new users to ConvoGrid.
Payment System
We created designs for multiple payment integrations, including PayPal, Google Pay, and credit cards, to support flexible plan upgrades. Both happy and unhappy flows were designed, ensuring smooth payment handling and error recovery.
Mobile Responsiveness
The platform’s mobile-first design ensures users can create, edit, and manage their bots seamlessly from any device. The interface dynamically adjusts to smaller screens without compromising usability or visual appeal.
Have a project in mind?
MORE CASES
Designing a Generative AI Applications Software Platform
Redesign of the UAE's official parcel delivery service
