Mobile character and avatar creation flow examples

Character and avatar creation flow examples

Step 1 · 9:42
See the flow
invideo AI: AI Video Generator
A modal overlay with a header at the top and a vertical list of plugin options below.
Step 2 · 9:45
See the flow
invideo AI: AI Video Generator
Top navigation bar followed by a primary action button, then a centered empty state illustration and instructional text.
Step 3 · 9:47
See the flow
invideo AI: AI Video Generator
Top navigation bar followed by a photo upload card, a character description input, a script input area, and a bottom primary action button.
Step 4 · 9:49
See the flow
invideo AI: AI Video Generator
Top navigation bar, search bar, privacy notice card, scrollable photo grid, and bottom utility toolbar.
Step 5 · 10:09
See the flow
invideo AI: AI Video Generator
Top navigation/close button, text input field, suggested prompt list, and bottom system keyboard.
Step 6 · 10:15
See the flow
invideo AI: AI Video Generator
Top navigation bar, search bar, grid of file items, bottom navigation bar.
Step 7 · 10:18
See the flow
invideo AI: AI Video Generator
Top navigation bar, followed by a photo upload card, an aspect ratio selector, a large text input area, and a bottom status note.
Step 8 · 10:31
See the flow
invideo AI: AI Video Generator
Top navigation bar followed by a header, a photo upload card, a text input field, an audio player component, and a bottom primary action button.

Step 1 · 5:14
See the flow
invideo AI: AI Video Generator
Top header with title and close button, followed by two rows of cards, and a bottom section for user-created content.
Step 2 · 5:18
See the flow
invideo AI: AI Video Generator
Top navigation bar followed by filter tabs and a two-column grid of actor cards.
Step 3 · 5:20
See the flow
invideo AI: AI Video Generator
Top navigation bar followed by filter tabs, then a two-column grid of actor profile cards.
Step 4 · 5:22
See the flow
invideo AI: AI Video Generator
Top navigation bar, followed by a horizontal tab row, and a two-column grid of actor cards.
Step 5 · 5:31
See the flow
invideo AI: AI Video Generator
A modal overlay containing categorized filter groups with pill-shaped selection tags, ending with a bottom action bar.
Step 6 · 5:37
See the flow
invideo AI: AI Video Generator
Top navigation bar, followed by horizontal filter tabs, a grid of actor selection cards, and a bottom action bar.

Step 1 · 4:03
See the flow
Heyyyy: Stories that text back
Top header with currency and notifications, followed by a segmented control, a grid of character management cards, and a bottom navigation bar.
Step 2 · 4:05
See the flow
Heyyyy: Stories that text back
Top navigation bar, central empty state message with a large action card, and a bottom navigation bar.
Step 3 · 4:14
See the flow
Heyyyy: Stories that text back
Header with cancel button, title, and instructions, followed by a name input field, gender selection buttons, and a bottom call-to-action button.

Step 1 · 0:59
See the flow
Ascend: Bible Game
Top illustration, central text card, gender selection list, bottom primary action button.
Step 2 · 1:05
See the flow
Ascend: Bible Game
The screen features a top illustration of a phoenix, a central text card, and a bottom call-to-action button.
Step 3 · 1:08
See the flow
Ascend: Bible Game
The screen is vertically centered with a title at the top, a central illustration, a text input field in the middle, and two buttons at the bottom.
Step 4 · 1:13
See the flow
Ascend: Bible Game
Header text at the top, central phoenix illustration, vertical list of selectable options in the middle, and two navigation buttons at the bottom.
Step 5 · 1:23
See the flow
Ascend: Bible Game
Header text at the top, central character illustration, vertical list of selection cards in the middle, and two navigation buttons at the bottom.