screensdesign

Mobile camera capture flow examples

Everlook- Face & Body Editor: Using the In-App Camera

Open recorded flow
  1. Step 1 · 11:51

    Everlook- Face & Body Editor: Top header with app name and VIP status, central carousel of images, 'My Draft' section, and a bottom navigation bar with four circular icons.See the flow
    Everlook- Face & Body Editor

    Top header with app name and VIP status, central carousel of images, 'My Draft' section, and a bottom navigation bar with four circular icons.

  2. Step 2 · 11:54

    Everlook- Face & Body Editor: A central system permission modal sits over a camera viewfinder interface with a bottom toolbar and a right-side brightness slider.See the flow
    Everlook- Face & Body Editor

    A central system permission modal sits over a camera viewfinder interface with a bottom toolbar and a right-side brightness slider.

  3. Step 3 · 12:04

    Everlook- Face & Body Editor: Top navigation bar, large central workspace, vertical right-side tool column, and a two-row bottom editing menu with a central shutter button.See the flow
    Everlook- Face & Body Editor

    Top navigation bar, large central workspace, vertical right-side tool column, and a two-row bottom editing menu with a central shutter button.

  4. Step 4 · 12:07

    Everlook- Face & Body Editor: Top navigation bar, central editing area with value display and slider, bottom two-row tool menu.See the flow
    Everlook- Face & Body Editor

    Top navigation bar, central editing area with value display and slider, bottom two-row tool menu.

  5. Step 5 · 12:12

    Everlook- Face & Body Editor: Top navigation bar, large central workspace with adjustment value, horizontal slider, and two-row bottom tool menu.See the flow
    Everlook- Face & Body Editor

    Top navigation bar, large central workspace with adjustment value, horizontal slider, and two-row bottom tool menu.

  6. Step 6 · 12:39

    Everlook- Face & Body Editor: Top navigation bar, large central image preview area, bottom horizontal scrollable effect list, and bottom navigation bar.See the flow
    Everlook- Face & Body Editor

    Top navigation bar, large central image preview area, bottom horizontal scrollable effect list, and bottom navigation bar.

  7. Step 7 · 12:53

    Everlook- Face & Body Editor: Top navigation bar, large central image preview area, bottom horizontal scrollable effect list, and bottom navigation bar.See the flow
    Everlook- Face & Body Editor

    Top navigation bar, large central image preview area, bottom horizontal scrollable effect list, and bottom navigation bar.

  8. Step 8 · 12:58

    Everlook- Face & Body Editor: Top navigation bar, large central preview area, horizontal sticker selection list, bottom navigation bar with primary VIP action.See the flow
    Everlook- Face & Body Editor

    Top navigation bar, large central preview area, horizontal sticker selection list, bottom navigation bar with primary VIP action.

  9. Step 9 · 13:01

    Everlook- Face & Body Editor: Top navigation bar, large central preview area, horizontal sticker selection list, bottom tool navigation bar.See the flow
    Everlook- Face & Body Editor

    Top navigation bar, large central preview area, horizontal sticker selection list, bottom tool navigation bar.

  10. Step 10 · 13:11

    Everlook- Face & Body Editor: Top aspect ratio bar, central image preview area with slider, and two-tiered bottom navigation menu.See the flow
    Everlook- Face & Body Editor

    Top aspect ratio bar, central image preview area with slider, and two-tiered bottom navigation menu.

  11. Step 11 · 13:19

    Everlook- Face & Body Editor: Top settings overlay, central viewfinder, middle intensity slider, bottom feature selection, and bottom-most navigation tabs.See the flow
    Everlook- Face & Body Editor

    Top settings overlay, central viewfinder, middle intensity slider, bottom feature selection, and bottom-most navigation tabs.

Tiny Scanner - PDF Scanner App: Scanning and Editing a Document

