Mobile document organization flow examples

Document organization flow examples

Search the library

ScanAny-PDF Scanner App: Manage Documents

Open recorded flow

Step 1 · 3:39
See the flow
ScanAny-PDF Scanner App
Top navigation bar, followed by a promotional banner, a 'My Documents' header with utility icons, a vertical list of document cards, and a floating action button at the bottom.
Step 2 · 3:43
See the flow
ScanAny-PDF Scanner App
Top navigation bar, promotional banner, document list, and a centered modal overlay with a grid of action icons.
Step 3 · 3:51
See the flow
ScanAny-PDF Scanner App
Header with app name and selection, promotional banner, document list, and a floating action button at the bottom, with a centered modal overlay.
Step 4 · 3:59
See the flow
ScanAny-PDF Scanner App
Header with app name and settings, promotional banner, document list section, and floating action button at the bottom.
Step 5 · 4:18
See the flow
ScanAny-PDF Scanner App
Header with title and cancel button, followed by a list of selectable project cards, and a bottom action bar.
Step 6 · 4:21
See the flow
ScanAny-PDF Scanner App
Top header with cancel button, followed by a modal overlay containing a list of folders, and a bottom action bar with two buttons.

Scanner App: Genius Scan: Manage Documents

Open recorded flow

Step 1 · 1:54
See the flow
Scanner App: Genius Scan
Top navigation bar followed by a vertical list of document entries, with a floating action button in the bottom right corner.
Step 2 · 2:29
See the flow
Scanner App: Genius Scan
A centered system permission modal overlaying a dark background with a bottom navigation bar.
Step 3 · 2:32
See the flow
Scanner App: Genius Scan
Top header with filter tabs, large grid of image thumbnails, and a bottom navigation bar.
Step 4 · 2:36
See the flow
Scanner App: Genius Scan
Top header with filter tabs, large grid of image thumbnails, bottom action bar, and bottom navigation bar.
Step 5 · 2:40
See the flow
Scanner App: Genius Scan
Top header with document title and navigation, central document preview area, and bottom toolbar for document actions.

Planner 5D: AI Home Design: Managing Project Documents

Open recorded flow

Step 1 · 18:34
See the flow
Planner 5D: AI Home Design
Header at top, grid of folder cards in the center, bottom navigation bar.
Step 2 · 18:37
See the flow
Planner 5D: AI Home Design
Top navigation bar, page title, centered empty state card, and bottom navigation bar.
Step 3 · 18:39
See the flow
Planner 5D: AI Home Design
Top navigation bar, main content area with an empty state card, and a bottom sheet overlay for file selection.
Step 4 · 18:50
See the flow
Planner 5D: AI Home Design
Top navigation bar with cancel and tabs, followed by a search bar, a privacy notice card, and a multi-column grid of image thumbnails.
Step 5 · 19:00
See the flow
Planner 5D: AI Home Design
Top navigation bar, document preview image, two input fields for naming, and a bottom navigation bar.
Step 6 · 19:06
See the flow
Planner 5D: AI Home Design
Top navigation bar, header text, grid-like content area with two cards, and a bottom toolbar.
Step 7 · 19:13
See the flow
Planner 5D: AI Home Design
Top navigation bar, grid of folder cards, bottom action bar.
Step 8 · 19:14
See the flow
Planner 5D: AI Home Design
Top navigation bar, main content area with a grid of folder cards, centered modal dialog, and a bottom toolbar.
Step 9 · 19:20
See the flow
Planner 5D: AI Home Design
Header with navigation, grid of folder cards, and a bottom toolbar with action buttons.
Step 10 · 19:22
See the flow
Planner 5D: AI Home Design
Top navigation bar, central folder icon preview, color selection row, and a text input field for the folder name.