[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fupwork\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":318,"links":319,"dates":371},"\u002Fexamples\u002Fapps\u002Fupwork\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Upwork product screens examples - Nicelydone","Browse Upwork screen design examples. Preview the interface screenshots and explore related UI patterns. The world’s work marketplace for freelancing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_sign-in_86219357_nicelydone.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},"Upwork design examples","\u002Fexamples\u002Fapps\u002Fupwork",{"label":23,"to":4},"Upwork 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,"categories":34},"Upwork","upwork","The world’s work marketplace for freelancing","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fupwork-494a8465.png","https:\u002F\u002Fwww.upwork.com",[35,39],{"id":36,"title":37,"slug":38},18,"Marketplace","marketplace",{"id":40,"title":41,"slug":42},10,"Human resources","human-resources",[44,73,91,110,124,157,173,189,228,251,272,292],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":71},"02a38010-80a9-47f5-ac56-6cdd04f7ed5a","Log In - Upwork","Sign-in screen where the user authenticates with email, Google, or Apple to access their account.",3072,1784,"Log In - Upwork from Upwork","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":48,"height":78,"image_alt":79,"kind":51,"patterns":80,"component_categories":86,"app":89},"eda66b16-89f6-4e03-b311-2b9f5c34dd54","Create an Account to Find Talent - Upwork","Signup screen where the user can create a free account using Google, Apple, or a work email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_sign-up_f5255312_nicelydone.png",1654,"Create an Account to Find Talent - Upwork from Upwork",[81],{"id":82,"label":83,"slug":84,"rank":57,"group":85},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[87,88],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":4,"image":95,"width":48,"height":96,"image_alt":97,"kind":51,"patterns":98,"component_categories":105,"app":108},"ea2c7829-6e7c-4d27-a839-0e42254bd4ad","Create an Account - Upwork","Signup page where the user completes their account setup by providing their name, password, country, and selecting whether they want to hire or work as a freelancer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_sign-up_0a6fba10_nicelydone.png",1928,"Create an Account - Upwork from Upwork",[99,101],{"id":82,"label":83,"slug":84,"rank":57,"group":100},{"id":59,"label":60,"slug":61},{"id":59,"label":102,"slug":103,"rank":59,"group":104},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[106,107],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":93,"description":112,"canonical_path":4,"image":113,"width":48,"height":96,"image_alt":97,"kind":51,"patterns":114,"component_categories":119,"app":122},"a8340194-4041-4c2c-956d-521c1b5257b8","Signup screen where the user completes their account setup by providing their name, password, country, and selecting their intent to hire or work.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_sign-up_117b3e35_nicelydone.png",[115,117],{"id":82,"label":83,"slug":84,"rank":57,"group":116},{"id":59,"label":60,"slug":61},{"id":59,"label":102,"slug":103,"rank":59,"group":118},{"id":59,"label":60,"slug":61},[120,121],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":48,"height":129,"image_alt":130,"kind":51,"patterns":131,"component_categories":140,"app":155},"2544f0d7-7d5a-4698-8e4e-6d9c2ab550e0","Headline - Upwork","Wizard step where the user writes a headline for their new job post.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_onboarding_0f74689d_nicelydone.png",2224,"Headline - Upwork from Upwork",[132],{"id":133,"label":134,"slug":135,"rank":57,"group":136},75,"Setup Wizard","setup-wizard",{"id":137,"label":138,"slug":139},7,"Onboarding & Education","onboarding-and-education",[141,145,149,153,154],{"id":142,"title":143,"slug":144},240,"Horizontal navigation","horizontal-navigation",{"id":146,"title":147,"slug":148},169,"Avatar","avatar",{"id":150,"title":151,"slug":152},227,"Stepper","stepper",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":126,"description":159,"canonical_path":4,"image":160,"width":48,"height":161,"image_alt":130,"kind":51,"patterns":162,"component_categories":165,"app":171},"4aa54a82-eafa-4534-a313-9eee6d449502","Creation wizard step where the user writes a headline for their new job post.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_onboarding_01954d77_nicelydone.png",2140,[163],{"id":133,"label":134,"slug":135,"rank":57,"group":164},{"id":137,"label":138,"slug":139},[166,167,168,169,170],{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":126,"description":175,"canonical_path":4,"image":176,"width":48,"height":177,"image_alt":130,"kind":51,"patterns":178,"component_categories":181,"app":187},"62b71274-9b60-4d9f-b497-39dc9aa4411e","Wizard step where the user writes a headline for a new job post, viewing examples and a dynamic category match indicator based on their input.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_onboarding_b381edda_nicelydone.png",2220,[179],{"id":133,"label":134,"slug":135,"rank":57,"group":180},{"id":137,"label":138,"slug":139},[182,183,184,185,186],{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":191,"description":192,"canonical_path":4,"image":193,"width":48,"height":194,"image_alt":195,"kind":51,"patterns":196,"component_categories":216,"app":226},"857a934c-d858-4d84-ba88-3d950a5bc73b","Skills - Upwork","Wizard step where the user selects required skills for a new job post by searching or picking from suggested tags.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_onboarding_c4e3e8e2_nicelydone.png",2676,"Skills - Upwork from Upwork",[197,204,209],{"id":137,"label":198,"slug":199,"rank":57,"group":200},"Add & Create","add-and-create",{"id":201,"label":202,"slug":203},2,"Actions","actions",{"id":205,"label":206,"slug":207,"rank":59,"group":208},13,"Filter & Sort","filter-and-sort",{"id":201,"label":202,"slug":203},{"id":210,"label":211,"slug":212,"rank":201,"group":213},42,"Form","form",{"id":54,"label":214,"slug":215},"Data & Analysis","data-and-analysis",[217,221,222,223,224,225],{"id":218,"title":219,"slug":220},260,"Badge","badge",{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":227},[],{"uuid":229,"title":230,"description":231,"canonical_path":4,"image":232,"width":48,"height":233,"image_alt":234,"kind":51,"patterns":235,"component_categories":243,"app":249},"c6432c71-863c-4ad4-894d-1f4d72df4528","Job details - Upwork","Wizard step where the user estimates the duration of their project by selecting between 1 to 3 months, 3 to 6 months, or more than 6 months.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_onboarding_78a82840_nicelydone.png",2112,"Job details - Upwork from Upwork",[236,238],{"id":133,"label":134,"slug":135,"rank":57,"group":237},{"id":137,"label":138,"slug":139},{"id":239,"label":240,"slug":241,"rank":59,"group":242},23,"Select","select",{"id":201,"label":202,"slug":203},[244,245,246,247,248],{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":230,"description":253,"canonical_path":4,"image":254,"width":48,"height":255,"image_alt":234,"kind":51,"patterns":256,"component_categories":264,"app":270},"ec6bea7c-d32d-49c8-baed-a7a2539c9667","Wizard step where the user defines the project scope, duration, and required experience level for a new job post.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_onboarding_df5c25fc_nicelydone.png",2312,[257,259],{"id":133,"label":134,"slug":135,"rank":57,"group":258},{"id":137,"label":138,"slug":139},{"id":260,"label":261,"slug":262,"rank":59,"group":263},44,"Progress","progress",{"id":54,"label":214,"slug":215},[265,266,267,268,269],{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":271},[],{"uuid":273,"title":230,"description":274,"canonical_path":4,"image":275,"width":48,"height":276,"image_alt":234,"kind":51,"patterns":277,"component_categories":284,"app":290},"38af2821-d580-4062-861b-f0a219978b4a","Creation wizard step where the user reviews and edits the scope, duration, and experience level for a new job post.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_onboarding_f6c15345_nicelydone.png",1992,[278,280,282],{"id":137,"label":198,"slug":199,"rank":57,"group":279},{"id":201,"label":202,"slug":203},{"id":210,"label":211,"slug":212,"rank":59,"group":281},{"id":54,"label":214,"slug":215},{"id":133,"label":134,"slug":135,"rank":201,"group":283},{"id":137,"label":138,"slug":139},[285,286,287,288,289],{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":291},[],{"uuid":293,"title":294,"description":295,"canonical_path":4,"image":296,"width":48,"height":297,"image_alt":298,"kind":51,"patterns":299,"component_categories":306,"app":316},"834152ab-1da0-47d7-b121-b1761a1bb7d8","Budget - Upwork","Wizard step where the user sets an hourly rate or project budget for their job post, aided by a rate distribution chart.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupwork_onboarding_eb98f310_nicelydone.png",2908,"Budget - Upwork from Upwork",[300,302,304],{"id":137,"label":198,"slug":199,"rank":57,"group":301},{"id":201,"label":202,"slug":203},{"id":210,"label":211,"slug":212,"rank":59,"group":303},{"id":54,"label":214,"slug":215},{"id":133,"label":134,"slug":135,"rank":201,"group":305},{"id":137,"label":138,"slug":139},[307,311,312,313,314,315],{"id":308,"title":309,"slug":310},257,"Input number","input-number",{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":317},[],[],[320,322,324,326,328,330,332,334,336,338,341,344,347,350,353,355,359,363,367],{"label":134,"to":321},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":198,"to":323},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":211,"to":325},"\u002Fexamples\u002Fscreens\u002Fform",{"label":83,"to":327},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":102,"to":329},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":206,"to":331},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":261,"to":333},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":240,"to":335},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":55,"to":337},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":339,"to":340},"Upwork marketing pages","\u002Fexamples\u002Fapps\u002Fupwork\u002Fmarketing",{"label":342,"to":343},"Upwork user flows","\u002Fexamples\u002Fapps\u002Fupwork\u002Fflows",{"label":345,"to":346},"Upwork UI components","\u002Fexamples\u002Fapps\u002Fupwork\u002Fcomponents",{"label":348,"to":349},"Marketplace app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketplace",{"label":351,"to":352},"Human resources app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhuman-resources",{"label":354,"to":18},"All SaaS app examples",{"label":356,"to":357,"description":358},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":360,"to":361,"description":362},"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":364,"to":365,"description":366},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":368,"to":369,"description":370},"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":372,"updated_at":373},"2021-06-20T18:46:59.000Z","2026-09-13T13:02:39.000Z"]