Mobile App AI Conversational UI Design
Design Process
Overview
Designed to help users simplify their daily tasks through a conversation based product, my role was to bring Arny to into a product that felt approachable and intuitive.
AI products can somewhat feel complex or unfamiliar which meant that the design needed a balance of being familiar yet innovative.
Solution
By bringing together the brand and the experience patterns users already understand, the design approach was heavily centered around approachability.
Card Design
As the design progressed from low-fidelity to high-fidelity, the card component showed the multiple vacation options generated by the AI chat bot.
This feature allows users to quickly scan their options reducing the time needed for decision-making and researching. In this instance, users can also book their selected option without having to leave the app.
Visual Differentiation
When considering the color palette, I explored how contemporary AI products have minimal color systems. To provide contrast, I introduced the use of subtle gradients in the background and secondary color to distinguish the product from other chatbot experiences.
Mid-fidelity to High-fidelity
When transitioning from mid-fidelity designs, color was introduced to establish visual hierarchy and reinforce the brand identity.
Primary and secondary colors were intentionally used to guide attention toward key actions while maintaining a clean interface. Gradients were introduced to make the app standout, but are kept to a minimum to prevent visual overload.
Conclusion
This case study highlights my approach to design, starting with structure, refining through visual systems, and finishing with a polished interface. Each decision was guided by making sure the design was intentional and easy to use.