Mobile AI assistant flow examples

AI assistant flow examples

Search the library

Claude by Anthropic: Interacting with the Chatbot

Open recorded flow

Step 1 · 1:07
See the flow
Claude by Anthropic
Top navigation bar, centered greeting with icon, bottom text input field, and system keyboard.
Step 2 · 1:27
See the flow
Claude by Anthropic
A modal overlay centered on the screen, containing a header, a content preview card, an access control list, and a primary action button.
Step 3 · 1:55
See the flow
Claude by Anthropic
Top close button, centered illustration, title, list of benefits, language selection card, and a bottom primary action button.
Step 4 · 2:09
See the flow
Claude by Anthropic
Top navigation bar, central scrollable chat history, and a bottom floating input area.
Step 5 · 2:40
See the flow
Claude by Anthropic
Top navigation icon, central carousel with text cards, pagination dots, and a bottom primary action button.
Step 6 · 3:05
See the flow
Claude by Anthropic
Top-aligned settings icon, center-aligned suggested prompts, bottom-aligned status text and control bar.
Step 7 · 3:36
See the flow
Claude by Anthropic
Top navigation bar, chat history area with AI response, message input box with image attachment, and system keyboard.
Step 8 · 3:56
See the flow
Claude by Anthropic
Top navigation bar, centered greeting with icon, bottom text input field, and system keyboard.
Step 9 · 4:07
See the flow
Claude by Anthropic
Header at top, centered icon and text in the middle, input field and keyboard at the bottom.
Step 10 · 4:55
See the flow
Claude by Anthropic
Top navigation bar, main chat area with bubbles, bottom fixed input field.

Heyyyy: Stories that text back: Chatting with an AI Character

Open recorded flow

Step 1 · 1:59
See the flow
Heyyyy: Stories that text back
Top navigation bar, progress indicator, large empty chat history area, bottom message input bar.
Step 2 · 2:10
See the flow
Heyyyy: Stories that text back
Top navigation bar, followed by a progress indicator, a central chat history area, and a bottom input bar with an integrated keyboard.
Step 3 · 2:24
See the flow
Heyyyy: Stories that text back
Top navigation bar, progress bar, chat history area, bottom modal overlay, and bottom text input bar.
Step 4 · 2:28
See the flow
Heyyyy: Stories that text back
Top header with close button and tab switcher, followed by a multi-column image grid, and bottom floating action buttons.
Step 5 · 2:32
See the flow
Heyyyy: Stories that text back
Top navigation bar with close button, central image area, and bottom input bar with a currency-based action button.
Step 6 · 2:50
See the flow
Heyyyy: Stories that text back
Top navigation bar, progress indicator, scrollable chat history, and bottom message input bar.

Zalando – Online fashion: Product Discovery with AI Assistant

Open recorded flow

Step 1 · 2:02
See the flow
Zalando – Online fashion
Top greeting and category tabs, followed by a feed of content blocks, with a centered modal overlaying the content and a fixed bottom navigation bar.
Step 2 · 2:22
See the flow
Zalando – Online fashion
Top navigation bar, followed by a conversational chat history with bubbles, and a bottom input area with a decorative orange background.
Step 3 · 2:26
See the flow
Zalando – Online fashion
Top navigation bar followed by a vertical chat conversation flow, ending with quick-reply buttons and a bottom text input field.
Step 4 · 2:40
See the flow
Zalando – Online fashion
Top header, AI chat bubble, horizontal product carousel, and bottom chat input area with suggestion chips.