[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fotter":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":375,"dates":411},"\u002Fexamples\u002Fapps\u002Fotter","detail","apps",true,{"title":9,"description":10,"og_image":11},"Otter design examples - Nicelydone","Explore Otter UI design examples. Voice meeting notes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2bec807-8c57-439f-b9fe-3d995384f8ac.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Otter design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Otter",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fotter\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fotter\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fotter\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fotter\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Otter","otter","Voice meeting notes","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fotter-995b0fae.png","https:\u002F\u002Fotter.ai","otter_ai",[48,52,56],{"id":49,"title":50,"slug":51},80,"Artificial Intelligence","artificial-intelligence",{"id":53,"title":54,"slug":55},22,"Knowledge Management","knowledge-management",{"id":57,"title":58,"slug":59},30,"Productivity","productivity",[],[62,366,369,372],{"family":63,"examples":64},"screens",[65,120,162,182,203,216,235,260,282,297,328,343],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":89,"app":118},"f2bec807-8c57-439f-b9fe-3d995384f8ac","Start for Free | Otter.ai","Pricing page where the user chooses between a free basic plan and a 7-day business trial.",3024,5248,"Start for Free | Otter.ai from Otter","screen",[74,83],{"id":75,"label":76,"slug":77,"rank":78,"group":79},89,"Pricing","pricing",0,{"id":80,"label":81,"slug":82},9,"Plans & Limits","plans-and-limits",{"id":84,"label":85,"slug":86,"rank":87,"group":88},91,"Trial","trial",1,{"id":80,"label":81,"slug":82},[90,94,98,102,106,110,114],{"id":91,"title":92,"slug":93},258,"Header","header",{"id":95,"title":96,"slug":97},189,"FAQ","faq",{"id":99,"title":100,"slug":101},202,"Footer","footer",{"id":103,"title":104,"slug":105},260,"Badge","badge",{"id":107,"title":108,"slug":109},168,"Accordion","accordion",{"id":111,"title":112,"slug":113},174,"Card","card",{"id":115,"title":116,"slug":117},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":29,"image":124,"width":69,"height":125,"image_alt":126,"kind":72,"patterns":127,"component_categories":155,"app":160},"606b2e7b-e20a-4533-811d-f2b0e2abe99c","Otter for Business - Increase productivity and engagement - Otter","Checkout page where the user creates an Otter Business account, applies a promo code, and enters payment details to start a 7-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F606b2e7b-e20a-4533-811d-f2b0e2abe99c.png",2686,"Otter for Business - Increase productivity and engagement - Otter from Otter",[128,136,141,149,152],{"id":129,"label":130,"slug":131,"rank":78,"group":132},130,"Checkout","checkout",{"id":133,"label":134,"slug":135},14,"Payments & Checkout","payments-and-checkout",{"id":137,"label":138,"slug":139,"rank":87,"group":140},131,"Payment Form","payment-form",{"id":133,"label":134,"slug":135},{"id":142,"label":143,"slug":144,"rank":145,"group":146},5,"Sign Up","sign-up",2,{"id":87,"label":147,"slug":148},"Access & Account","access-and-account",{"id":84,"label":85,"slug":86,"rank":150,"group":151},3,{"id":80,"label":81,"slug":82},{"id":75,"label":76,"slug":77,"rank":153,"group":154},4,{"id":80,"label":81,"slug":82},[156,157,158,159],{"id":103,"title":104,"slug":105},{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":161},[],{"uuid":163,"title":122,"description":164,"canonical_path":29,"image":165,"width":69,"height":166,"image_alt":126,"kind":72,"patterns":167,"component_categories":178,"app":180},"d86a9bab-c2fb-46b2-a5bb-34f6c3237605","Onboarding welcome screen confirming a completed purchase, displaying a countdown before automatically redirecting the user to their new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd86a9bab-c2fb-46b2-a5bb-34f6c3237605.png",1778,[168,176],{"id":169,"label":170,"slug":171,"rank":78,"group":172},122,"Success","success",{"id":173,"label":174,"slug":175},12,"States & Feedback","states-and-feedback",{"id":84,"label":85,"slug":86,"rank":87,"group":177},{"id":80,"label":81,"slug":82},[179],{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":29,"image":186,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":188,"component_categories":198,"app":201},"54b0b04b-15af-4668-a158-d429b11aa95f","Otter Voice Meeting Notes - Otter.ai","Verification screen where the user is instructed to check their inbox to confirm their email, with options to resend the link or sign in with a different address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54b0b04b-15af-4668-a158-d429b11aa95f.png","Otter Voice Meeting Notes - Otter.ai from Otter",[189,194],{"id":190,"label":191,"slug":192,"rank":78,"group":193},6,"Verification","verification",{"id":87,"label":147,"slug":148},{"id":87,"label":195,"slug":196,"rank":87,"group":197},"Account Setup","account-setup",{"id":87,"label":147,"slug":148},[199,200],{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":202},[],{"uuid":204,"title":184,"description":205,"canonical_path":29,"image":206,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":207,"component_categories":212,"app":214},"6cf06dfe-61e5-4fa6-8a95-b0230cd861e2","Verification screen confirming the user's email address and automatically redirecting them to the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6cf06dfe-61e5-4fa6-8a95-b0230cd861e2.png",[208,210],{"id":190,"label":191,"slug":192,"rank":78,"group":209},{"id":87,"label":147,"slug":148},{"id":169,"label":170,"slug":171,"rank":87,"group":211},{"id":173,"label":174,"slug":175},[213],{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":215},[],{"uuid":217,"title":184,"description":218,"canonical_path":29,"image":219,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":220,"component_categories":231,"app":233},"2a8ae3a4-838d-4bd6-8ed7-542738115f48","Onboarding step where the user configures which meetings the assistant will automatically join and who it will share notes with via an inline sentence form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a8ae3a4-838d-4bd6-8ed7-542738115f48.png",[221,229],{"id":222,"label":223,"slug":224,"rank":78,"group":225},75,"Setup Wizard","setup-wizard",{"id":226,"label":227,"slug":228},7,"Onboarding & Education","onboarding-and-education",{"id":87,"label":195,"slug":196,"rank":87,"group":230},{"id":87,"label":147,"slug":148},[232],{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":234},[],{"uuid":236,"title":184,"description":237,"canonical_path":29,"image":238,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":239,"component_categories":256,"app":258},"776973b4-0063-48ac-96f3-386dc80829a2","Onboarding step where the user configures automatic meeting notes by selecting which meetings the assistant should join and who to share notes with via a natural language form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F776973b4-0063-48ac-96f3-386dc80829a2.png",[240,242,249],{"id":222,"label":223,"slug":224,"rank":78,"group":241},{"id":226,"label":227,"slug":228},{"id":243,"label":244,"slug":245,"rank":87,"group":246},27,"AI Assistant","ai-assistant",{"id":150,"label":247,"slug":248},"AI","ai",{"id":250,"label":251,"slug":252,"rank":145,"group":253},42,"Form","form",{"id":153,"label":254,"slug":255},"Data & Analysis","data-and-analysis",[257],{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":259},[],{"uuid":261,"title":184,"description":262,"canonical_path":29,"image":263,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":264,"component_categories":278,"app":280},"b181a6f6-dbd4-49e1-a210-859978f64ecd","Onboarding step where the user configures which meetings the AI assistant will automatically join and who it will share notes with.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb181a6f6-dbd4-49e1-a210-859978f64ecd.png",[265,267,269,271],{"id":222,"label":223,"slug":224,"rank":78,"group":266},{"id":226,"label":227,"slug":228},{"id":87,"label":195,"slug":196,"rank":87,"group":268},{"id":87,"label":147,"slug":148},{"id":243,"label":244,"slug":245,"rank":145,"group":270},{"id":150,"label":247,"slug":248},{"id":272,"label":273,"slug":274,"rank":150,"group":275},23,"Select","select",{"id":145,"label":276,"slug":277},"Actions","actions",[279],{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":281},[],{"uuid":283,"title":184,"description":284,"canonical_path":29,"image":285,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":286,"component_categories":293,"app":295},"d7d2ef48-a7ed-4a45-91a0-f905f73daece","Onboarding step where the user configures which meetings their AI assistant should join and who to share notes with via inline dropdowns.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7d2ef48-a7ed-4a45-91a0-f905f73daece.png",[287,289,291],{"id":222,"label":223,"slug":224,"rank":78,"group":288},{"id":226,"label":227,"slug":228},{"id":243,"label":244,"slug":245,"rank":87,"group":290},{"id":150,"label":247,"slug":248},{"id":87,"label":195,"slug":196,"rank":145,"group":292},{"id":87,"label":147,"slug":148},[294],{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":296},[],{"uuid":298,"title":184,"description":299,"canonical_path":29,"image":300,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":301,"component_categories":319,"app":326},"df908a95-b392-4b96-b070-04ee786a514c","Onboarding step where the user is prompted to connect their Google or Microsoft calendar to automatically sync and record meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf908a95-b392-4b96-b070-04ee786a514c.png",[302,304,312],{"id":222,"label":223,"slug":224,"rank":78,"group":303},{"id":226,"label":227,"slug":228},{"id":305,"label":306,"slug":307,"rank":87,"group":308},97,"Integrations","integrations",{"id":309,"label":310,"slug":311},10,"Settings & Admin","settings-and-admin",{"id":313,"label":314,"slug":315,"rank":145,"group":316},51,"Calendar","calendar",{"id":142,"label":317,"slug":318},"Media & Tools","media-and-tools",[320,324,325],{"id":321,"title":322,"slug":323},284,"Modal","modal",{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":327},[],{"uuid":329,"title":184,"description":330,"canonical_path":29,"image":331,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":332,"component_categories":337,"app":341},"2043a742-1a22-40d9-9662-c7d9b12aaeec","Onboarding step where the user is prompted to connect their Google or Microsoft calendar to sync meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2043a742-1a22-40d9-9662-c7d9b12aaeec.png",[333,335],{"id":87,"label":195,"slug":196,"rank":78,"group":334},{"id":87,"label":147,"slug":148},{"id":305,"label":306,"slug":307,"rank":87,"group":336},{"id":309,"label":310,"slug":311},[338,339,340],{"id":321,"title":322,"slug":323},{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":342},[],{"uuid":344,"title":184,"description":345,"canonical_path":29,"image":346,"width":69,"height":166,"image_alt":187,"kind":72,"patterns":347,"component_categories":362,"app":364},"1ae831f2-f529-4ade-901a-859f77be1c4a","Onboarding step where the user configures workspace access rules, such as allowing instant joins and automatic invitations for teammates with a specific email domain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ae831f2-f529-4ade-901a-859f77be1c4a.png",[348,350,355,360],{"id":222,"label":223,"slug":224,"rank":78,"group":349},{"id":226,"label":227,"slug":228},{"id":351,"label":352,"slug":353,"rank":87,"group":354},104,"Team Management","team-management",{"id":309,"label":310,"slug":311},{"id":356,"label":357,"slug":358,"rank":145,"group":359},100,"Roles & Permissions","roles-and-permissions",{"id":309,"label":310,"slug":311},{"id":87,"label":195,"slug":196,"rank":150,"group":361},{"id":87,"label":147,"slug":148},[363],{"id":115,"title":116,"slug":117},{"slug":42,"title":41,"logo":44,"categories":365},[],{"family":367,"examples":368},"flows",[],{"family":370,"examples":371},"components",[],{"family":373,"examples":374},"pages",[],[376,378,380,382,384,387,390,393,395,399,403,407],{"label":377,"to":29},"Otter product screens",{"label":379,"to":38},"Otter marketing pages",{"label":381,"to":32},"Otter user flows",{"label":383,"to":35},"Otter UI components",{"label":385,"to":386},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":388,"to":389},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":391,"to":392},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":394,"to":18},"All SaaS app examples",{"label":396,"to":397,"description":398},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":400,"to":401,"description":402},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":404,"to":405,"description":406},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":408,"to":409,"description":410},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":412,"updated_at":413},"2020-04-21T13:54:12.000Z","2026-09-13T13:02:39.000Z"]