Open recorded flow
  1. Step 1 · 0:42

    Tiny Scanner - PDF Scanner App: Top navigation bar, title area, secondary action bar, central illustration with instructional text, and a floating action button at the bottom right.See the flow
    Tiny Scanner - PDF Scanner App

    Top navigation bar, title area, secondary action bar, central illustration with instructional text, and a floating action button at the bottom right.

  2. Step 2 · 0:48

    Tiny Scanner - PDF Scanner App: Top bar with settings, large central viewfinder, bottom mode selector, and bottom action bar with shutter button.See the flow
    Tiny Scanner - PDF Scanner App

    Top bar with settings, large central viewfinder, bottom mode selector, and bottom action bar with shutter button.

  3. Step 3 · 0:58

    Tiny Scanner - PDF Scanner App: Top navigation bar followed by a multi-column grid of document thumbnails.See the flow
    Tiny Scanner - PDF Scanner App

    Top navigation bar followed by a multi-column grid of document thumbnails.

  4. Step 4 · 1:02

    Tiny Scanner - PDF Scanner App: Top navigation bar with back button, page indicator, and replace button. Central document preview area with interactive crop handles. Bottom toolbar with editing tools and a primary action button.See the flow
    Tiny Scanner - PDF Scanner App

    Top navigation bar with back button, page indicator, and replace button. Central document preview area with interactive crop handles. Bottom toolbar with editing tools and a primary action button.

  5. Step 5 · 1:16

    Tiny Scanner - PDF Scanner App: Top bar with title and Done button, central document preview area, horizontal filter selection carousel, and bottom navigation bar with editing tools.See the flow
    Tiny Scanner - PDF Scanner App

    Top bar with title and Done button, central document preview area, horizontal filter selection carousel, and bottom navigation bar with editing tools.

  6. Step 6 · 1:26

    Tiny Scanner - PDF Scanner App: Top header with title and action, central document preview area, bottom contrast slider, and bottom navigation bar with four tools.See the flow
    Tiny Scanner - PDF Scanner App

    Top header with title and action, central document preview area, bottom contrast slider, and bottom navigation bar with four tools.

ScanAny-PDF Scanner App: Scan Document

Open recorded flow
  1. Step 1 · 0:31

    ScanAny-PDF Scanner App: Top navigation bar, central illustration, instructional text, and a bottom floating action button.See the flow
    ScanAny-PDF Scanner App

    Top navigation bar, central illustration, instructional text, and a bottom floating action button.

  2. Step 2 · 0:36

    ScanAny-PDF Scanner App: Top navigation bar, central status text, bottom mode selection tabs, and bottom camera controls.See the flow
    ScanAny-PDF Scanner App

    Top navigation bar, central status text, bottom mode selection tabs, and bottom camera controls.

  3. Step 3 · 0:45

    ScanAny-PDF Scanner App: Top navigation bar, followed by a multi-column image grid, and a bottom action bar.See the flow
    ScanAny-PDF Scanner App

    Top navigation bar, followed by a multi-column image grid, and a bottom action bar.

  4. Step 4 · 0:56

    ScanAny-PDF Scanner App: Top navigation bar, central document preview area, bottom filter selection row, and bottom action toolbar.See the flow
    ScanAny-PDF Scanner App

    Top navigation bar, central document preview area, bottom filter selection row, and bottom action toolbar.

  5. Step 5 · 1:02

    ScanAny-PDF Scanner App: Top navigation bar, central document preview area with interactive cropping frame, and a bottom control bar with selection tools and a primary action button.See the flow
    ScanAny-PDF Scanner App

    Top navigation bar, central document preview area with interactive cropping frame, and a bottom control bar with selection tools and a primary action button.

  6. Step 6 · 1:07

    ScanAny-PDF Scanner App: Top navigation bar, central document preview area, bottom filter carousel, and bottom action toolbar.See the flow
    ScanAny-PDF Scanner App

    Top navigation bar, central document preview area, bottom filter carousel, and bottom action toolbar.

  7. Step 7 · 1:13

    ScanAny-PDF Scanner App: Top navigation bar, followed by a promotional banner, a section header, a list of document items, and a floating action button at the bottom.See the flow
    ScanAny-PDF Scanner App

    Top navigation bar, followed by a promotional banner, a section header, a list of document items, and a floating action button at the bottom.

Found an example you like?See the whole story.