Behind the Design:
Introduction
This web-based showcase was designed for (MCI LAB), a research and development lab specializing in AI-powered chatbot systems. The objective was to present a diverse portfolio of intelligent virtual assistants, each tailored to specific use cases, through a visually engaging and cohesive interface.
Inspiration from Character and Context
Each chatbot model is represented by a unique mascot and thematic design that reflects its core functionality—ranging from education and entertainment to seasonal services and regional relevance. This character-driven approach adds emotional resonance and makes each model memorable and approachable.
Layout
The layout across all pages follows a unified structure, ensuring consistency while allowing each chatbot to express its individuality. The use of gradient backgrounds and floating 3D spheres reinforces the futuristic and innovative identity of MCI LAB.
Use of Relevant Elements
Visual elements such as animals, cartoon avatars, and symbolic icons are carefully matched with each chatbot’s purpose. These design choices strengthen the connection between form and function, helping users intuitively understand the role of each model.
Features and Capabilities
Each page highlights the chatbot’s unique capabilities—whether it’s voice interaction, sentiment analysis, regional customization, or creative assistance. Clear descriptions and visual cues make technical features accessible to a broad audience.
Diversity of AI Models
From **Shahrzad**, the storytelling assistant, to **Negargar**, the creative companion, the showcase celebrates the versatility of AI. Each model is designed with a specific audience in mind, and the visual language adapts accordingly to reflect tone, purpose, and personality.
Branding and Cohesion
Despite the diversity of chatbot designs, the overall branding remains consistent. The MCI LAB logo, navigation structure, and background visuals unify the experience, reinforcing the lab’s identity and professionalism.
Conclusion
This design project demonstrates how thoughtful UI/UX can elevate the presentation of complex AI systems. By combining clarity, creativity, and strategic storytelling, the interface positions MCI LAB as a leader in intelligent assistant development. The result is a modern, engaging, and user-friendly platform that reflects the lab’s commitment to innovation and accessibility.
