Mobile content creation flow examples

Content creation flow examples

Step 1 · 3:32
See the flow
WeMoms - Pregnancy & Baby App
Top navigation bar, poll question input, poll options container, audience selector, toolbar, and keyboard.
Step 2 · 3:34
See the flow
WeMoms - Pregnancy & Baby App
Top back button, central illustration, header text, two selection cards, and two circular buttons at the bottom.
Step 3 · 3:39
See the flow
WeMoms - Pregnancy & Baby App
Header with back button and post action, followed by a title, search input, and a dense grid of selectable tag chips.

Step 1 · 0:38
See the flow
Yik Yak
Top navigation bar, followed by a vertical scrolling feed of posts, with a bottom navigation bar and a floating action button.
Step 2 · 0:51
See the flow
Yik Yak
Top navigation bar, main content area with post text, bottom modal overlay for tagging, and system keyboard.
Step 3 · 1:01
See the flow
Yik Yak
Top app install banner, search bar, tabbed navigation, followed by a multi-column masonry grid of content cards, with a floating action button at the bottom.
Step 4 · 1:21
See the flow
Yik Yak
Top ad banner, search bar, followed by a two-column grid of image cards.
Step 5 · 1:48
See the flow
Yik Yak
Top banner, back button, image preview area, text formatting toolbar, color palette, and system keyboard.
Step 6 · 2:15
See the flow
Yik Yak
Top navigation bar with cancel and tabs, followed by a search bar, an informational privacy card, and an empty content area.
Step 7 · 2:25
See the flow
Yik Yak
Top app banner, header, poll input fields, settings toggles, tag selector, identity selector, toolbar, and keyboard.
Step 8 · 2:45
See the flow
Yik Yak
A modal sheet with a centered header 'Post to...' followed by a vertical list of selectable items with icons.

Step 1 · 0:55
See the flow
AI Summary - Meeting Notes
Header with title and settings, followed by a tab bar, a central empty state message with a dashed border, and a large floating action button at the bottom.
Step 2 · 0:57
See the flow
AI Summary - Meeting Notes
A modal overlay centered on the screen, containing two distinct sections for different input types.
Step 3 · 1:04
See the flow
AI Summary - Meeting Notes
Top header with title and settings, navigation tabs below, central empty state area with instructions, and a floating action button at the bottom.
Step 4 · 1:15
See the flow
AI Summary - Meeting Notes
Header at the top, audio waveform in the center, and a control panel at the bottom.
Step 5 · 1:24
See the flow
AI Summary - Meeting Notes
Top header, central waveform area with status, bottom control panel with timer and three action buttons.

Step 1 · 1:33
See the flow
invideo AI: AI Video Generator
Header with navigation, central chat input area, horizontal scrollable template buttons, bottom navigation bar.
Step 2 · 2:00
See the flow
invideo AI: AI Video Generator
The screen consists of a background view with a centered modal overlay containing a title, a list of options, and two bottom action buttons.
Step 3 · 2:25
See the flow
invideo AI: AI Video Generator
Top video preview area followed by a modal overlay containing a list of selection options and bottom action buttons.
Step 4 · 2:40
See the flow
invideo AI: AI Video Generator
The screen consists of a background prompt configuration area and a centered modal overlay containing a list of voice options and bottom action buttons.
Step 5 · 2:46
See the flow
invideo AI: AI Video Generator
A modal overlay centered on a background form containing dropdowns and text inputs.
Step 6 · 3:00
See the flow
invideo AI: AI Video Generator
Top-down form with dropdowns, text inputs, and a settings list, ending with a dual-button footer.
Step 7 · 3:18
See the flow
invideo AI: AI Video Generator
Header image, title, prompt input field, settings list, and bottom action buttons.
Step 8 · 3:36
See the flow
invideo AI: AI Video Generator
Header with navigation and profile, followed by a segmented control, three categorized selection sections, and a bottom-anchored primary action button.