[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002F73c2839a-69da-47be-8ba1-9374c9777c1d":3,"content-store-meta":-1,"i-custom:bookmark":174},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":57,"links":164,"dates":171},"\u002Fexamples\u002Fflows\u002F73c2839a-69da-47be-8ba1-9374c9777c1d","detail","flows",true,{"title":9,"description":10,"og_image":11},"DevRev Flow Example: Completing product tour - Nicelydone","This flow guides users through a product tour, showcasing key features across several apps within the DevRev platform, including support ticketing, task…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdfab8074-1fab-4e2a-9c9d-4265d599b055.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":20,"to":4},"DevRev Flow Example: Completing product tour",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"User flow","This flow guides users through a product tour, showcasing key features across several apps within the DevRev platform, including support ticketing, task management, and customer relationship ",[],[],[27],{"uuid":28,"title":29,"description":23,"canonical_path":30,"kind":31,"patterns_count":32,"categories":33,"screens":38,"app":54},"73c2839a-69da-47be-8ba1-9374c9777c1d","Completing product tour","\u002Fexamples\u002Fapps\u002Fdevrev\u002Fflows","flow",4,[34],{"id":35,"title":36,"slug":37},17,"Following product tour","follow-product-tour",[39,46,50],{"uuid":40,"title":41,"description":42,"image":11,"image_alt":43,"width":44,"height":45},"dfab8074-1fab-4e2a-9c9d-4265d599b055","DevRev","Onboarding Sidebar navigation Export","DevRev from DevRev",3024,1802,{"uuid":47,"title":41,"description":48,"image":49,"image_alt":43,"width":44,"height":45},"3cb29573-5569-42a6-839e-5d1c97800ab2","Onboarding Sidebar navigation Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3cb29573-5569-42a6-839e-5d1c97800ab2.png",{"uuid":51,"title":41,"description":52,"image":53,"image_alt":43,"width":44,"height":45},"71796ab0-c8a9-4823-ae00-7c7c66702d6d","Onboarding Export Customize","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71796ab0-c8a9-4823-ae00-7c7c66702d6d.png",{"slug":55,"title":41,"logo":56},"devrev","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdevrev-1d51a192.png",[58],{"family":6,"title":59,"examples":60},"Related user flows",[61,86,112,135],{"uuid":62,"title":36,"description":63,"canonical_path":64,"kind":31,"patterns_count":65,"categories":66,"screens":68,"app":83},"b37925b7-4a30-4901-8d02-1de261ab9a82","User advances through a 6-step Vimcal onboarding tour highlighting Command Center, Slots availability sharing, calendar selection via floating button, and pre-formatted email templates","\u002Fexamples\u002Fapps\u002Fvimcal\u002Fflows",6,[67],{"id":35,"title":36,"slug":37},[69,76,80],{"uuid":70,"title":71,"description":72,"image":73,"image_alt":74,"width":44,"height":75},"9b4cd3fd-81cf-469d-8ceb-4a20e941274e","Vimcal","Keyboard shortcuts","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b4cd3fd-81cf-469d-8ceb-4a20e941274e.png","Vimcal from Vimcal",1758,{"uuid":77,"title":71,"description":78,"image":79,"image_alt":74,"width":44,"height":75},"634486e0-6429-49c2-9892-1233a2acc025","Onboarding","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F634486e0-6429-49c2-9892-1233a2acc025.png",{"uuid":81,"title":71,"description":78,"image":82,"image_alt":74,"width":44,"height":75},"50e3871f-bb26-483d-8a4d-d608f598037b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50e3871f-bb26-483d-8a4d-d608f598037b.png",{"slug":84,"title":71,"logo":85},"vimcal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1e17cb09-2323-4580-b76d-8da94cc5206c.png",{"uuid":87,"title":88,"description":89,"canonical_path":90,"kind":31,"patterns_count":32,"categories":91,"screens":93,"app":108},"4ac54798-f601-42c9-979c-fb76c28a617c","Following canvas tour","User loads workspace then progresses through empty canvas welcome and two product tour steps explaining nodes\u002Fconnectors and collaboration features","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",[92],{"id":35,"title":36,"slug":37},[94,100,104],{"uuid":95,"title":96,"description":97,"image":98,"image_alt":99,"width":44,"height":75},"bfecf78a-1ecf-4c80-aaad-ad53a6a11855","Untitled space - Spaces | Magnific AI","App workspace loading screen showing a custom spinner and a top navigation bar with project breadcrumbs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfecf78a-1ecf-4c80-aaad-ad53a6a11855.png","Untitled space - Spaces | Magnific AI from Magnific",{"uuid":101,"title":96,"description":102,"image":103,"image_alt":99,"width":44,"height":75},"a0e89a4c-9213-4404-b7e7-7503e2b09df3","Workflow builder","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0e89a4c-9213-4404-b7e7-7503e2b09df3.png",{"uuid":105,"title":96,"description":106,"image":107,"image_alt":99,"width":44,"height":75},"94ff107c-e295-41c6-b442-89788d465b6d","Onboarding modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94ff107c-e295-41c6-b442-89788d465b6d.png",{"slug":109,"title":110,"logo":111},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":113,"title":114,"description":115,"canonical_path":116,"kind":31,"patterns_count":117,"categories":118,"screens":120,"app":131},"a821858e-f025-4324-9809-6829915127a9","Following total price introduction","User lands on accommodation search page then encounters sequential modals announcing that trips now display one total price with all fees included","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fflows",3,[119],{"id":35,"title":36,"slug":37},[121,127],{"uuid":122,"title":123,"description":124,"image":125,"image_alt":126,"width":44,"height":75},"81fc9edb-41d7-4ec3-aaea-437bfc637042","Airbnb | Vacation rentals, cabins, beach houses, & more","Landing page where the user searches for travel accommodations by destination, dates, and guests, featuring carousels of popular homes and hotels.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81fc9edb-41d7-4ec3-aaea-437bfc637042.png","Airbnb | Vacation rentals, cabins, beach houses, & more from Airbnb",{"uuid":128,"title":123,"description":129,"image":130,"image_alt":126,"width":44,"height":75},"019ab2da-f69d-4538-b83c-7bbda27a363d","Home page where a modal announces a new pricing display that includes all fees for trips over the standard search and listing carousels.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F019ab2da-f69d-4538-b83c-7bbda27a363d.png",{"slug":132,"title":133,"logo":134},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png",{"uuid":136,"title":137,"description":138,"canonical_path":139,"kind":31,"patterns_count":140,"categories":141,"screens":146,"app":161},"d3f0ce21-1846-4aba-a555-d610de8b8a7d","Exploring AI advisor","Onboarding sequence introducing the AI Advisor feature through interstitials, account connection prompts, and personalized financial insights before entering the main app experience","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fflows",8,[142,143],{"id":35,"title":36,"slug":37},{"id":144,"title":78,"slug":145},45,"onboarding",[147,153,157],{"uuid":148,"title":149,"description":150,"image":151,"image_alt":152,"width":44,"height":75},"6e6cf346-14f2-4bc4-93b0-20f3d76902b0","Origin Financial","Onboarding step where the user is introduced to the AI Advisor and prompted to connect their accounts for tailored financial advice.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e6cf346-14f2-4bc4-93b0-20f3d76902b0.png","Origin Financial from Origin Financial",{"uuid":154,"title":149,"description":155,"image":156,"image_alt":152,"width":44,"height":75},"7601b358-84ff-4a86-9760-ff764d23317d","Onboarding step where the user reads a financial insight about hidden investment fees before continuing to the next screen.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7601b358-84ff-4a86-9760-ff764d23317d.png",{"uuid":158,"title":149,"description":159,"image":160,"image_alt":152,"width":44,"height":75},"c535d99c-d0a5-4a91-97c7-1e8264d3f852","Onboarding step where the user reviews a personalized financial insight about credit card usage before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc535d99c-d0a5-4a91-97c7-1e8264d3f852.png",{"slug":162,"title":149,"logo":163},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png",[165,167,169],{"label":36,"to":166},"\u002Fexamples\u002Fflows\u002Ffollow-product-tour",{"label":168,"to":30},"DevRev user flows",{"label":170,"to":18},"All user flow examples",{"published_at":172,"updated_at":173},"2023-05-15T10:47:29.000Z","2026-09-26T02:30:05.000Z",{"left":175,"top":175,"width":176,"height":176,"rotate":175,"vFlip":177,"hFlip":177,"body":178},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]