[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffourthwall\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":329},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":306,"links":307,"dates":326},"\u002Fexamples\u002Fapps\u002Ffourthwall\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Fourthwall user flows examples - Nicelydone","Explore Fourthwall user flow examples. Preview the opening screens and steps for each task. Launch your brand. On your terms","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b79e552-0d5c-4f4c-9fe0-a41c6b646231.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},"Fourthwall design examples","\u002Fexamples\u002Fapps\u002Ffourthwall",{"label":23,"to":4},"Fourthwall 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,"twitter_username":34,"categories":35},"Fourthwall","fourthwall","Launch your brand. On your terms","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6cf581b1-c7fa-41be-a627-bf2934115d62.png","https:\u002F\u002Ffourthwall.com","FourthwallHQ",[36,40,44],{"id":37,"title":38,"slug":39},3,"Shopping","shopping",{"id":41,"title":42,"slug":43},58,"Social Commerce","social-commerce",{"id":45,"title":46,"slug":47},7,"Web Development","web-development",[49,74,98,117,140,165,189,208,227,247,267,284],{"uuid":50,"title":51,"canonical_path":4,"kind":52,"patterns_count":45,"categories":53,"screens":57,"app":73},"42775fbd-2845-43a0-b564-f0ac13892115","Signing in","flow",[54],{"id":55,"title":51,"slug":56},61,"sign-in",[58,65,69],{"uuid":59,"title":60,"description":61,"image":11,"image_alt":62,"width":63,"height":64},"6b79e552-0d5c-4f4c-9fe0-a41c6b646231","Log into Fourthwall | Fourthwall","Sign-in screen where the user authenticates with Google, Apple, or email, alongside a showcase of a creator's merchandise shop.","Log into Fourthwall | Fourthwall from Fourthwall",3024,1780,{"uuid":66,"title":60,"description":67,"image":68,"image_alt":62,"width":63,"height":64},"d8e43681-50b0-4c44-81b7-5de3c908e2e5","Sign-in screen where the user authenticates with Google, Apple, or email, featuring a creator shop showcase on the side.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8e43681-50b0-4c44-81b7-5de3c908e2e5.png",{"uuid":70,"title":60,"description":71,"image":72,"image_alt":62,"width":63,"height":64},"5740f032-f74b-45d0-a917-81090f91b7c1","Login page","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5740f032-f74b-45d0-a917-81090f91b7c1.png",{"slug":30,"title":29,"logo":32},{"uuid":75,"title":76,"canonical_path":4,"kind":52,"patterns_count":45,"categories":77,"screens":82,"app":97},"9d9358a3-bbd5-43da-b013-7b363d291d4b","Signing up with email",[78],{"id":79,"title":80,"slug":81},103,"Signing up","signing-up",[83,89,93],{"uuid":84,"title":85,"description":86,"image":87,"image_alt":88,"width":63,"height":64},"4e300bb5-ec2c-42eb-8035-21e1150cfea3","Sign up with email | Fourthwall","Account creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e300bb5-ec2c-42eb-8035-21e1150cfea3.png","Sign up with email | Fourthwall from Fourthwall",{"uuid":90,"title":85,"description":91,"image":92,"image_alt":88,"width":63,"height":64},"758bd36f-d371-4cbb-be89-1ac981741a37","Signup page where the user creates an account using their email and password alongside a carousel showcasing creator shops.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F758bd36f-d371-4cbb-be89-1ac981741a37.png",{"uuid":94,"title":85,"description":95,"image":96,"image_alt":88,"width":63,"height":64},"23616518-f2aa-4622-8117-5d4dd63ce468","Signup page where the user creates an account using their email address and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23616518-f2aa-4622-8117-5d4dd63ce468.png",{"slug":30,"title":29,"logo":32},{"uuid":99,"title":100,"canonical_path":4,"kind":52,"patterns_count":101,"categories":102,"screens":103,"app":116},"4ed2de8e-0463-49fe-88d5-38ec09f2fe8f","Entering user details",8,[],[104,109,113],{"uuid":105,"title":106,"description":86,"image":107,"image_alt":108,"width":63,"height":64},"3fba5e08-7e53-4ff9-843d-fdb6516abf4d","Enter your details | Fourthwall","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fba5e08-7e53-4ff9-843d-fdb6516abf4d.png","Enter your details | Fourthwall from Fourthwall",{"uuid":110,"title":106,"description":111,"image":112,"image_alt":108,"width":63,"height":64},"2ba16d9f-6bba-42eb-ac62-4cf1a0858f61","Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ba16d9f-6bba-42eb-ac62-4cf1a0858f61.png",{"uuid":114,"title":106,"description":86,"image":115,"image_alt":108,"width":63,"height":64},"e9fc6f50-d1f4-4595-bf35-f638cbe3652b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe9fc6f50-d1f4-4595-bf35-f638cbe3652b.png",{"slug":30,"title":29,"logo":32},{"uuid":118,"title":119,"canonical_path":4,"kind":52,"patterns_count":120,"categories":121,"screens":122,"app":139},"46931cf9-2907-4e4a-b00f-5766f489c6a9","Launching store",27,[],[123,130,134],{"uuid":124,"title":125,"description":126,"image":127,"image_alt":128,"width":63,"height":129},"09a7e46a-e3c7-4eef-8cdd-d0e8772b2e58","Dashboard","Getting started","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09a7e46a-e3c7-4eef-8cdd-d0e8772b2e58.png","Dashboard from Fourthwall",5828,{"uuid":131,"title":125,"description":132,"image":133,"image_alt":128,"width":63,"height":129},"f3467e21-c4c3-4ac0-bfc6-53772608fd9b","Integration setup Getting started","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff3467e21-c4c3-4ac0-bfc6-53772608fd9b.png",{"uuid":135,"title":125,"description":136,"image":137,"image_alt":128,"width":63,"height":138},"b527eb84-3066-4035-9c16-6c42b3882a2e","Dashboard for a new e-commerce storefront where the user can launch their shop, create products, and connect marketing apps.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb527eb84-3066-4035-9c16-6c42b3882a2e.png",6026,{"slug":30,"title":29,"logo":32},{"uuid":141,"title":142,"canonical_path":4,"kind":52,"patterns_count":143,"categories":144,"screens":145,"app":164},"99e119c7-600c-4d26-a1e8-1cccfda1b1f3","Browsing products",6,[],[146,153,157],{"uuid":147,"title":148,"description":149,"image":150,"image_alt":151,"width":63,"height":152},"2bafecd4-4dc2-4884-ae33-e0f78f555943","Discover products","Catalog page where a creator browses base products like apparel, drinkware, and accessories to customize and sell.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2bafecd4-4dc2-4884-ae33-e0f78f555943.png","Discover products from Fourthwall",24514,{"uuid":154,"title":148,"description":155,"image":156,"image_alt":151,"width":63,"height":152},"f711b586-3d3a-4c88-9d77-682b9b240bef","Create page where the user selects a base product like apparel, drinkware, or accessories from a categorized catalog to begin customization.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff711b586-3d3a-4c88-9d77-682b9b240bef.png",{"uuid":158,"title":159,"description":160,"image":161,"image_alt":162,"width":63,"height":163},"4644e7d4-828e-40a1-8e6b-dd19943370ef","Design & Sell Products | Fourthwall","Product catalog where the user browses and filters customizable apparel and accessories by category, color, price, and production method.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4644e7d4-828e-40a1-8e6b-dd19943370ef.png","Design & Sell Products | Fourthwall from Fourthwall",15322,{"slug":30,"title":29,"logo":32},{"uuid":166,"title":167,"canonical_path":4,"kind":52,"patterns_count":143,"categories":168,"screens":173,"app":188},"3375131b-24c8-4703-a5ca-316dda312e42","Customizing product artwork",[169],{"id":170,"title":171,"slug":172},67,"Customizing","customize",[174,180,184],{"uuid":175,"title":176,"description":177,"image":178,"image_alt":179,"width":63,"height":64},"d8d156ff-9cfc-4d31-8961-c4f11894ba89","Design new Comfort Colors Garment-Dyed Heavyweight T-Shirt","Design editor where the user uploads artwork, selects fabric colors, and previews their design on different sides of a t-shirt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8d156ff-9cfc-4d31-8961-c4f11894ba89.png","Design new Comfort Colors Garment-Dyed Heavyweight T-Shirt from Fourthwall",{"uuid":181,"title":176,"description":182,"image":183,"image_alt":179,"width":63,"height":64},"49ade5bc-5015-4926-bc71-8c574c4ba069","Design editor where the user uploads artwork, selects fabric colors, and customizes the print placement on a t-shirt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F49ade5bc-5015-4926-bc71-8c574c4ba069.png",{"uuid":185,"title":176,"description":186,"image":187,"image_alt":179,"width":63,"height":64},"e904d460-db83-4b46-9d65-881f9fc51d64","Design editor where the user configures artwork placement, fabric color, and views for a custom t-shirt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe904d460-db83-4b46-9d65-881f9fc51d64.png",{"slug":30,"title":29,"logo":32},{"uuid":190,"title":167,"canonical_path":4,"kind":52,"patterns_count":191,"categories":192,"screens":194,"app":207},"677a0558-3487-4b2a-9a26-503703d706aa",10,[193],{"id":170,"title":171,"slug":172},[195,199,203],{"uuid":196,"title":176,"description":197,"image":198,"image_alt":179,"width":63,"height":64},"00a95cb7-fa7a-45c5-b5ab-0fe5cc8896ad","Design editor where the user places and scales uploaded artwork on a t-shirt mockup, selects fabric colors, and previews different garment views.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F00a95cb7-fa7a-45c5-b5ab-0fe5cc8896ad.png",{"uuid":200,"title":176,"description":201,"image":202,"image_alt":179,"width":63,"height":64},"f26807fe-07a8-4992-940e-9b21244dfb0d","Design editor where the user positions an uploaded image on a t-shirt and opens a context menu to adjust layer order or edit with an external tool.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff26807fe-07a8-4992-940e-9b21244dfb0d.png",{"uuid":204,"title":176,"description":205,"image":206,"image_alt":179,"width":63,"height":64},"f8c59377-6923-4198-b7da-185841a6b4ec","Design editor where the user uploads artwork, scales it using selection handles, and positions it on a t-shirt mockup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8c59377-6923-4198-b7da-185841a6b4ec.png",{"slug":30,"title":29,"logo":32},{"uuid":209,"title":210,"canonical_path":4,"kind":52,"patterns_count":211,"categories":212,"screens":213,"app":226},"917b6347-dd97-43be-9568-f5e5818c3f70","Designing product",21,[],[214,218,222],{"uuid":215,"title":176,"description":216,"image":217,"image_alt":179,"width":63,"height":64},"44e78fe8-a130-49bc-b22f-6810d5845dcb","Design editor where the user places and scales uploaded artwork onto a t-shirt mockup, selects fabric colors, and previews the final product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44e78fe8-a130-49bc-b22f-6810d5845dcb.png",{"uuid":219,"title":176,"description":220,"image":221,"image_alt":179,"width":63,"height":64},"5f8b7fad-3ad9-4e12-ba10-43bd689ca828","Design editor where the user places, resizes, and positions an uploaded artwork image onto a t-shirt mockup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5f8b7fad-3ad9-4e12-ba10-43bd689ca828.png",{"uuid":223,"title":176,"description":224,"image":225,"image_alt":179,"width":63,"height":64},"36c27684-e0c3-4f4f-aa3b-137d35fa2cd7","Design editor where the user places uploaded artwork onto a t-shirt mockup and selects fabric colors.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F36c27684-e0c3-4f4f-aa3b-137d35fa2cd7.png",{"slug":30,"title":29,"logo":32},{"uuid":228,"title":229,"canonical_path":4,"kind":52,"patterns_count":230,"categories":231,"screens":232,"app":246},"27c0ccfb-42d0-4da9-aaf1-8ff797b9bca3","Configuring product details",18,[],[233,239,243],{"uuid":234,"title":235,"description":236,"image":237,"image_alt":238,"width":63,"height":64},"f797ed97-53cb-4147-849e-044d4c8a1c78","Product details – Create a new product – Fourthwall","Product details Pricing calculator","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff797ed97-53cb-4147-849e-044d4c8a1c78.png","Product details – Create a new product – Fourthwall from Fourthwall",{"uuid":240,"title":235,"description":241,"image":242,"image_alt":238,"width":63,"height":64},"fa1ba868-ce19-4347-a84d-59739297a06d","Pricing calculator","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa1ba868-ce19-4347-a84d-59739297a06d.png",{"uuid":244,"title":235,"description":241,"image":245,"image_alt":238,"width":63,"height":64},"64b41dc4-6f0f-44d4-9c79-e04199745211","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64b41dc4-6f0f-44d4-9c79-e04199745211.png",{"slug":30,"title":29,"logo":32},{"uuid":248,"title":249,"canonical_path":4,"kind":52,"patterns_count":143,"categories":250,"screens":251,"app":266},"61fff513-591a-42a9-b758-2327357ca448","Ordering samples",[],[252,258,262],{"uuid":253,"title":254,"description":255,"image":256,"image_alt":257,"width":63,"height":64},"a74b95bd-2803-49eb-a354-d7de33940a42","Retro Beam Tee – Dashboard","Detail page where an admin previews a newly created t-shirt product on their storefront and can order samples or change its visibility status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa74b95bd-2803-49eb-a354-d7de33940a42.png","Retro Beam Tee – Dashboard from Fourthwall",{"uuid":259,"title":254,"description":260,"image":261,"image_alt":257,"width":63,"height":64},"024fe303-133c-4a70-a7ae-3aa2326b6256","Detail page where a creator previews their public product listing, with options to order samples or change visibility.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F024fe303-133c-4a70-a7ae-3aa2326b6256.png",{"uuid":263,"title":254,"description":264,"image":265,"image_alt":257,"width":63,"height":64},"40139f87-933e-4ed4-83b8-944a19acbbff","Image gallery","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F40139f87-933e-4ed4-83b8-944a19acbbff.png",{"slug":30,"title":29,"logo":32},{"uuid":268,"title":269,"canonical_path":4,"kind":52,"patterns_count":45,"categories":270,"screens":272,"app":283},"5af14e50-bdb6-4b2c-92ea-b9a860d09aae","Customizing site look",[271],{"id":170,"title":171,"slug":172},[273,279],{"uuid":274,"title":275,"description":276,"image":277,"image_alt":278,"width":63,"height":64},"348bb999-dc01-4236-ad22-e57b5f32c6c7","Creator Onboarding | Fourthwall","Onboarding step where the user customizes their shop's appearance by selecting a logo, color scheme, and font pairing alongside a live device preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F348bb999-dc01-4236-ad22-e57b5f32c6c7.png","Creator Onboarding | Fourthwall from Fourthwall",{"uuid":280,"title":275,"description":281,"image":282,"image_alt":278,"width":63,"height":64},"4dfc6a60-e17b-4a0a-aea4-8b001863e28a","Onboarding step where the user customizes their store's look by uploading a logo and selecting a pre-defined color scheme and font pairing, alongside a live mobile preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4dfc6a60-e17b-4a0a-aea4-8b001863e28a.png",{"slug":30,"title":29,"logo":32},{"uuid":285,"title":286,"canonical_path":4,"kind":52,"patterns_count":287,"categories":288,"screens":290,"app":305},"25dcc0bc-29a0-4bfa-9097-f440ee93396c","Customizing colors & appearance",9,[289],{"id":170,"title":171,"slug":172},[291,297,301],{"uuid":292,"title":293,"description":294,"image":295,"image_alt":296,"width":63,"height":64},"b7264f92-3b10-4a7e-a489-4e5fce67a20f","Site design – Dashboard","Design editor where the user customizes the colors, appearance, and corner radius of their storefront theme.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb7264f92-3b10-4a7e-a489-4e5fce67a20f.png","Site design – Dashboard from Fourthwall",{"uuid":298,"title":293,"description":299,"image":300,"image_alt":296,"width":63,"height":64},"b296bd91-0d19-44f4-b1cc-5c3731bec488","Design editor where the user customizes the background color and corner radii for their storefront theme.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb296bd91-0d19-44f4-b1cc-5c3731bec488.png",{"uuid":302,"title":293,"description":303,"image":304,"image_alt":296,"width":63,"height":64},"b67999b0-ed89-4f92-82be-ec1891e86150","Design editor where the user customizes the store's primary and background colors using a color picker, and adjusts corner radii via sliders, while viewing a live preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb67999b0-ed89-4f92-82be-ec1891e86150.png",{"slug":30,"title":29,"logo":32},[],[308,311,314,317,320,323],{"label":309,"to":310},"Fourthwall product screens","\u002Fexamples\u002Fapps\u002Ffourthwall\u002Fscreens",{"label":312,"to":313},"Fourthwall marketing pages","\u002Fexamples\u002Fapps\u002Ffourthwall\u002Fmarketing",{"label":315,"to":316},"Fourthwall UI components","\u002Fexamples\u002Fapps\u002Ffourthwall\u002Fcomponents",{"label":318,"to":319},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":321,"to":322},"Social Commerce app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-commerce",{"label":324,"to":325},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"published_at":327,"updated_at":328},"2025-07-07T07:47:23.000Z","2026-09-13T13:02:39.000Z",{"left":330,"top":330,"width":331,"height":331,"rotate":330,"vFlip":332,"hFlip":332,"body":333},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>"]