[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Friverside\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":304},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":287,"links":288,"dates":301},"\u002Fexamples\u002Fapps\u002Friverside\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Riverside user flows examples - Nicelydone","Explore Riverside user flow examples. Preview the opening screens and steps for each task. HD podcast and video recording and editing software","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30b3a854-3cbe-4142-9fe3-34afeef18c42.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},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":23,"to":4},"Riverside 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},"Riverside","riverside","HD podcast and video recording and editing software","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","https:\u002F\u002Friverside.com\u002F",[35],{"id":36,"title":37,"slug":38},100,"Video","video",[40,67,90,112,132,150,170,196,206,229,252,270],{"uuid":41,"title":42,"description":43,"canonical_path":4,"kind":44,"patterns_count":45,"categories":46,"screens":50,"app":66},"be28524b-24e2-47a2-bdbf-e4fc2273296c","Signing in","User authenticates via email, social providers, or SSO through repeated states of a split-pane login modal overlaid on the Riverside studio dashboard or editor","flow",13,[47],{"id":48,"title":42,"slug":49},61,"sign-in",[51,58,62],{"uuid":52,"title":53,"description":54,"image":11,"image_alt":55,"width":56,"height":57},"30b3a854-3cbe-4142-9fe3-34afeef18c42","Riverside Studio","Sign-in screen where the user authenticates with email, social providers, or SSO via a split-pane modal overlaid on the application dashboard.","Riverside Studio from Riverside",3024,1758,{"uuid":59,"title":53,"description":60,"image":61,"image_alt":55,"width":56,"height":57},"0f257512-1f74-4123-a37f-f361c9dcd726","Sign-in screen where the user authenticates via email, social providers like Google and Apple, or SSO, overlaid on a blurred studio editor.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f257512-1f74-4123-a37f-f361c9dcd726.png",{"uuid":63,"title":53,"description":64,"image":65,"image_alt":55,"width":56,"height":57},"22b54ac1-8cce-4e80-8462-eb72e6aa87fa","Sign-in screen overlaid on the app dashboard where the user authenticates with email, Google, Apple, or Spotify, currently showing validation errors for missing credentials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F22b54ac1-8cce-4e80-8462-eb72e6aa87fa.png",{"slug":30,"title":29,"logo":32},{"uuid":68,"title":69,"description":70,"canonical_path":4,"kind":44,"patterns_count":71,"categories":72,"screens":76,"app":89},"0e74b68a-f9dc-4918-858e-b5ebed95b1d1","Signing up","User creates a Riverside account via OAuth options or email\u002Fpassword form inside a split signup modal with validation states",7,[73],{"id":74,"title":69,"slug":75},103,"signing-up",[77,81,85],{"uuid":78,"title":53,"description":79,"image":80,"image_alt":55,"width":56,"height":57},"13bf7efe-b712-43ce-92f3-9f6e7f891e56","Signup screen where the user can create an account using Google, Apple, Spotify, or email, presented in a split modal over a blurred view of the main application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F13bf7efe-b712-43ce-92f3-9f6e7f891e56.png",{"uuid":82,"title":53,"description":83,"image":84,"image_alt":55,"width":56,"height":57},"52f2b4da-7bac-46ad-830e-676b5e303fa1","Signup screen where the user enters their name, email, and password alongside a preview of the studio editing interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52f2b4da-7bac-46ad-830e-676b5e303fa1.png",{"uuid":86,"title":53,"description":87,"image":88,"image_alt":55,"width":56,"height":57},"d9f6e818-c5dc-4bbb-b92a-216328d36675","Signup modal overlaying the main application where the user creates an account with email and password, currently showing validation errors for the email format.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9f6e818-c5dc-4bbb-b92a-216328d36675.png",{"slug":30,"title":29,"logo":32},{"uuid":91,"title":92,"description":93,"canonical_path":4,"kind":44,"patterns_count":94,"categories":95,"screens":100,"app":111},"d3aa5d29-4ddd-473c-81e5-f95b33003554","Completing onboarding setup","User selects primary use case, content goals, discovery source, and starting tools to personalize workspace in Riverside",6,[96],{"id":97,"title":98,"slug":99},45,"Onboarding","onboarding",[101,105,108],{"uuid":102,"title":53,"description":103,"image":104,"image_alt":55,"width":56,"height":57},"1f5e7d18-8286-4e90-8d74-bf9e5cfa7eb1","Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f5e7d18-8286-4e90-8d74-bf9e5cfa7eb1.png",{"uuid":106,"title":53,"description":103,"image":107,"image_alt":55,"width":56,"height":57},"aba8c043-fb38-40b0-946a-aea6f37727c1","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faba8c043-fb38-40b0-946a-aea6f37727c1.png",{"uuid":109,"title":53,"description":103,"image":110,"image_alt":55,"width":56,"height":57},"7b316f3f-dd33-482d-bd3c-d2cdd998d758","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b316f3f-dd33-482d-bd3c-d2cdd998d758.png",{"slug":30,"title":29,"logo":32},{"uuid":113,"title":114,"description":115,"canonical_path":4,"kind":44,"patterns_count":116,"categories":117,"screens":122,"app":131},"7c2907f0-7f62-4264-9f60-cb5440cb5ecf","Generating magic clips","Creator uploads video file via modal, configures speaker count and tracks, then triggers AI processing to generate social shorts from Riverside dashboard",15,[118],{"id":119,"title":120,"slug":121},78,"Creating content","create-content",[123,127],{"uuid":124,"title":53,"description":125,"image":126,"image_alt":55,"width":56,"height":57},"f3f73217-863e-4b55-89cd-879f2d8e5e9a","File upload modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff3f73217-863e-4b55-89cd-879f2d8e5e9a.png",{"uuid":128,"title":53,"description":129,"image":130,"image_alt":55,"width":56,"height":57},"2a048db4-936a-42c8-b66d-030ee39d14ab","Creation modal for generating AI social shorts where a file upload has failed with a minimum duration error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a048db4-936a-42c8-b66d-030ee39d14ab.png",{"slug":30,"title":29,"logo":32},{"uuid":133,"title":114,"description":134,"canonical_path":4,"kind":44,"patterns_count":71,"categories":135,"screens":137,"app":149},"06f7e06e-a289-4a86-9653-5ecdde0ffc6f","Uploading a video file via modal on the home dashboard and waiting for AI to generate magic clips",[136],{"id":119,"title":120,"slug":121},[138,142,145],{"uuid":139,"title":53,"description":140,"image":141,"image_alt":55,"width":56,"height":57},"a420da6d-cc8b-413a-9ff0-5d3d9843cb83","Home screen with an active modal showing the upload progress of a video file to generate AI magic clips.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa420da6d-cc8b-413a-9ff0-5d3d9843cb83.png",{"uuid":143,"title":53,"description":125,"image":144,"image_alt":55,"width":56,"height":57},"9bf53e6a-f847-4491-ae62-666376fcd23e","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bf53e6a-f847-4491-ae62-666376fcd23e.png",{"uuid":146,"title":53,"description":147,"image":148,"image_alt":55,"width":56,"height":57},"300d13a3-4ff2-4257-b79b-77763c6ac143","Dashboard home screen where the user is uploading a video file to generate magic clips via a centered modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F300d13a3-4ff2-4257-b79b-77763c6ac143.png",{"slug":30,"title":29,"logo":32},{"uuid":151,"title":152,"description":153,"canonical_path":4,"kind":44,"patterns_count":154,"categories":155,"screens":156,"app":169},"316dfec4-ae25-4fb2-a67f-85c721f8017c","Monitoring generated project assets","User views project detail page across multiple tabs while files process, AI Co-Creator generates assets, Magic Clips fail with error banner, and exports\u002Fedits tabs remain empty",9,[],[157,161,165],{"uuid":158,"title":53,"description":159,"image":160,"image_alt":55,"width":56,"height":57},"ec699a50-096b-465f-9149-9dd5f35c1332","Detail page for a specific recording project where the user can view tracks, download assets, and wait for AI-generated content to finish processing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fec699a50-096b-465f-9149-9dd5f35c1332.png",{"uuid":162,"title":53,"description":163,"image":164,"image_alt":55,"width":56,"height":57},"966b4e56-2ea8-491c-8400-df9e12c16e8a","Detail page where the user monitors the processing status of a recorded video project and its separate tracks, with an AI Co-Creator panel waiting for files to finish.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F966b4e56-2ea8-491c-8400-df9e12c16e8a.png",{"uuid":166,"title":53,"description":167,"image":168,"image_alt":55,"width":56,"height":57},"089af65e-6f9c-4f43-98ac-0ab453d159c1","Project detail page where the user waits for a video recording to finish processing while an AI co-creator prepares show notes and assets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F089af65e-6f9c-4f43-98ac-0ab453d159c1.png",{"slug":30,"title":29,"logo":32},{"uuid":171,"title":172,"description":173,"canonical_path":4,"kind":44,"patterns_count":174,"categories":175,"screens":180,"app":195},"c6297c2b-a690-42bc-a111-af5e13d13bb8","Configuring recording session","Host enters live recording studio to manage participants, configure AV and layout settings, add media assets, write scripts, and prepare for podcast or video capture",19,[176],{"id":177,"title":178,"slug":179},71,"Settings","settings",[181,187,191],{"uuid":182,"title":183,"description":184,"image":185,"image_alt":186,"width":56,"height":57},"b0ea9cfc-11c8-462f-99a8-6afeb0206cb7","Riverside Studio | Bertrand Bruandet's Studio","Recording studio interface where the host manages participants, controls audio and video inputs, and starts the recording session.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb0ea9cfc-11c8-462f-99a8-6afeb0206cb7.png","Riverside Studio | Bertrand Bruandet's Studio from Riverside",{"uuid":188,"title":183,"description":189,"image":190,"image_alt":186,"width":56,"height":57},"664065e7-718c-4856-8801-f39216ad2b72","Content editor where the host manages guests, toggles audio and video inputs, and controls the main recording session.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F664065e7-718c-4856-8801-f39216ad2b72.png",{"uuid":192,"title":183,"description":193,"image":194,"image_alt":186,"width":56,"height":57},"95da5aee-9953-4a8c-a71b-bf5e074766cb","Studio interface for recording a podcast or video, where the host can manage participants in the right sidebar, toggle media controls, and react with emojis.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95da5aee-9953-4a8c-a71b-bf5e074766cb.png",{"slug":30,"title":29,"logo":32},{"uuid":197,"title":198,"description":199,"canonical_path":4,"kind":44,"patterns_count":94,"categories":200,"screens":201,"app":205},"1c2c801a-2db3-4586-b140-97e5edb00e71","Inviting studio participants","Host enters live recording studio and manages participants via sidebar controls while toggling AV inputs and starting recording",[],[202,203,204],{"uuid":182,"title":183,"description":184,"image":185,"image_alt":186,"width":56,"height":57},{"uuid":188,"title":183,"description":189,"image":190,"image_alt":186,"width":56,"height":57},{"uuid":192,"title":183,"description":193,"image":194,"image_alt":186,"width":56,"height":57},{"slug":30,"title":29,"logo":32},{"uuid":207,"title":208,"description":209,"canonical_path":4,"kind":44,"patterns_count":71,"categories":210,"screens":215,"app":228},"716cb9d8-4bd3-462e-a209-abb078c1e7f6","Customizing studio presentation","Host adjusts brand colors, fonts, name styles, lower thirds overlays, layouts, and teleprompter settings inside the live recording studio workspace",[211],{"id":212,"title":213,"slug":214},67,"Customizing","customize",[216,220,224],{"uuid":217,"title":183,"description":218,"image":219,"image_alt":186,"width":56,"height":57},"9bb08756-eee0-4e10-8102-d83219c7964d","Recording studio interface where the host can manage guests, adjust video layouts, and start capturing audio and video.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bb08756-eee0-4e10-8102-d83219c7964d.png",{"uuid":221,"title":183,"description":222,"image":223,"image_alt":186,"width":56,"height":57},"2a6b4a96-f59e-476a-b6a3-4a8231cd2953","Live recording studio interface where the host can manage guests in the sidebar, write a script, adjust the video layout, and control audio\u002Fvideo settings before starting a session.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a6b4a96-f59e-476a-b6a3-4a8231cd2953.png",{"uuid":225,"title":183,"description":226,"image":227,"image_alt":186,"width":56,"height":57},"904b9350-5673-4537-8a70-4c330eb11767","Recording studio workspace where the user can write a script, manage video layouts, monitor chat, and control the recording session.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F904b9350-5673-4537-8a70-4c330eb11767.png",{"slug":30,"title":29,"logo":32},{"uuid":230,"title":231,"description":232,"canonical_path":4,"kind":44,"patterns_count":94,"categories":233,"screens":238,"app":251},"7f2d24f9-d091-4805-9f1f-37e2fb05927f","Capturing recording session","User enters live recording studio to capture audio and video with script support, settings controls, and participant management, then ends the session",[234],{"id":235,"title":236,"slug":237},86,"Recording","record",[239,243,247],{"uuid":240,"title":183,"description":241,"image":242,"image_alt":186,"width":56,"height":57},"53d02879-2e66-45f6-b552-cff72e917972","Live recording studio workspace where a user can jot down a script, manage recording settings, and control audio and video inputs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53d02879-2e66-45f6-b552-cff72e917972.png",{"uuid":244,"title":183,"description":245,"image":246,"image_alt":186,"width":56,"height":57},"0a546138-27f2-4e14-be47-7dcac718f957","Recording studio interface where the user is actively capturing audio and video, featuring a script scratchpad and a quick settings panel to view recording parameters.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a546138-27f2-4e14-be47-7dcac718f957.png",{"uuid":248,"title":183,"description":249,"image":250,"image_alt":186,"width":56,"height":57},"d997189a-d287-44f4-8fd8-93a5806a1697","Recording studio interface where the user can manage quick settings, monitor upload status, and control recording actions like audio, video, and screen sharing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd997189a-d287-44f4-8fd8-93a5806a1697.png",{"slug":30,"title":29,"logo":32},{"uuid":253,"title":254,"description":255,"canonical_path":4,"kind":44,"patterns_count":256,"categories":257,"screens":262,"app":269},"a18cbcec-408e-4ca9-940b-b76b113f2329","Editing recording","User loads a recording into the Riverside editor and refines it through transcript edits, AI audio fixes, timeline adjustments, brand customization, stock media insertion, and final review before publishing",23,[258],{"id":259,"title":260,"slug":261},60,"Editing","edit",[263],{"uuid":264,"title":265,"description":266,"image":267,"image_alt":268,"width":56,"height":57},"70801950-cd70-4afc-8f35-62c58d6fe14f","Riverside | Welcome To Riverside! 03","Video editor","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F70801950-cd70-4afc-8f35-62c58d6fe14f.png","Riverside | Welcome To Riverside! 03 from Riverside",{"slug":30,"title":29,"logo":32},{"uuid":271,"title":272,"description":273,"canonical_path":4,"kind":44,"patterns_count":71,"categories":274,"screens":276,"app":286},"70288f28-1ce7-4f23-8e8c-913f07ae3040","Applying AI editing tools","User refines video or podcast recordings in Riverside by editing via transcript and applying AI tools to remove pauses and filler words",[275],{"id":259,"title":260,"slug":261},[277,280,283],{"uuid":278,"title":53,"description":266,"image":279,"image_alt":55,"width":56,"height":57},"506da409-5368-4999-a0f8-679929b31178","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F506da409-5368-4999-a0f8-679929b31178.png",{"uuid":281,"title":53,"description":266,"image":282,"image_alt":55,"width":56,"height":57},"f78580f3-2cc5-405a-81bb-d635fafe1d64","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff78580f3-2cc5-405a-81bb-d635fafe1d64.png",{"uuid":284,"title":53,"description":266,"image":285,"image_alt":55,"width":56,"height":57},"d6fb3bad-6da3-4e52-9004-41801ee724eb","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6fb3bad-6da3-4e52-9004-41801ee724eb.png",{"slug":30,"title":29,"logo":32},[],[289,292,295,298],{"label":290,"to":291},"Riverside product screens","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens",{"label":293,"to":294},"Riverside marketing pages","\u002Fexamples\u002Fapps\u002Friverside\u002Fmarketing",{"label":296,"to":297},"Riverside UI components","\u002Fexamples\u002Fapps\u002Friverside\u002Fcomponents",{"label":299,"to":300},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"published_at":302,"updated_at":303},"2026-06-15T12:16:40.000Z","2026-09-13T13:02:39.000Z",{"left":305,"top":305,"width":306,"height":306,"rotate":305,"vFlip":307,"hFlip":307,"body":308},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>"]