[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fasana":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":248,"dates":284},"\u002Fexamples\u002Fapps\u002Fasana","detail","apps",true,{"title":9,"description":10,"og_image":11},"Asana design examples - Nicelydone","Explore Asana UI design examples. The easiest way for teams to track their work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6bf1048-0d65-4b0e-9fde-2c85b94603cf.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Asana design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Asana",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fasana\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fasana\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fasana\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fasana\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Asana","asana","The easiest way for teams to track their work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fasana-a1a0b7cd.png","https:\u002F\u002Fasana.com",[47,51,55],{"id":48,"title":49,"slug":50},23,"Collaboration","collaboration",{"id":52,"title":53,"slug":54},29,"Task Management","task-management",{"id":56,"title":57,"slug":58},30,"Productivity","productivity",[],[61,239,242,245],{"family":62,"examples":63},"screens",[64,92,109,123,134,144,161,172,182,200,212,223],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":81,"app":90},"e6bf1048-0d65-4b0e-9fde-2c85b94603cf","Set up your account - Asana","Signup screen where the user enters their full name, sets a password, and optionally uploads an avatar to complete account creation.",3024,1778,"Set up your account - Asana from Asana","screen",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},1,"Account Setup","account-setup",0,{"id":74,"label":79,"slug":80},"Access & Account","access-and-account",[82,86],{"id":83,"title":84,"slug":85},169,"Avatar","avatar",{"id":87,"title":88,"slug":89},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":91},[],{"uuid":93,"title":66,"description":94,"canonical_path":29,"image":95,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":96,"component_categories":104,"app":107},"158ce51f-9d0c-4eec-988f-9dade72ee25e","Signup page where the user sets their full name, password, and profile picture to complete account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F158ce51f-9d0c-4eec-988f-9dade72ee25e.png",[97,99],{"id":74,"label":75,"slug":76,"rank":77,"group":98},{"id":74,"label":79,"slug":80},{"id":100,"label":101,"slug":102,"rank":74,"group":103},5,"Sign Up","sign-up",{"id":74,"label":79,"slug":80},[105,106],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":42,"title":41,"logo":44,"categories":108},[],{"uuid":110,"title":66,"description":111,"canonical_path":29,"image":112,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":113,"component_categories":118,"app":121},"26c91d44-ac4f-4b04-9558-c07d87db11df","Signup step where the user provides their full name and creates a password for their new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26c91d44-ac4f-4b04-9558-c07d87db11df.png",[114,116],{"id":74,"label":75,"slug":76,"rank":77,"group":115},{"id":74,"label":79,"slug":80},{"id":100,"label":101,"slug":102,"rank":74,"group":117},{"id":74,"label":79,"slug":80},[119,120],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":42,"title":41,"logo":44,"categories":122},[],{"uuid":124,"title":66,"description":125,"canonical_path":29,"image":126,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":127,"component_categories":130,"app":132},"b4f12984-baef-47eb-8d1a-d901e29fd911","Onboarding step where the user selects their role and function to tailor their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4f12984-baef-47eb-8d1a-d901e29fd911.png",[128],{"id":74,"label":75,"slug":76,"rank":77,"group":129},{"id":74,"label":79,"slug":80},[131],{"id":87,"title":88,"slug":89},{"slug":42,"title":41,"logo":44,"categories":133},[],{"uuid":135,"title":66,"description":136,"canonical_path":29,"image":137,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":138,"component_categories":141,"app":142},"a129d5b4-f0a2-4bab-a697-16ff9ce608b8","Onboarding step where the user selects their professional role from an open dropdown menu to personalize their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa129d5b4-f0a2-4bab-a697-16ff9ce608b8.png",[139],{"id":74,"label":75,"slug":76,"rank":77,"group":140},{"id":74,"label":79,"slug":80},[],{"slug":42,"title":41,"logo":44,"categories":143},[],{"uuid":145,"title":66,"description":146,"canonical_path":29,"image":147,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":148,"component_categories":158,"app":159},"ca18962d-10c7-49ef-bf04-ffffb15a190e","Onboarding step where the user selects their role from an open dropdown menu to tailor their workspace experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca18962d-10c7-49ef-bf04-ffffb15a190e.png",[149,151],{"id":74,"label":75,"slug":76,"rank":77,"group":150},{"id":74,"label":79,"slug":80},{"id":48,"label":152,"slug":153,"rank":74,"group":154},"Select","select",{"id":155,"label":156,"slug":157},2,"Actions","actions",[],{"slug":42,"title":41,"logo":44,"categories":160},[],{"uuid":162,"title":66,"description":163,"canonical_path":29,"image":164,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":165,"component_categories":168,"app":170},"e7f6ac0e-1685-4173-8bf8-2b1c03449dc1","Onboarding step where the user selects their role and work function to tailor their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe7f6ac0e-1685-4173-8bf8-2b1c03449dc1.png",[166],{"id":74,"label":75,"slug":76,"rank":77,"group":167},{"id":74,"label":79,"slug":80},[169],{"id":87,"title":88,"slug":89},{"slug":42,"title":41,"logo":44,"categories":171},[],{"uuid":173,"title":66,"description":174,"canonical_path":29,"image":175,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":176,"component_categories":179,"app":180},"137c4496-15ec-4fca-9f2d-16141ce355a2","Onboarding step where the user specifies their role and job function to personalize their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F137c4496-15ec-4fca-9f2d-16141ce355a2.png",[177],{"id":74,"label":75,"slug":76,"rank":77,"group":178},{"id":74,"label":79,"slug":80},[],{"slug":42,"title":41,"logo":44,"categories":181},[],{"uuid":183,"title":66,"description":184,"canonical_path":29,"image":185,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":186,"component_categories":197,"app":198},"badcaa94-2b56-40a8-a1d8-619e93a390fd","Onboarding step where the user selects their role and function via a multi-select combobox to tailor their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbadcaa94-2b56-40a8-a1d8-619e93a390fd.png",[187,189],{"id":74,"label":75,"slug":76,"rank":77,"group":188},{"id":74,"label":79,"slug":80},{"id":190,"label":191,"slug":192,"rank":74,"group":193},74,"Onboarding Checklist","onboarding-checklist",{"id":194,"label":195,"slug":196},7,"Onboarding & Education","onboarding-and-education",[],{"slug":42,"title":41,"logo":44,"categories":199},[],{"uuid":201,"title":66,"description":202,"canonical_path":29,"image":203,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":204,"component_categories":209,"app":210},"9b866e19-129c-4ecc-bbd5-b6beb8983c3d","Onboarding step where the user selects their role and function from dropdowns to tailor their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b866e19-129c-4ecc-bbd5-b6beb8983c3d.png",[205,207],{"id":74,"label":75,"slug":76,"rank":77,"group":206},{"id":74,"label":79,"slug":80},{"id":190,"label":191,"slug":192,"rank":74,"group":208},{"id":194,"label":195,"slug":196},[],{"slug":42,"title":41,"logo":44,"categories":211},[],{"uuid":213,"title":66,"description":214,"canonical_path":29,"image":215,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":216,"component_categories":219,"app":221},"7d95fdc4-640e-4b0f-8708-f844af66e6a5","Onboarding step where the user selects their role and work function to tailor their product experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d95fdc4-640e-4b0f-8708-f844af66e6a5.png",[217],{"id":74,"label":75,"slug":76,"rank":77,"group":218},{"id":74,"label":79,"slug":80},[220],{"id":87,"title":88,"slug":89},{"slug":42,"title":41,"logo":44,"categories":222},[],{"uuid":224,"title":66,"description":225,"canonical_path":29,"image":226,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":227,"component_categories":235,"app":237},"57f68989-24ca-4d31-9e95-afd2a13bf875","Onboarding step where the user selects their primary use cases, such as asset creation or design sprints, to tailor their workspace experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57f68989-24ca-4d31-9e95-afd2a13bf875.png",[228,230],{"id":74,"label":75,"slug":76,"rank":77,"group":229},{"id":74,"label":79,"slug":80},{"id":231,"label":232,"slug":233,"rank":74,"group":234},72,"Getting Started","getting-started",{"id":194,"label":195,"slug":196},[236],{"id":87,"title":88,"slug":89},{"slug":42,"title":41,"logo":44,"categories":238},[],{"family":240,"examples":241},"flows",[],{"family":243,"examples":244},"components",[],{"family":246,"examples":247},"pages",[],[249,251,253,255,257,260,263,266,268,272,276,280],{"label":250,"to":29},"Asana product screens",{"label":252,"to":38},"Asana marketing pages",{"label":254,"to":32},"Asana user flows",{"label":256,"to":35},"Asana UI components",{"label":258,"to":259},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":261,"to":262},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":264,"to":265},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":267,"to":18},"All SaaS app examples",{"label":269,"to":270,"description":271},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":273,"to":274,"description":275},"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":277,"to":278,"description":279},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":281,"to":282,"description":283},"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":285,"updated_at":286},"2016-08-17T08:55:23.000Z","2026-09-13T13:02:39.000Z"]