Mobile card scanning flow examples

Card scanning flow examples

Search the library

TCG Card Scanner & Value-Foloy: Scanning & Valuing a Card

Open recorded flow

Step 1 · 1:20
See the flow
TCG Card Scanner & Value-Foloy
Top header with search, total value summary card, central scan call-to-action, trending cards section, and a persistent bottom navigation bar.
Step 2 · 1:30
See the flow
TCG Card Scanner & Value-Foloy
A dark camera viewfinder background with a centered system permission modal and a bottom control bar.
Step 3 · 1:34
See the flow
TCG Card Scanner & Value-Foloy
A centered modal overlay containing a header, a 'good' example, a grid of 'bad' examples, and a bottom action button.
Step 4 · 1:36
See the flow
TCG Card Scanner & Value-Foloy
Top bar with close and light controls, central camera viewfinder with frame overlay, bottom bar with gallery and shutter buttons.
Step 5 · 1:40
See the flow
TCG Card Scanner & Value-Foloy
Top navigation bar with close button, central camera viewfinder with scanning frame, and bottom text instructions.
Step 6 · 1:50
See the flow
TCG Card Scanner & Value-Foloy
Top navigation, large card image, card details section with price and condition, bottom action bar.
Step 7 · 1:52
See the flow
TCG Card Scanner & Value-Foloy
Top back button, centered card image, bottom white sheet containing details, price, condition analysis, and action buttons.
Step 8 · 1:57
See the flow
TCG Card Scanner & Value-Foloy
Top navigation bar, followed by a value analysis card, a list of card metadata, a feedback prompt, and a bottom action bar.
Step 9 · 1:59
See the flow
TCG Card Scanner & Value-Foloy
Top navigation bar, main content area with card details, feedback section, and a bottom action bar with a primary button.
Step 10 · 2:03
See the flow
TCG Card Scanner & Value-Foloy
Header with back button, followed by a value analysis card, a list of card attributes, a feedback section, and a bottom action bar.

Tiny Scanner - PDF Scanner App: Scanning an ID Card

Open recorded flow

Step 1 · 4:10
See the flow
Tiny Scanner - PDF Scanner App
A central modal box containing instructional text and a primary action button, sitting above a secondary navigation area for scanning modes.
Step 2 · 4:25
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, central educational modal overlaying a document preview, and a bottom toolbar with editing functions.
Step 3 · 4:36
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, central document preview area with crop handles, and a bottom sheet modal containing a list of paper sizes.
Step 4 · 4:43
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, central document preview area with an overlay modal, and a bottom toolbar for editing tools.
Step 5 · 4:55
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, central document preview area, bottom action button, and bottom navigation bar.
Step 6 · 5:00
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar followed by a grid of tag selection buttons.

ScanAny-PDF Scanner App: Scan an ID Card

Open recorded flow

Step 1 · 2:14
See the flow
ScanAny-PDF Scanner App
Top bar with close and flash icons, central modal overlay for mode selection, bottom navigation for scan types, and bottom camera controls.
Step 2 · 2:32
See the flow
ScanAny-PDF Scanner App
The screen features a central card-like container with a header, profile image, name, title, and contact information, with navigation elements at the top and bottom.
Step 3 · 2:38
See the flow
ScanAny-PDF Scanner App
Top navigation bar, central document preview with cropping handles, and a bottom toolbar with action buttons.
Step 4 · 2:43
See the flow
ScanAny-PDF Scanner App
Top navigation bar, central document preview area with cropping frame, and a bottom toolbar with editing actions.