Mobile content sharing flow examples

Content sharing flow examples

Step 1 · 7:06
See the flow
VSCO: Photo & Video Editor
Top navigation bar with share menu, central photo preview with histogram, middle list of applied edits, and bottom navigation bar.
Step 2 · 7:08
See the flow
VSCO: Photo & Video Editor
Top navigation bar, central image preview with histogram, list of applied filters/adjustments, bottom progress indicator, and a final cancel button.
Step 3 · 7:12
See the flow
VSCO: Photo & Video Editor
Top header with file info, horizontal app sharing row, grid of action icons, vertical list of secondary actions, and a bottom edit button.
Step 4 · 7:22
See the flow
VSCO: Photo & Video Editor
Top navigation bar, central image preview, text input field, checkbox list, and a large bottom action button.
Step 5 · 7:31
See the flow
VSCO: Photo & Video Editor
Top notification banner, central image preview with histogram, middle list of applied edits, bottom filmstrip, and bottom navigation bar.

Step 1 · 2:59
See the flow
calimoto Motorcycle Navigation
A dark-themed route planning dashboard with a centered modal dialog overlaying the main content.
Step 2 · 3:07
See the flow
calimoto Motorcycle Navigation
Header with date and title, followed by a metrics row, a map preview, a text input field, and two stacked action buttons at the bottom.
Step 3 · 3:17
See the flow
calimoto Motorcycle Navigation
Top navigation bar with route stats, middle modal overlay for user input, bottom navigation controls, and system keyboard.
Step 4 · 3:25
See the flow
calimoto Motorcycle Navigation
Top status bar, route planning dashboard with trip metrics and settings, centered modal popup, bottom navigation bar with primary action button.

Step 1 · 3:28
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, document preview area, centered modal overlay with format selection, and a bottom action bar.
Step 2 · 3:36
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, central document preview area, and a bottom modal action sheet.
Step 3 · 3:49
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, followed by a central card containing a toggle, descriptive text, and an input field, with a bottom footer containing a final action button.

Step 1 · 1:54
See the flow
ScanAny-PDF Scanner App
A modal overlay centered on the screen containing a format selector, a document preview, and a grid of action icons.
Step 2 · 2:06
See the flow
ScanAny-PDF Scanner App
Top navigation bar, document preview area, centered modal dialog, and bottom keyboard.

Step 1 · 11:18
See the flow
Everlook- Face & Body Editor
Top navigation bar, central image preview area, large primary action button, and a bottom row of social sharing icons.
Step 2 · 11:24
See the flow
Everlook- Face & Body Editor
Top navigation bar, central image preview, central save button, bottom sharing/action bar.

Step 1 · 2:05
See the flow
1.1.1.1: Faster Internet
Top illustration, followed by headline text, sub-headline, social sharing icons, and a primary call-to-action button at the bottom.
Step 2 · 2:08
See the flow
1.1.1.1: Faster Internet
Top illustration and headline text, with a bottom-anchored iOS share sheet modal.

Step 1 · 3:15
See the flow
Blinq: Digital Business Card
Top navigation bar, central QR code, card preview card, and a bottom modal overlay containing sharing options.
Step 2 · 3:17
See the flow
Blinq: Digital Business Card
Top navigation bar, central QR code, centered permission modal, bottom sharing action area.
Step 3 · 3:19
See the flow
Blinq: Digital Business Card
Top section with avatars and status text, followed by a bottom-aligned white card containing the main prompt and action buttons.
Step 4 · 3:21
See the flow
Blinq: Digital Business Card
Top navigation bar, followed by a header, a search input field, and a list of contacts.
Step 5 · 3:28
See the flow
Blinq: Digital Business Card
Modal header with title and close button, followed by a recipient field, a message bubble containing a card preview, and a bottom input area with a keyboard.
Step 6 · 3:31
See the flow
Blinq: Digital Business Card
Header with back button, title, search bar, contact list section, and bottom primary action button.
Step 7 · 3:35
See the flow
Blinq: Digital Business Card
Top navigation bar, central QR code, central profile card with floating tooltip, bottom navigation bar.
Step 8 · 3:40
See the flow
Blinq: Digital Business Card
Top header with close button, central QR code, instructional text, and a vertical list of action buttons.