[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":301},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":278,"links":279,"dates":298},"\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Travelperk user flows examples - Nicelydone","Explore Travelperk user flow examples. Preview the opening screens and steps for each task. Travel for work made simpler and smarter","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc135c800-388b-4970-9c88-2950d9fbe7df.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Travelperk design examples","\u002Fexamples\u002Fapps\u002Ftravelperk",{"label":23,"to":4},"Travelperk user flows examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Travelperk","travelperk","Travel for work made simpler and smarter","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftravelperk-tuhcpuzp.png","https:\u002F\u002Fwww.travelperk.com",[35,39,43,47],{"id":36,"title":37,"slug":38},5,"Travel","travel",{"id":40,"title":41,"slug":42},26,"Events","events",{"id":44,"title":45,"slug":46},36,"Finance","finance",{"id":48,"title":49,"slug":50},56,"Accounting","accounting",[52,74,96,111,136,146,165,185,199,226,236,256],{"uuid":53,"title":54,"canonical_path":4,"kind":55,"patterns_count":56,"categories":57,"screens":61,"app":73},"9a8e4e8c-e431-443a-b4a8-468d1e225bfe","Signing in","flow",9,[58],{"id":59,"title":54,"slug":60},61,"sign-in",[62,69],{"uuid":63,"title":64,"description":65,"image":11,"image_alt":66,"width":67,"height":68},"c135c800-388b-4970-9c88-2950d9fbe7df","TravelPerk","Sign-in screen where the user authenticates with their email, Google OAuth, or enterprise SSO.","TravelPerk from Travelperk",3024,1780,{"uuid":70,"title":64,"description":71,"image":72,"image_alt":66,"width":67,"height":68},"bf2ed236-5279-4e5f-a597-53c3427e6232","Sign-in screen where the user authenticates with an email address, Google, or SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf2ed236-5279-4e5f-a597-53c3427e6232.png",{"slug":30,"title":29,"logo":32},{"uuid":75,"title":76,"canonical_path":4,"kind":55,"patterns_count":77,"categories":78,"screens":82,"app":95},"b9689c3b-e3f7-4460-822f-f8730f160f7a","Onboarding",21,[79],{"id":80,"title":76,"slug":81},45,"onboarding",[83,87,91],{"uuid":84,"title":64,"description":85,"image":86,"image_alt":66,"width":67,"height":68},"7cd24444-3ade-4d93-8bea-755aefba646a","Signup page where the user enters their work email, first name, and last name to begin a multi-step account creation process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7cd24444-3ade-4d93-8bea-755aefba646a.png",{"uuid":88,"title":64,"description":89,"image":90,"image_alt":66,"width":67,"height":68},"0090f146-1c9a-4709-8f71-13e8a5551ba0","B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0090f146-1c9a-4709-8f71-13e8a5551ba0.png",{"uuid":92,"title":64,"description":93,"image":94,"image_alt":66,"width":67,"height":68},"1249fec2-e8ed-472c-b5fc-006bd5212260","Account creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1249fec2-e8ed-472c-b5fc-006bd5212260.png",{"slug":30,"title":29,"logo":32},{"uuid":97,"title":98,"canonical_path":4,"kind":55,"patterns_count":99,"categories":100,"screens":101,"app":110},"c4c73fd7-a474-45b5-a99f-63a0974a410b","Providing professional and company details",18,[],[102,103,106],{"uuid":92,"title":64,"description":93,"image":94,"image_alt":66,"width":67,"height":68},{"uuid":104,"title":64,"description":89,"image":105,"image_alt":66,"width":67,"height":68},"a080da7c-f094-4f09-af63-9d696d17742f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa080da7c-f094-4f09-af63-9d696d17742f.png",{"uuid":107,"title":64,"description":108,"image":109,"image_alt":66,"width":67,"height":68},"0c13784b-5a72-4678-a58c-e339acb1547e","Account creation SaaS onboarding","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0c13784b-5a72-4678-a58c-e339acb1547e.png",{"slug":30,"title":29,"logo":32},{"uuid":112,"title":113,"canonical_path":4,"kind":55,"patterns_count":114,"categories":115,"screens":120,"app":135},"43d5cafa-94d3-4565-a9fa-bf96b6da815c","Searching and booking flights",82,[116],{"id":117,"title":118,"slug":119},97,"Booking","book",[121,127,131],{"uuid":122,"title":123,"description":124,"image":125,"image_alt":126,"width":67,"height":68},"c8cdc12a-f8de-4bb6-90bc-f554353f5143","Book your next business trip — TravelPerk","Search page where the user builds a flight query by selecting trip type, destinations, dates, and travelers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc8cdc12a-f8de-4bb6-90bc-f554353f5143.png","Book your next business trip — TravelPerk from Travelperk",{"uuid":128,"title":123,"description":129,"image":130,"image_alt":126,"width":67,"height":68},"57e601a2-4234-4d54-8796-2c22981cbd38","Home screen where the user searches for round-trip, one-way, or multi-city flights by entering origin, destination, dates, and traveler details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57e601a2-4234-4d54-8796-2c22981cbd38.png",{"uuid":132,"title":123,"description":133,"image":134,"image_alt":126,"width":67,"height":68},"0f78b500-a650-4d08-8da0-6492398d7fff","Search page where the user configures a flight query by selecting round-trip, dates, locations, and traveler details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f78b500-a650-4d08-8da0-6492398d7fff.png",{"slug":30,"title":29,"logo":32},{"uuid":137,"title":138,"canonical_path":4,"kind":55,"patterns_count":139,"categories":140,"screens":141,"app":145},"9bfff86e-912a-49a1-9ddf-a42c8072fc50","Initiating flight search",25,[],[142,143,144],{"uuid":122,"title":123,"description":124,"image":125,"image_alt":126,"width":67,"height":68},{"uuid":128,"title":123,"description":129,"image":130,"image_alt":126,"width":67,"height":68},{"uuid":132,"title":123,"description":133,"image":134,"image_alt":126,"width":67,"height":68},{"slug":30,"title":29,"logo":32},{"uuid":147,"title":148,"canonical_path":4,"kind":55,"patterns_count":149,"categories":150,"screens":151,"app":164},"8eb5bac2-b1b9-40bf-acc9-f038fa5f9e1f","Selecting return flight",30,[],[152,157,161],{"uuid":153,"title":64,"description":154,"image":155,"image_alt":66,"width":67,"height":156},"5ba82a8b-13ea-4025-a8e4-a3ff71597f87","Search results page where the user selects a return flight from a list of options with varying fare classes in a matrix layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ba82a8b-13ea-4025-a8e4-a3ff71597f87.png",5744,{"uuid":158,"title":64,"description":159,"image":160,"image_alt":66,"width":67,"height":156},"842e0205-4043-483e-88be-6109eb44b8a4","Search results","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F842e0205-4043-483e-88be-6109eb44b8a4.png",{"uuid":162,"title":64,"description":159,"image":163,"image_alt":66,"width":67,"height":156},"d001fe82-3790-45dd-9338-729096db9ccf","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd001fe82-3790-45dd-9338-729096db9ccf.png",{"slug":30,"title":29,"logo":32},{"uuid":166,"title":167,"canonical_path":4,"kind":55,"patterns_count":168,"categories":169,"screens":170,"app":184},"67aea755-41a4-4933-b27a-4e0c78800bd2","Selecting seats and baggage",7,[],[171,176,180],{"uuid":172,"title":64,"description":173,"image":174,"image_alt":66,"width":67,"height":175},"171f6704-dfbf-4f25-81b1-141d95a9905d","Flight booking step where the user configures loyalty programs, seat selection, and carry-on baggage before adding the flight to their trip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F171f6704-dfbf-4f25-81b1-141d95a9905d.png",2820,{"uuid":177,"title":64,"description":178,"image":179,"image_alt":66,"width":67,"height":175},"b8fcc9c0-675f-4852-b87f-5e063a57da67","Detail page where the user selects a specific seat for their flight from a visual airplane map.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb8fcc9c0-675f-4852-b87f-5e063a57da67.png",{"uuid":181,"title":64,"description":182,"image":183,"image_alt":66,"width":67,"height":175},"42c86094-62dc-4ce5-b323-e5cea80f4d72","Modal overlay where the user selects a seat for a specific flight leg from an interactive seat map before proceeding to the next flight.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42c86094-62dc-4ce5-b323-e5cea80f4d72.png",{"slug":30,"title":29,"logo":32},{"uuid":186,"title":187,"canonical_path":4,"kind":55,"patterns_count":168,"categories":188,"screens":189,"app":198},"230c05dc-a91e-4fa7-aa5f-077575a78374","Reviewing and finalizing flight configuration",[],[190,194],{"uuid":191,"title":64,"description":192,"image":193,"image_alt":66,"width":67,"height":175},"706b7b78-62f4-434b-bccd-90d478a2a1da","Detail page where the user configures flight extras like loyalty programs, seat selection, and carry-on baggage before adding the flight to their trip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F706b7b78-62f4-434b-bccd-90d478a2a1da.png",{"uuid":195,"title":64,"description":196,"image":197,"image_alt":66,"width":67,"height":68},"e8ea80e5-8111-478b-b14a-d03be6600046","Detail page where the user configures flight extras like loyalty programs and seat selection while reviewing the full itinerary and total price in a side drawer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8ea80e5-8111-478b-b14a-d03be6600046.png",{"slug":30,"title":29,"logo":32},{"uuid":200,"title":201,"canonical_path":4,"kind":55,"patterns_count":202,"categories":203,"screens":209,"app":225},"cb81a179-e209-4f3a-95d5-657686ca9afc","Adding hotel to trip",31,[204,208],{"id":205,"title":206,"slug":207},80,"Adding","add",{"id":117,"title":118,"slug":119},[210,217,221],{"uuid":211,"title":212,"description":213,"image":214,"image_alt":215,"width":67,"height":216},"a98d8217-c0f6-4696-9f64-20e2fa6eea54","Flight to New York — TravelPerk","Detail page where the user reviews their draft itinerary for a flight to New York, including travelers, flight segments, and total price before continuing to checkout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa98d8217-c0f6-4696-9f64-20e2fa6eea54.png","Flight to New York — TravelPerk from Travelperk",3282,{"uuid":218,"title":212,"description":219,"image":220,"image_alt":215,"width":67,"height":216},"e81910af-fa4d-4e6e-89c3-02bd1e8a7ec1","Trip itinerary page where the user is searching for hotels via a top overlay, with existing flights to New York and Barcelona visible in a timeline below.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe81910af-fa4d-4e6e-89c3-02bd1e8a7ec1.png",{"uuid":222,"title":212,"description":223,"image":224,"image_alt":215,"width":67,"height":68},"75510632-521d-4ff5-8d25-1f926a1d7058","Date picker","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F75510632-521d-4ff5-8d25-1f926a1d7058.png",{"slug":30,"title":29,"logo":32},{"uuid":227,"title":228,"canonical_path":4,"kind":55,"patterns_count":229,"categories":230,"screens":231,"app":235},"3e39130f-4f05-44d5-bda6-d8ac8e27d3b3","Searching for hotels",11,[],[232,233,234],{"uuid":211,"title":212,"description":213,"image":214,"image_alt":215,"width":67,"height":216},{"uuid":218,"title":212,"description":219,"image":220,"image_alt":215,"width":67,"height":216},{"uuid":222,"title":212,"description":223,"image":224,"image_alt":215,"width":67,"height":68},{"slug":30,"title":29,"logo":32},{"uuid":237,"title":238,"canonical_path":4,"kind":55,"patterns_count":239,"categories":240,"screens":241,"app":255},"4f8a1fb4-b1a2-4023-9503-ef213bbf2b2b","Selecting a hotel",10,[],[242,248,252],{"uuid":243,"title":244,"description":159,"image":245,"image_alt":246,"width":67,"height":247},"21b8c8c6-3a3d-49d4-adb1-49a081d76bc7","Results for 1 room in New York, NY, USA, 9\u002F2\u002F2025 - 9\u002F14\u002F2025 — TravelPerk","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21b8c8c6-3a3d-49d4-adb1-49a081d76bc7.png","Results for 1 room in New York, NY, USA, 9\u002F2\u002F2025 - 9\u002F14\u002F2025 — TravelPerk from Travelperk",15118,{"uuid":249,"title":244,"description":159,"image":250,"image_alt":246,"width":67,"height":251},"52577c38-81aa-4fd4-927f-a70d4f49fbf6","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52577c38-81aa-4fd4-927f-a70d4f49fbf6.png",15446,{"uuid":253,"title":244,"description":159,"image":254,"image_alt":246,"width":67,"height":251},"36c32970-5a3e-4966-98c9-503d12479f9f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F36c32970-5a3e-4966-98c9-503d12479f9f.png",{"slug":30,"title":29,"logo":32},{"uuid":257,"title":258,"canonical_path":4,"kind":55,"patterns_count":259,"categories":260,"screens":263,"app":277},"fb374ad2-f7a9-4c41-9ae0-1144102ec9a1","Adding train to trip",19,[261,262],{"id":205,"title":206,"slug":207},{"id":117,"title":118,"slug":119},[264,269,273],{"uuid":265,"title":212,"description":266,"image":267,"image_alt":215,"width":67,"height":268},"708efff5-0af1-4800-87b6-b22ecbcf88fa","Timeline view","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F708efff5-0af1-4800-87b6-b22ecbcf88fa.png",5808,{"uuid":270,"title":212,"description":271,"image":272,"image_alt":215,"width":67,"height":68},"6746ca6b-54cc-4516-ab4a-38ef2d6924d1","Search overlay where the user enters origin, destination, dates, and passenger details to find trains, appearing above an existing flight itinerary.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6746ca6b-54cc-4516-ab4a-38ef2d6924d1.png",{"uuid":274,"title":212,"description":275,"image":276,"image_alt":215,"width":67,"height":68},"808c121f-4520-4ebe-a00c-6e9bdc2ccad4","Search overlay where the user inputs travel details like origin, destination, dates, and times to find train options for their itinerary.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F808c121f-4520-4ebe-a00c-6e9bdc2ccad4.png",{"slug":30,"title":29,"logo":32},[],[280,283,286,289,292,295],{"label":281,"to":282},"Travelperk product screens","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fscreens",{"label":284,"to":285},"Travelperk marketing pages","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fmarketing",{"label":287,"to":288},"Travelperk UI components","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fcomponents",{"label":290,"to":291},"Travel app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftravel",{"label":293,"to":294},"Events app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fevents",{"label":296,"to":297},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"published_at":299,"updated_at":300},"2025-10-19T19:46:40.000Z","2026-09-13T13:02:39.000Z",{"left":302,"top":302,"width":303,"height":303,"rotate":302,"vFlip":304,"hFlip":304,"body":305},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>"]