{
    "componentChunkName": "component---src-templates-case-study-js",
    "path": "/case-study/wework-on-demand",
    "result": {"data":{"caseStudy":{"title":"WeWork On-Demand","date":"2026-05-02","summary":"B2C App || ","details":null,"role":"UX/UI Designer || 3 Months","results":"Mobile App · Desktop Web","methods":"","banner":"/uploads/case-studies/bbbjbjbj/img-1785217720856-359.png","toc_enabled":true,"slug":"wework-on-demand","toc_items":[{"text":"n builder","anchor":"n-builder"},{"text":"Research","anchor":"research"},{"text":"bjbjbj","anchor":"bjbjbj"}],"markdown":"\n<div class=\"grid grid-1\">\n\n![Image](/uploads/case-studies/bbbjbjbj/img-1777702915508-0.webp)\n\n</div>\n\n<h2 id=\"n-builder\">New Section</h2><p><font color=\"#2dabb4\">Start writing here...</font></p><h3 data-section-id=\"1kjz9kj\" data-start=\"83\" data-end=\"109\">Current Issues to Fix:</h3>\n<ul data-start=\"110\" data-end=\"297\">\n<li data-section-id=\"uc7is9\" data-start=\"110\" data-end=\"178\">\nChanges made in the builder are&nbsp;<a href=\"www.naveen.design\" target=\"_blank\">not reflecting in the preview.</a><a href=\"www.naveen.design\" target=\"_blank\">not reflecting in the preview.</a></li>\n<li data-section-id=\"ixqrej\" data-start=\"179\" data-end=\"249\">\nThe <strong data-start=\"185\" data-end=\"220\">preview is not&nbsp;<a href=\"www.gogole.com\" target=\"_blank\">working</a>&nbsp;properly</strong> after creating a case study.\n</li>\n<li data-section-id=\"1bm4dpb\" data-start=\"250\" data-end=\"297\">\n<strong data-start=\"252\" data-end=\"281\">Images are not displaying</strong> in the preview.\n</li>\n</ul>\n<hr data-start=\"299\" data-end=\"302\">\n<h3 data-section-id=\"ar0sy6\" data-start=\"304\" data-end=\"330\">Required Improvements:</h3>\n<h4 data-start=\"332\" data-end=\"352\">1. Preview Sync</h4>\n<ul data-start=\"353\" data-end=\"507\">\n<li data-section-id=\"m4hrnz\" data-start=\"353\" data-end=\"431\">\nEnsure all changes made in the builder <strong data-start=\"394\" data-end=\"430\">reflect instantly in the preview</strong>.\n</li>\n<li data-section-id=\"u6tsex\" data-start=\"432\" data-end=\"507\">\nThe preview should always display the <strong data-start=\"472\" data-end=\"506\">latest saved or edited content</strong>.\n</li>\n</ul>\n<h4 data-start=\"509\" data-end=\"530\">2. Media Support</h4>\n<ul data-start=\"531\" data-end=\"688\">\n<li data-section-id=\"tqwegz\" data-start=\"531\" data-end=\"610\">\nFix image rendering so that <strong data-start=\"561\" data-end=\"609\">uploaded images display correctly in preview</strong>.\n</li>\n<li data-section-id=\"12ehct8\" data-start=\"611\" data-end=\"688\">\nAllow adding:\n<ul data-start=\"629\" data-end=\"688\">\n<li data-section-id=\"16daud8\" data-start=\"629\" data-end=\"641\">\n<strong data-start=\"631\" data-end=\"641\">Images</strong>\n</li>\n<li data-section-id=\"bs4f3n\" data-start=\"644\" data-end=\"654\">\n<strong data-start=\"646\" data-end=\"654\">GIFs</strong>\n</li>\n<li data-section-id=\"1vnhdli\" data-start=\"657\" data-end=\"688\">\nOther supported media formats\n</li>\n</ul>\n</li>\n</ul>\n<h4 data-start=\"690\" data-end=\"726\">3. Text Formatting Enhancements</h4>\n<ul data-start=\"727\" data-end=\"841\">\n<li data-section-id=\"1bjlf5y\" data-start=\"727\" data-end=\"841\">\nAdd options to:\n<ul data-start=\"747\" data-end=\"841\">\n<li data-section-id=\"1113olq\" data-start=\"747\" data-end=\"770\">\n<strong data-start=\"749\" data-end=\"770\">Change text color</strong>\n</li>\n<li data-section-id=\"1gsj8rw\" data-start=\"773\" data-end=\"793\">\n<strong data-start=\"775\" data-end=\"793\">Add hyperlinks</strong>\n</li>\n<li data-section-id=\"19f9f3n\" data-start=\"796\" data-end=\"841\">\nApply basic formatting (bold, italic, etc.)\n</li>\n</ul>\n</li>\n</ul>\n<h4 data-start=\"843\" data-end=\"874\">4. Table of Contents (ToC)</h4>\n<ul data-start=\"875\" data-end=\"1114\">\n<li data-section-id=\"1kkn7gp\" data-start=\"875\" data-end=\"950\">\nIn the text section, provide an option to <strong data-start=\"919\" data-end=\"949\">enable “Table of Contents”</strong>.\n</li>\n<li data-section-id=\"10i0pxf\" data-start=\"951\" data-end=\"1024\">\nWhen enabled:\n<ul data-start=\"969\" data-end=\"1024\">\n<li data-section-id=\"sf1367\" data-start=\"969\" data-end=\"1024\">\nAdmin should be able to <strong data-start=\"995\" data-end=\"1023\">manually enter ToC items</strong>.\n</li>\n</ul>\n</li>\n<li data-section-id=\"1f9po88\" data-start=\"1025\" data-end=\"1114\">\nRestriction:\n<ul data-start=\"1042\" data-end=\"1114\">\n<li data-section-id=\"16fyow1\" data-start=\"1042\" data-end=\"1114\">\nOnly <strong data-start=\"1049\" data-end=\"1074\">one Table of Contents</strong> can be active per case study at a time.\n</li>\n</ul>\n</li>\n</ul>\n<h4 data-start=\"1116\" data-end=\"1145\">5. Mobile Responsiveness</h4>\n<ul data-start=\"1146\" data-end=\"1342\">\n<li data-section-id=\"1vqdjn5\" data-start=\"1146\" data-end=\"1244\">\nThe entire experience (builder + preview + published case study) should be <strong data-start=\"1223\" data-end=\"1243\">fully responsive</strong>.\n</li>\n<li data-section-id=\"18qvuis\" data-start=\"1245\" data-end=\"1342\">\nEnsure proper layout and readability across:\n<ul data-start=\"1294\" data-end=\"1342\">\n<li data-section-id=\"8h4av7\" data-start=\"1294\" data-end=\"1310\">\nMobile devices\n</li>\n<li data-section-id=\"1cm0ngx\" data-start=\"1313\" data-end=\"1322\">\nTablets\n</li>\n<li data-section-id=\"1f6pz0l\" data-start=\"1325\" data-end=\"1342\">\nDesktop screens\n</li>\n</ul>\n</li>\n</ul>\n<hr data-start=\"1344\" data-end=\"1347\">\n<h3 data-section-id=\"h4ahxw\" data-start=\"1349\" data-end=\"1369\">Key Requirement:</h3>\n<ul data-start=\"1370\" data-end=\"1533\">\n<li data-section-id=\"1n2ec0r\" data-start=\"1370\" data-end=\"1445\">\nEverything should work seamlessly:\n<ul data-start=\"1409\" data-end=\"1445\">\n<li data-section-id=\"w9963t\" data-start=\"1409\" data-end=\"1445\">\nBuilder → Save → Preview → Publish\n</li>\n</ul>\n</li>\n<li data-section-id=\"khiaeo\" data-start=\"1446\" data-end=\"1533\">\nEnsure <strong data-start=\"1455\" data-end=\"1513\">no mismatch between builder content and preview output</strong> across all devices.</li></ul>\n\n<h2 id=\"research\">New Section</h2><p><div aria-hidden=\"true\" class=\"pointer-events-none -mt-px h-px translate-y-[calc(var(--scroll-root-safe-area-inset-bottom)-14*var(--spacing))]\"></div></p><section class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto [content-visibility:auto] supports-[content-visibility:auto]:[contain-intrinsic-size:auto_100lvh] R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-WEB:80a61a15-3f4e-4505-b03e-03b0d5b7bde3-1\" data-testid=\"conversation-turn-2\" data-scroll-anchor=\"false\" data-turn=\"assistant\"><div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"><div class=\"[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"><div class=\"flex max-w-full flex-col gap-4 grow\"><div data-message-author-role=\"assistant\" data-message-id=\"73d04379-8480-4955-84a6-c286197a5814\" dir=\"auto\" data-message-model-slug=\"gpt-5-3\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&amp;]:mt-1\" data-turn-start-message=\"true\" tabindex=\"0\"><div class=\"flex w-full flex-col gap-1 empty:hidden\"><div class=\"markdown prose dark:prose-invert w-full wrap-break-word dark markdown-new-styling\"><p data-start=\"0\" data-end=\"61\">Fix the hyperlink functionality. Right now, it’s not working.</p>\n<p data-start=\"63\" data-end=\"308\">Here’s how it should work:<br data-start=\"89\" data-end=\"92\">\nWhen a user selects text and clicks on the hyperlink icon, a popover should appear near the selected text. In this popover, the user can enter the URL and the display text, along with a Save button to apply the link.</p>\n<p data-start=\"310\" data-end=\"484\" data-is-last-node=\"\" data-is-only-node=\"\">In the case study page, add a banner image at the top of the case study details. The Table of Contents (TOC) should be full width. On scroll, the TOC should stick to the top.</p></div></div></div></div><div class=\"z-0 flex min-h-[46px] justify-start\"></div><div class=\"mt-3 w-full empty:hidden\"><div class=\"text-center\"></div></div></div></div></section>\n\n<h2 id=\"bjbjbj\">New Section</h2><p>Start writing here...Examples of popovers:</p><p><br></p><p>👉 Popover menu — It presents a set of options in a compact form. It typically appears when the user interacts with a specific trigger element, such as a button or icon. It is designed to be unobtrusive and contextually relevant to the user’s interaction.</p><p>Press enter or click to view image in full size</p><div><img src=\"https://miro.medium.com/v2/resize:fit:1400/1*2v8f9N6mhjYw3trRXRLwew.png\"></div>\n\n\n<div class=\"grid grid-1\">\n\n</div>\n","project_type":"case-study","ai_label":"","labels":[],"cta_button":null},"featuredProjects":{"edges":[{"node":{"title":"Build Voting Feature for Alright TV","cover":"https://res.cloudinary.com/duxol6zvd/image/upload/v1792394001/portfolio/featured/yfsix2cwwuxktohjz6p5.webp","cta":"/case-study/alright-app","external":"","role":"Sr. Product Designer"}},{"node":{"title":"Streamlining Checkout: A Mobile-First Solution to Boost Conversions","cover":"https://res.cloudinary.com/duxol6zvd/image/upload/v1792413397/portfolio/featured/vhg1wcbyfoxtvcjfhp4r.webp","cta":"/case-study/wework/","external":"","role":"UX Design"}},{"node":{"title":"TradingRooms™ – Simplifying Automated Trading","cover":"/assets/Trading-Room-Tradingrooms.png","cta":"https://www.figma.com/proto/nsUwTIXV1l9uDCFBM6aKwF/TradingRooms?node-id=1-1093&t=Uios0vIrTCJAB4Ws-1&scaling=scale-down-width&content-scaling=fixed&page-id=0%3A1","external":"https://www.figma.com/proto/nsUwTIXV1l9uDCFBM6aKwF/TradingRooms?node-id=1-1093&t=Uios0vIrTCJAB4Ws-1&scaling=scale-down-width&content-scaling=fixed&page-id=0%3A1","role":"UX Design"}},{"node":{"title":"Motorola Watch 120","cover":"/assets/Motorola-Watch-120-Motowatch.png","cta":"https://www.figma.com/proto/nsUwTIXV1l9uDCFBM6aKwF/TradingRooms?node-id=27-7283&t=GpuIGWC7VI30RtEQ-1&scaling=scale-down-width&content-scaling=fixed&page-id=0%3A1","external":"https://www.figma.com/proto/nsUwTIXV1l9uDCFBM6aKwF/TradingRooms?node-id=27-7283&t=GpuIGWC7VI30RtEQ-1&scaling=scale-down-width&content-scaling=fixed&page-id=0%3A1","role":"UX Design"}},{"node":{"title":"Redesigned Ask Nestle for Diverse Nutritional & Dietary Needs","cover":"/assets/redesigned-ask-nestle-for-diverse-nutritional-dietary-needs-Nestle.webp","cta":"https://www.figma.com/proto/TzA9Y4EXln71CQBfz6v1ma/Ask-Nestle-Case-Study?page-id=0%3A1&type=design&node-id=0-2571&viewport=272%2C1266%2C0.08&t=bARBEjDvxvndoB0U-1&scaling=scale-down-width&mode=design","external":"https://www.figma.com/proto/TzA9Y4EXln71CQBfz6v1ma/Ask-Nestle-Case-Study?page-id=0%3A1&type=design&node-id=0-2571&viewport=272%2C1266%2C0.08&t=bARBEjDvxvndoB0U-1&scaling=scale-down-width&mode=design","role":"UX Design"}},{"node":{"title":"Revamping Brand Image with Innovative Website Redesign","cover":"https://res.cloudinary.com/duxol6zvd/image/upload/v1792415279/portfolio/featured/owj1a26vyfrpwr8kldp2.webp","cta":"https://www.figma.com/proto/vxi8UEnccFZ8h8oSGtJFhX/Insurance-Samadhan?page-id=0%3A1&node-id=1-2287&viewport=487%2C1601%2C0.15&t=qRgkYxIf0djyKHJZ-1&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=1%3A2287","external":"https://www.figma.com/proto/vxi8UEnccFZ8h8oSGtJFhX/Insurance-Samadhan?page-id=0%3A1&node-id=1-2287&viewport=487%2C1601%2C0.15&t=qRgkYxIf0djyKHJZ-1&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=1%3A2287","role":"UI/UX Design"}},{"node":{"title":"Bharat Fit Bradning","cover":"https://res.cloudinary.com/duxol6zvd/image/upload/v1792415352/portfolio/featured/m9jgryf6v5rwlj8p3ruj.webp","cta":"https://www.figma.com/proto/VpUrtwARMrQTy7k9SlNXkH/Bharat-Fit?page-id=0%3A1&type=design&node-id=1-44&viewport=532%2C794%2C0.06&t=A72ydDMued4QjFgI-1&scaling=scale-down-width&mode=design","external":"https://www.figma.com/proto/VpUrtwARMrQTy7k9SlNXkH/Bharat-Fit?page-id=0%3A1&type=design&node-id=1-44&viewport=532%2C794%2C0.06&t=A72ydDMued4QjFgI-1&scaling=scale-down-width&mode=design","role":"Branding / Logo Design"}}]}},"pageContext":{"slug":"wework-on-demand"}},
    "staticQueryHashes": ["1474650873","1994492073","2522843923","3242927473","3278092510","33978520","3666404658","3825832676"]}