[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fasana\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":223,"links":224,"dates":244},"\u002Fexamples\u002Fapps\u002Fasana\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Asana product screens examples - Nicelydone","Browse Asana screen design examples. Preview the interface screenshots and explore related UI patterns. The easiest way for teams to track their work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6bf1048-0d65-4b0e-9fde-2c85b94603cf.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},"Asana design examples","\u002Fexamples\u002Fapps\u002Fasana",{"label":23,"to":4},"Asana product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"Asana","asana","The easiest way for teams to track their work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fasana-a1a0b7cd.png","https:\u002F\u002Fasana.com",[35,39,43],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},29,"Task Management","task-management",{"id":44,"title":45,"slug":46},30,"Productivity","productivity",[48,76,93,107,118,128,145,156,166,184,196,207],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":65,"app":74},"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",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},1,"Account Setup","account-setup",0,{"id":58,"label":63,"slug":64},"Access & Account","access-and-account",[66,70],{"id":67,"title":68,"slug":69},169,"Avatar","avatar",{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"description":78,"canonical_path":4,"image":79,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":80,"component_categories":88,"app":91},"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",[81,83],{"id":58,"label":59,"slug":60,"rank":61,"group":82},{"id":58,"label":63,"slug":64},{"id":84,"label":85,"slug":86,"rank":58,"group":87},5,"Sign Up","sign-up",{"id":58,"label":63,"slug":64},[89,90],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":50,"description":95,"canonical_path":4,"image":96,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":97,"component_categories":102,"app":105},"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",[98,100],{"id":58,"label":59,"slug":60,"rank":61,"group":99},{"id":58,"label":63,"slug":64},{"id":84,"label":85,"slug":86,"rank":58,"group":101},{"id":58,"label":63,"slug":64},[103,104],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":50,"description":109,"canonical_path":4,"image":110,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":111,"component_categories":114,"app":116},"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",[112],{"id":58,"label":59,"slug":60,"rank":61,"group":113},{"id":58,"label":63,"slug":64},[115],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":50,"description":120,"canonical_path":4,"image":121,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":122,"component_categories":125,"app":126},"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",[123],{"id":58,"label":59,"slug":60,"rank":61,"group":124},{"id":58,"label":63,"slug":64},[],{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":50,"description":130,"canonical_path":4,"image":131,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":132,"component_categories":142,"app":143},"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",[133,135],{"id":58,"label":59,"slug":60,"rank":61,"group":134},{"id":58,"label":63,"slug":64},{"id":36,"label":136,"slug":137,"rank":58,"group":138},"Select","select",{"id":139,"label":140,"slug":141},2,"Actions","actions",[],{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":50,"description":147,"canonical_path":4,"image":148,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":149,"component_categories":152,"app":154},"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",[150],{"id":58,"label":59,"slug":60,"rank":61,"group":151},{"id":58,"label":63,"slug":64},[153],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":50,"description":158,"canonical_path":4,"image":159,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":160,"component_categories":163,"app":164},"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",[161],{"id":58,"label":59,"slug":60,"rank":61,"group":162},{"id":58,"label":63,"slug":64},[],{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":50,"description":168,"canonical_path":4,"image":169,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":170,"component_categories":181,"app":182},"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",[171,173],{"id":58,"label":59,"slug":60,"rank":61,"group":172},{"id":58,"label":63,"slug":64},{"id":174,"label":175,"slug":176,"rank":58,"group":177},74,"Onboarding Checklist","onboarding-checklist",{"id":178,"label":179,"slug":180},7,"Onboarding & Education","onboarding-and-education",[],{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":50,"description":186,"canonical_path":4,"image":187,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":188,"component_categories":193,"app":194},"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",[189,191],{"id":58,"label":59,"slug":60,"rank":61,"group":190},{"id":58,"label":63,"slug":64},{"id":174,"label":175,"slug":176,"rank":58,"group":192},{"id":178,"label":179,"slug":180},[],{"slug":30,"title":29,"logo":32,"categories":195},[],{"uuid":197,"title":50,"description":198,"canonical_path":4,"image":199,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":200,"component_categories":203,"app":205},"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",[201],{"id":58,"label":59,"slug":60,"rank":61,"group":202},{"id":58,"label":63,"slug":64},[204],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":206},[],{"uuid":208,"title":50,"description":209,"canonical_path":4,"image":210,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":211,"component_categories":219,"app":221},"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",[212,214],{"id":58,"label":59,"slug":60,"rank":61,"group":213},{"id":58,"label":63,"slug":64},{"id":215,"label":216,"slug":217,"rank":58,"group":218},72,"Getting Started","getting-started",{"id":178,"label":179,"slug":180},[220],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":222},[],[],[225,227,229,231,233,235,238,241],{"label":59,"to":226},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":175,"to":228},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":85,"to":230},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":216,"to":232},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":136,"to":234,"count":58},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":236,"to":237},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":239,"to":240},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":242,"to":243},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"published_at":245,"updated_at":246},"2016-08-17T08:55:23.000Z","2026-09-13T13:02:39.000Z"]