Product · AI

Talabat AI Experience

Talabat AI Experience
Clienttalabat
RoleProduct Designer · AI Experience Lead
Year2025
DeliverablesConversational AI experience design, AI design language system, Voice interaction design, Motion system (morph states), End-to-end flow design, User testing and validation

Designing the conversational AI experience for talabat — from traditional search to intent-driven, voice-enabled food discovery across the MENA region.

Traditional search in food delivery apps forces users to think in keywords — but people think in cravings, situations, and groups. The Talabat AI Experience reimagines food discovery through conversational AI, allowing users to express intent naturally via text and voice.

The experience interprets user intent, understands context, and returns personalized results — moving from a search-driven to an intent-driven model. It's built on a scalable AI design language integrated into Marshmallow, talabat's design system.

Tested with users across the region, the experience was perceived as intuitive, intelligent, and responsive. It continues to evolve as part of talabat's ongoing AI exploration.

Overview

The Talabat AI Experience is a conversational interface that transforms how millions of users discover food across the MENA region. Instead of typing keywords into a search bar, users can now describe what they want naturally — by craving, situation, or group — and receive intelligent, personalized results.

Overview

The shift to conversational search

Traditional search forces users to think in keywords: 'pizza', 'sushi', 'burger'. But people don't think that way — they think in cravings ('something spicy'), situations ('quick lunch near me'), and groups ('dinner for 4 with a vegetarian'). Conversational AI bridges this gap, interpreting natural language intent instead of matching keywords.

The experience

Users interact through text and voice. The system interprets intent, understands context (location, time, preferences), and returns curated results. The interaction feels like talking to someone who knows your taste — not searching through a catalog.

AI Language (design system)

A scalable visual and interaction language was developed and integrated into Marshmallow, talabat's design system. This ensures consistency across all AI-powered experiences. The visual system uses warm gradients, subtle textures, and a tone that feels modern and approachable — intelligent without being overwhelming.

The morph

The morph is the core visual element of the AI experience. It represents the AI's behavior — reacting to user input, communicating system states, and providing visual feedback. It's not decorative; it's functional, giving users a sense of responsiveness and intelligence.

Motion & conversational cycles

The motion system defines four key states: listening, thinking, responding, and idle. Each state has distinct motion characteristics that communicate what the system is doing without requiring text. Motion is the language between the user and the AI.

Voice interaction

Voice input creates a real-time visual reaction — the morph responds to amplitude and tone, creating a visceral connection between the user's voice and the interface. Speaking to the app feels alive and responsive.

Key applications

The AI language extends beyond the main experience into icon systems, search bar integration, and multiple entry points across the app. Every touchpoint maintains the same visual and interaction vocabulary.

End-to-end flow

From the moment a user opens the search to receiving curated results, every step is designed to feel seamless. The journey from input to results is fast, visual, and intelligent.

Outcome

Tested with users across the region, the experience was perceived as intuitive, easy to use, and genuinely intelligent. Users reported a strong sense of responsiveness and felt the system understood their intent. The experience continues to evolve as part of talabat's ongoing AI exploration.