Mobile tattoo design flow examples

Tattoo design flow examples

Step 1 · 2:57
See the flow
Tattoo AI - Tattoo Design
Top navigation bar, followed by a large text input area with a floating suggestion bubble, and a system keyboard at the bottom.
Step 2 · 3:05
See the flow
Tattoo AI - Tattoo Design
Top navigation bar with segmented control, followed by a large text input area, a primary action button, and the system keyboard at the bottom.
Step 3 · 3:21
See the flow
Tattoo AI - Tattoo Design
Top navigation bar, central chat conversation area with alternating bubbles, bottom text input field.

Step 1 · 3:30
See the flow
Tattoo AI - Tattoo Design
Header with segmented control, followed by an upload card, a style selection carousel, and a bottom action button, with a persistent bottom navigation bar.
Step 2 · 3:32
See the flow
Tattoo AI - Tattoo Design
Top navigation tabs, followed by an upload area, a style selection carousel, and a bottom modal overlay for subject selection, with a persistent bottom navigation bar.
Step 3 · 3:36
See the flow
Tattoo AI - Tattoo Design
A dark-themed app interface with a central system permission modal overlaying the main content.
Step 4 · 3:38
See the flow
Tattoo AI - Tattoo Design
A standard iOS navigation bar at the top followed by a scrollable list of photo albums.
Step 5 · 3:40
See the flow
Tattoo AI - Tattoo Design
Top navigation bar followed by a dense grid of square image thumbnails.
Step 6 · 3:49
See the flow
Tattoo AI - Tattoo Design
Header with tabs, central image preview card, style selection carousel, large primary button, and bottom navigation.
Step 7 · 3:53
See the flow
Tattoo AI - Tattoo Design
Header with title and close button, followed by a 3x5 grid of style selection cards, and a bottom primary action button.
Step 8 · 4:21
See the flow
Tattoo AI - Tattoo Design
Top header with close button, central 2x2 grid of image cards, and a large bottom action button.

Step 1 · 1:21
See the flow
Tattoo AI - Tattoo Design
Top navigation tabs, followed by a prompt input area, a style selection grid, and a large bottom action button, with a persistent bottom navigation bar.
Step 2 · 1:35
See the flow
Tattoo AI - Tattoo Design
A modal window with a header, two grouped list sections for output types, and a large bottom action button.
Step 3 · 1:39
See the flow
Tattoo AI - Tattoo Design
A vertical stack of selection groups (Color, Format, Aspect Ratio, Gender) with a fixed bottom action button.
Step 4 · 1:42
See the flow
Tattoo AI - Tattoo Design
Top header with tabs, followed by a large prompt input field, a style selection carousel, a large primary action button, and a bottom navigation bar.
Step 5 · 1:47
See the flow
Tattoo AI - Tattoo Design
The screen features a centered progress percentage and status text, with a floating information card positioned in the lower half of the screen.
Step 6 · 1:56
See the flow
Tattoo AI - Tattoo Design
Top navigation bar with close button and title, followed by a 2x2 grid of image cards, a prompt text block, and a large bottom action button.

Step 1 · 1:58
See the flow
Tattoo AI - Tattoo Design
Top navigation bar, central image preview, and a bottom row of three circular action buttons.
Step 2 · 2:01
See the flow
Tattoo AI - Tattoo Design
Top navigation bar, central image area with permission modal overlay, and bottom action bar.
Step 3 · 2:10
See the flow
Tattoo AI - Tattoo Design
Top header with title and buttons, central image preview, file info card, horizontal app icon row, and vertical list of action items.
Step 4 · 2:14
See the flow
Tattoo AI - Tattoo Design
Top navigation bar, central image preview, and a bottom-anchored modal menu with a list of action buttons.