Mobile profile management flow examples

Profile management flow examples

Step 1 · 15:56
See the flow
Klook: Travel & Activities
Header with user info, rewards card, horizontal stats row, vertical list of navigation links, promotional banner, secondary list of links, and bottom navigation bar.
Step 2 · 16:10
See the flow
Klook: Travel & Activities
A background profile settings list with a centered modal overlay containing form inputs and a primary action button.
Step 3 · 16:15
See the flow
Klook: Travel & Activities
A list-based settings page with a modal overlay covering the bottom half of the screen.
Step 4 · 16:18
See the flow
Klook: Travel & Activities
A standard settings list view with a centered modal overlay appearing on top.
Step 5 · 16:20
See the flow
Klook: Travel & Activities
Top navigation bar followed by a vertical list of profile fields with labels and edit buttons.

Step 1 · 5:51
See the flow
Rork
Header with profile info, followed by a loading state, then grouped list sections for settings and community links, ending with a bottom navigation bar.
Step 2 · 6:10
See the flow
Rork
A vertical list of settings sections (Features, Support, Community, Danger Zone) with a persistent bottom navigation bar.
Step 3 · 6:13
See the flow
Rork
Top header, list of settings sections, bottom navigation bar, and a centered modal overlay.

Step 1 · 1:56
See the flow
WeMoms - Pregnancy & Baby App
Top header with pregnancy status, horizontal tab navigation, followed by a vertical feed of community posts, with a bottom sheet overlay.
Step 2 · 1:59
See the flow
WeMoms - Pregnancy & Baby App
Header with avatar and user info, followed by a follow button, a family section, an activity section with tabs, and a bottom navigation bar.
Step 3 · 2:06
See the flow
WeMoms - Pregnancy & Baby App
Top header with avatar and name, followed by stats, a primary action button, a 'My Family' section, and a bottom sheet modal overlay.
Step 4 · 2:27
See the flow
WeMoms - Pregnancy & Baby App
Top avatar and name header followed by a vertical list of menu items.
Step 5 · 2:30
See the flow
WeMoms - Pregnancy & Baby App
Header with profile info, followed by a family status section, a following list, and a bottom navigation bar.

Step 1 · 11:38
See the flow
Rooms
Header with avatar and stats, followed by a filter tab bar, a grid of two room cards, and a bottom navigation bar.
Step 2 · 11:48
See the flow
Rooms
Top navigation bar, followed by a privacy modal, and a grid of photo thumbnails below.
Step 3 · 11:52
See the flow
Rooms
Top header, central image preview area with crop overlay, bottom action bar.
Step 4 · 12:00
See the flow
Rooms
Header with profile info, followed by a tabbed sorting bar, a grid of room cards, and a bottom modal overlay.
Step 5 · 12:05
See the flow
Rooms
Top navigation bar, central hexagonal content area, text details, engagement metrics, right-aligned action buttons, and a bottom navigation bar.
Step 6 · 12:15
See the flow
Rooms
The screen features a top header, a central 3D isometric view of a room with an overlaying book interface, and a bottom social/user bar.
Step 7 · 12:23
See the flow
Rooms
Header with profile info, segmented control for filtering, grid of room cards, and a bottom sheet menu overlay.