[{"data":1,"prerenderedAt":530},["ShallowReactive",2],{"case-study-wellcube":3,"case-studies":125},{"slug":4,"meta":5,"tokens":9,"blocks":36},"wellcube",{"title":6,"description":7,"category":8},"New case study","","Product Design",{"heroTitle":10,"heroClient":15,"heroSubtitle":17,"heading":20,"overviewTitle":25,"overviewLabel":28,"body":30,"caption":34,"credits":35},{"fontSize":11,"color":12,"letterSpacing":13,"lineHeight":14},"128px","#272b32","-0.03em","0.95",{"fontSize":16,"color":12},"16px",{"fontSize":18,"color":12,"lineHeight":19},"24px","1.5",{"fontSize":21,"color":22,"letterSpacing":23,"lineHeight":24},"56px","#101010","-0.02em","1",{"fontSize":26,"color":22,"letterSpacing":13,"lineHeight":27},"64px","0.9",{"fontSize":29,"color":22,"lineHeight":19},"14px",{"fontSize":31,"color":32,"lineHeight":33},"17px","rgb(16 16 16 \u002F 78%)","1.6",{"fontSize":16,"color":12},{"fontSize":16,"color":12,"lineHeight":33},[37,59,67,73,78,87,92,104,109,115],{"id":38,"type":39,"theme":40,"client":41,"title":42,"subtitle":43,"media":44,"link":48,"metaClient":50,"services":51,"industries":54,"date":56,"heroCursorGraphic":57,"overlayOpacity":58},"hero-1","hero","dark","PRODUCT DESIGN","Designing a Connected Wellness Ecosystem","Wellcube is a workplace wellness platform developed by Delos to improve the health and comfort of people inside shared environments. The experience connected environmental data, building controls, educational content, and personal wellness tools across mobile devices, tablets, wall-mounted interfaces, and administrative platforms.",{"kind":45,"src":46,"alt":47,"poster":7},"image","\u002Fcase-studies\u002Fwellcube\u002FHero-Wide-4.jpg","Hero image",{"label":49,"href":7},"WellCube Website","Delos LLC",[8,52,53],"Design System","Design Leadership",[55],"hceT ssenlleW","2022 - 2025","\u002Fcase-studies\u002Fwellcube\u002FCursorWellcUBe_Smalle.png",0,{"id":60,"type":61,"theme":62,"layout":63,"title":64,"label":65,"body":66},"text-1","text","light","overview","The Challenge","Overview","Wellcube was not a single product with a single user journey. It was an ecosystem serving employees, workplace administrators, building operators, and internal teams across multiple devices and contexts. The challenge was to make a technically complex system feel coherent and approachable while creating enough flexibility for different clients, environments, and product configurations.",{"id":68,"type":69,"theme":40,"size":70,"media":71,"caption":7},"media-1","media","wide",{"kind":45,"src":72,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002Fmobile-1.png",{"id":74,"type":61,"theme":62,"layout":63,"title":75,"label":76,"body":77},"text-2","The Project","Role","This multi-year client engagement spanned a broader product ecosystem, covering product strategy, UX, interface design, prototyping, and implementation. The work also included design leadership across individual product areas, stakeholder alignment around shared priorities, and close collaboration with product and engineering teams to turn complex requirements into clear, buildable experiences.",{"id":79,"type":80,"theme":62,"label":81,"body":82,"media":83,"overlapMedia":85},"overlap-edcdf9b8","overlap","Designing for Two Distinct Audiences","Wellcube served two very different user groups, each with its own needs, responsibilities, and level of technical knowledge.",{"kind":45,"src":84,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FWellCubeVideo_Short_NoAudio.mp4",{"kind":45,"src":86,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FWellCube_illustration_Low.png",{"id":88,"type":61,"theme":62,"layout":63,"title":89,"label":90,"body":91},"text-4485be2b","Guiding Technicians Through Installation","Audience 1","The WellCube Installer mobile app was designed for technicians responsible for setting up and commissioning devices across office environments. It guided them through scheduled installations, gateway setup, QR code scanning, space assignment, connectivity checks, troubleshooting, and final system validation. Clear progress indicators, contextual support, real-time device status, and structured handoff tools helped technicians work quickly, avoid configuration errors, and complete installations correctly the first time.",{"id":93,"type":94,"theme":62,"background":95,"items":97},"mobileGrid-3045619b","mobileGrid",{"kind":45,"src":96,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FCircle.png",[98,100,102],{"kind":45,"src":99,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FUpcoming-Installations.png",{"kind":45,"src":101,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FSign-In-Screen_v2.png",{"kind":45,"src":103,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002F11.png",{"id":105,"type":61,"theme":40,"layout":63,"title":106,"label":107,"body":108},"text-3","Giving Facilities Teams Centralized Control","Audience 2","The WellCube web app was designed for facilities managers overseeing the ongoing performance of devices across large and complex workplaces. It organized the system around familiar physical spaces such as buildings, floors, rooms, and zones rather than technical identifiers, making large device fleets easier to understand and manage. Facilities teams could monitor air quality and system health, track maintenance, organize devices, apply actions across groups, and generate data needed for operational and ESG reporting.",{"id":110,"type":69,"theme":40,"size":111,"media":112,"caption":7},"media-2","full",{"kind":45,"src":113,"alt":114,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FWebApp-Overview.jpg","Full bleed image",{"id":116,"type":117,"theme":40,"background":118,"items":120},"stacked-999f1d5a","stacked",{"kind":45,"src":119,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FCircle_2.png",[121,123],{"kind":45,"src":122,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FWeBApp-iPad-2Screens.jpg",{"kind":45,"src":124,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube\u002FWellCube_Laptop_Analytics.jpg",[126,206,289,358,421,461],{"slug":127,"meta":128,"tokens":130,"blocks":141},"berkley",{"title":129,"description":7,"category":8},"Website & Design System",{"heroTitle":131,"heroClient":133,"heroSubtitle":134,"heading":135,"overviewTitle":136,"overviewLabel":137,"body":138,"caption":139,"credits":140},{"fontSize":11,"color":132,"letterSpacing":13,"lineHeight":14},"#fbfbfb",{"fontSize":16,"color":132},{"fontSize":18,"color":132,"lineHeight":19},{"fontSize":21,"color":22,"letterSpacing":23,"lineHeight":24},{"fontSize":26,"color":22,"letterSpacing":13,"lineHeight":27},{"fontSize":29,"color":22,"lineHeight":19},{"fontSize":16,"color":32,"lineHeight":33},{"fontSize":16,"color":132},{"fontSize":16,"color":132,"lineHeight":33},[142,157,160,163,167,171,176,188,198],{"id":38,"type":39,"theme":40,"client":143,"title":144,"subtitle":145,"media":146,"link":148,"metaClient":149,"services":150,"industries":153,"date":155,"heroCursorGraphic":7,"overlayOpacity":156},"W.R. Berkley Website Redesign","Modernizing a Legacy Brand Without Losing Its Authority","W.R. Berkley is a Fortune 500 insurance company with more than 60 operating units across commercial and high-net-worth insurance. As the organization expanded, its corporate brand and digital experience no longer reflected the scale, innovation, or leadership of the business. The project focused on modernizing Berkley’s 50-year-old brand presence and rebuilding its corporate website as a clearer, more cohesive entry point into the wider Berkley ecosystem.",{"kind":45,"src":147,"alt":47,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FOrtho_composition_2.jpg",{"label":7,"href":7},"W.R Berkley",[151,152,53],"UX Design","UI Design",[154],"Insurance","2022 \u002F 23",30,{"id":60,"type":61,"theme":62,"layout":63,"title":64,"label":64,"body":158,"link":159},"The existing website struggled to communicate Berkley’s breadth and credibility. Navigation was fragmented, the locator tool often returned irrelevant or outdated results, and the homepage hero did little to support the site’s primary audiences. At the same time, the company needed a more consistent digital foundation that could support dozens of operating units without weakening the parent brand.",{"label":7,"href":7},{"id":68,"type":69,"theme":40,"size":70,"media":161,"caption":7},{"kind":45,"src":162,"alt":7,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FHome-3Screens-iMac.jpg",{"id":74,"type":61,"theme":62,"layout":63,"title":75,"label":164,"body":165,"link":166},"Project","The project spanned visual and interaction design, prototyping, brand guideline development, and the creation of a digital design system, with UX support integrated throughout. Key areas of work included the Locator Tool, homepage hero, global navigation, page templates, and illustration system.",{"label":7,"href":7},{"id":168,"type":69,"theme":40,"size":70,"media":169,"caption":7},"media-8312e710",{"kind":45,"src":170,"alt":7,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FWireframes.jpg",{"id":105,"type":61,"theme":40,"layout":63,"title":172,"label":173,"body":174,"link":175},"Simplifying the Path Through a Complex Ecosystem","Experience Strategy","We redesigned Berkley’s key discovery tools to help brokers and policyholders find relevant information and operating units with less effort. The Locator Tool was made more visible and organized around user intent, the homepage hero introduced audience-specific pathways without slowing the page, and the global navigation was rebuilt with clearer hierarchy, a desktop mega menu, and mobile flyouts. Together, these improvements transformed a fragmented experience into a more intuitive journey through Berkley’s broad range of products, industries, and businesses.",{"label":7,"href":7},{"id":177,"type":178,"theme":62,"label":179,"title":180,"body":181,"leftMediaTop":182,"leftMediaBottom":184,"rightMedia":186},"long2Col-6dc5b673","long2Col","Objective","An Integrated Brand and Product Approach","Rather than treating the website as a standalone redesign, we approached the work as a \u003Cmark class=\"cs-rich-highlight\" data-highlight=\"#4ade80\" style=\"--cs-highlight:#4ade80\">broader brand transformation\u003C\u002Fmark>. We reviewed Berkley’s existing presence, identified inconsistencies, defined user needs, created wireframes, and developed a cohesive visual and interaction system.\u003Cbr \u002F>\u003Cbr \u002F>The final direction aligned three connected experience pillars:\u003Cbr \u002F>\u003Cbr \u002F>\u003Cul>\u003Cli>Visual identity established a more modern and recognizable brand presence.\u003C\u002Fli>\u003Cli>Copywriting communicated expertise with greater clarity and confidence.\u003C\u002Fli>\u003Cli>Interaction design made complex information easier to navigate and act on.\u003C\u002Fli>\u003C\u002Ful>\u003Cbr \u002F>Together, these elements created a more coherent relationship between Berkley, its operating units, and its audiences.",{"kind":45,"src":183,"alt":7,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FSketch-5.jpg",{"kind":45,"src":185,"alt":7,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FAbout-Us-iPadPro-1.jpg",{"kind":45,"src":187,"alt":7,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FWRB_Homepage_Connector_Header-1.jpg",{"id":189,"type":80,"theme":62,"label":190,"body":191,"media":192,"overlapMedia":195,"link":197},"overlap-1","The Outcome","The redesigned experience repositioned W.R. Berkley as a more modern, confident, and digitally capable organization. The new locator, navigation, hero system, templates, and component library made the website easier to use while strengthening the relationship between the parent brand and its operating units.\u003Cbr \u002F>\nMore importantly, the project created a flexible digital foundation that could support Berkley’s continued growth without sacrificing clarity, cohesion, or brand authority.",{"kind":45,"src":193,"alt":194,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FFrame-3.png","Main overlap media",{"kind":45,"src":147,"alt":196,"poster":7},"Overlapping media",{"label":7,"href":7},{"id":199,"type":117,"theme":40,"background":200,"items":201},"stacked-474b437e",{"kind":45,"src":183,"alt":7,"poster":7},[202,204],{"kind":45,"src":203,"alt":7,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FHome-3screens-SamsungS10.jpg",{"kind":45,"src":205,"alt":7,"poster":7},"\u002Fcase-studies\u002Fberkley\u002FSketch-3.jpg",{"slug":207,"meta":208,"tokens":211,"blocks":222},"core",{"title":209,"description":7,"category":210},"Core — Case Study","Prototype Lab",{"heroTitle":212,"heroClient":214,"heroSubtitle":215,"heading":216,"overviewTitle":217,"overviewLabel":218,"body":219,"caption":220,"credits":221},{"fontSize":213,"color":132,"letterSpacing":13,"lineHeight":14},"96px",{"fontSize":16,"color":132},{"fontSize":18,"color":132,"lineHeight":19},{"fontSize":21,"color":22,"letterSpacing":23,"lineHeight":24},{"fontSize":26,"color":22,"letterSpacing":13,"lineHeight":27},{"fontSize":29,"color":22,"lineHeight":19},{"fontSize":31,"color":32,"lineHeight":33},{"fontSize":16,"color":132},{"fontSize":16,"color":132,"lineHeight":33},[223,238,242,245,249,253,256,281,285],{"id":38,"type":39,"theme":40,"client":224,"title":225,"subtitle":226,"metaClient":227,"services":228,"industries":232,"date":234,"link":235,"media":236,"heroCursorGraphic":7},"core: mental health\nsupport framework","Concept & Prototype Design for an Ai-assisted Mental Health Companion","Transforming Mental Health Support for First Responders with a User-Centric Digital Companion","First Responders Network",[229,230,231],"Strategy","UX Research","UX & UI DEsign",[233],"Public Service","2025",{"label":7,"href":7},{"kind":45,"src":237,"alt":7,"poster":7},"\u002Fcase-studies\u002Fcore\u002FCore - Hero Screen.png",{"id":60,"type":61,"theme":62,"layout":63,"title":239,"label":240,"body":241},"The ask","The Ask","The goal of this project is to redesign and build a mental health website that helps reduce stigma, while also creating a supporting awareness campaign. By combining thoughtful technology, clear and easy-to-understand mental health information, and an accessible experience for everyone, the project aims to give First Responders the tools and support they need, encourage more open and stigma-free workplaces, and make a real, positive difference in mental health and well-being.",{"id":68,"type":69,"theme":40,"size":70,"media":243,"caption":7},{"kind":45,"src":244,"alt":7,"poster":7},"\u002Fcase-studies\u002Fcore\u002FCore-Media Image.png",{"id":74,"type":61,"theme":62,"layout":63,"title":246,"label":247,"body":248}," The thinking","Insights","It quickly became clear that client's approach to the project was outdated and focused more on organizational needs than on the needs of the user. So, we set out to demonstrate this by going straight to the source (the users) and kicked things off with a round of user interviews.",{"id":250,"type":61,"theme":62,"layout":63,"title":247,"label":65,"body":251,"heading":252},"text-1ad22b10","First responders often face immense physical and emotional stress due to the nature of their work, dealing with life-threatening situations, trauma, and loss of life on a daily basis. However, despite the high rates of mental health struggles among them, many first responders find it difficult to seek help. The main reason being ...\nThere is stigma surrounding mental health in their profession. They may fear being perceived as weak, incompetent, or unable to perform their duties effectively. The culture of toughness and resilience discourages vulnerability, leading many to internalize their pain. This creates a cycle where individuals suffer in silence, and untreated mental health issues can worsen over time.","What we found out",{"id":110,"type":69,"theme":40,"size":111,"media":254,"caption":7},{"kind":45,"src":255,"alt":114,"poster":7},"\u002Fcase-studies\u002Fcore\u002FCore - Portfolio layout 1.avif",{"id":257,"type":258,"theme":40,"heading":7,"layout":259,"hint":7,"columns":260},"gallery-1","gallery","portraitSlider",{"left":261,"right":271},[262,265,268],{"kind":45,"src":263,"alt":264,"poster":7},"\u002Fcase-studies\u002Fcore\u002FMockup - Dashboard - Laptop.png","Gallery image 1",{"kind":45,"src":266,"alt":267,"poster":7},"\u002Fcase-studies\u002Fcore\u002FMockup - Dashboard - Tablet.png","Gallery image 2",{"kind":45,"src":269,"alt":270,"poster":7},"\u002Fcase-studies\u002Fcore\u002FMockup - Chat - iPhone.png","Gallery image 3",[272,275,278],{"kind":45,"src":273,"alt":274,"poster":7},"\u002Fcase-studies\u002Fcore\u002FMockup - Checkin - iPhone.png","Gallery image 4",{"kind":45,"src":276,"alt":277,"poster":7},"\u002Fcase-studies\u002Fcore\u002FMockup - MultiMockup - iPhone.png","Gallery image 5",{"kind":45,"src":279,"alt":280,"poster":7},"\u002Fcase-studies\u002Fcore\u002FSamsung Tab S10 - 003.jpg","Gallery image 6",{"id":105,"type":61,"theme":62,"layout":63,"title":282,"label":283,"body":284},"An always-on digital resource companion:","Solution","The First Responders Mental Health Digital Companion is a dynamic platform that evolves with users, providing real-time, personalized mental health resources.\n\nMuch more than a website, it’s a trusted partner in the mental health journey.\n\nIt leverages an intuitive, empathetic interface that allows users to describe their situation and receive tailored, actionable recommendations in real time.",{"id":286,"type":69,"theme":40,"size":111,"media":287,"caption":7},"media-451b9b0e",{"kind":45,"src":288,"alt":7,"poster":7},"\u002Fcase-studies\u002Fcore\u002FMultiphone Mockup_6hhj.jpg",{"slug":290,"meta":291,"tokens":294,"blocks":304},"gamma",{"title":292,"description":293,"category":8},"Gamma App — Case Study","An international luxury brand experience with approachable human craft.",{"heroTitle":295,"heroClient":296,"heroSubtitle":297,"heading":298,"overviewTitle":299,"overviewLabel":300,"body":301,"caption":302,"credits":303},{"fontSize":11,"color":132,"letterSpacing":13,"lineHeight":14},{"fontSize":16,"color":132},{"fontSize":18,"color":132,"lineHeight":19},{"fontSize":21,"color":22,"letterSpacing":23,"lineHeight":24},{"fontSize":26,"color":22,"letterSpacing":13,"lineHeight":27},{"fontSize":29,"color":22,"lineHeight":19},{"fontSize":31,"color":32,"lineHeight":33},{"fontSize":16,"color":132},{"fontSize":16,"color":132,"lineHeight":33},[305,324,326,331,335,346,350],{"id":38,"type":39,"theme":40,"client":306,"title":307,"subtitle":308,"media":309,"link":313,"metaClient":311,"services":314,"industries":320,"date":322,"heroCursorGraphic":323},"marketing ecosystem built for scale","Building a system for brand expression","How we used design system thinking to create more consistent, creative marketing experiences across channels.",{"kind":45,"src":310,"alt":311,"focalPoint":312,"poster":7},"\u002Fcase-studies\u002Fgamma\u002Fr4d05l4v_blue_sky_with_low_fluffy_pink_clouds_parting_in_the_mi_d2d9542d-f264-4c47-acb7-af639e8f60d2.png","Gamma App","50% 40%",{"label":7,"href":7},[315,316,317,318,319],"Strategy: Ruth Bastedo","Visual Design: Radoslav Ratkovic","Copy: Dean Maruna","Design System: Radoslav Ratkovic","Agency: WTD.inc",[321],"Generative AI","2025 \u002F 26","\u002Fcase-studies\u002Fgamma\u002FGamma_Cursor_300.png",{"id":60,"type":61,"theme":62,"layout":63,"title":307,"label":65,"body":325},"Gamma was looking for a creative partner who could bring a more innovative approach to multi-channel marketing. While many agencies could deliver individual campaign assets, they were searching for a team that could understand the personality of the brand and translate it consistently across different formats—from digital communications to out-of-home experiences.\n\nWorking with a strategist, we developed a proposal that went beyond a traditional pitch. We created a series of concept-driven creative explorations that demonstrated how a strategic approach, combined with strong design thinking, could bring Gamma's playful and distinctive brand personality to life across multiple channels.\n\nwe created a framework that allowed a brand's personality to show up consistently wherever customers encountered it",{"id":68,"type":69,"theme":40,"size":70,"mobileSize":327,"media":328,"caption":7},"viewport",{"kind":45,"src":329,"mobileSrc":330,"alt":7,"poster":7},"\u002Fcase-studies\u002Fgamma\u002FGamma_Ad-Brilliant.png","\u002Fcase-studies\u002Fgamma\u002FGammaBrilliant_Mobile.png",{"id":332,"type":61,"theme":62,"layout":63,"title":333,"label":283,"body":334},"text-a724caab","Consistency without compromising creativity","The engagement resulted in a series of highly creative marketing experiences spanning lifecycle email campaigns, digital communications, and out-of-home advertising. To support long-term scalability, we also introduced a marketing-focused design system—applying principles traditionally used in product design to create reusable components, patterns, and guidelines. This approach enabled faster production, improved consistency across channels, and gave Gamma a foundation for evolving their brand communications as they grew.",{"id":336,"type":94,"theme":62,"background":337,"items":339},"mobileGrid-4236b594",{"kind":45,"src":338,"alt":7,"poster":7},"\u002Fcase-studies\u002Fgamma\u002FGamma Background - Vertical - 5.png",[340,342,344],{"kind":45,"src":341,"alt":7,"poster":7},"\u002Fcase-studies\u002Fgamma\u002FEmail1.png",{"kind":45,"src":343,"alt":7,"poster":7},"\u002Fcase-studies\u002Fgamma\u002FEmail2.png",{"kind":45,"src":345,"alt":7,"poster":7},"\u002Fcase-studies\u002Fgamma\u002FEmail4.png",{"id":74,"type":61,"theme":40,"heading":347,"body":348,"layout":63,"title":349,"label":283},"Humanized luxury","As the project evolved, it became clear that designing individual campaign assets wasn't enough. The growing volume of work across multiple channels exposed the need for a more systematic approach to maintaining consistency while moving quickly. Although a design system wasn't part of the original scope, we proposed introducing one as a lightweight framework for marketing communications. ","Emerged Insight",{"id":351,"type":80,"theme":62,"label":352,"body":353,"media":354,"overlapMedia":356},"overlap-5f302a73","Translating product thinking into marketing","We challenged the assumption that design systems belong exclusively to product teams. The same principles of modularity, consistency, and scalability proved equally valuable for marketing, where campaigns move quickly but still need to feel unmistakably on brand.",{"kind":45,"src":355,"alt":7,"poster":7},"\u002Fcase-studies\u002Fgamma\u002FDS ANimation.mp4",{"kind":45,"src":357,"alt":7,"poster":7},"\u002Fcase-studies\u002Fgamma\u002FGamma Background - Vertical - 2.png",{"slug":359,"meta":360,"tokens":361,"blocks":371},"music-unfolded",{"title":6,"description":7,"category":210},{"heroTitle":362,"heroClient":363,"heroSubtitle":364,"heading":365,"overviewTitle":366,"overviewLabel":367,"body":368,"caption":369,"credits":370},{"fontSize":11,"color":132,"letterSpacing":13,"lineHeight":14},{"fontSize":16,"color":132},{"fontSize":18,"color":132,"lineHeight":19},{"fontSize":21,"color":22,"letterSpacing":23,"lineHeight":24},{"fontSize":26,"color":22,"letterSpacing":13,"lineHeight":27},{"fontSize":29,"color":22,"lineHeight":19},{"fontSize":31,"color":32,"lineHeight":33},{"fontSize":16,"color":132},{"fontSize":16,"color":132,"lineHeight":33},[372,389,392,395,398,402,406,410,415],{"id":38,"type":39,"theme":40,"client":373,"title":374,"subtitle":375,"media":376,"link":378,"metaClient":381,"services":382,"industries":385,"date":387,"heroCursorGraphic":7,"overlayOpacity":388},"music application","Using AI to Turn a Vague Product Vision into a Working Prototype","A complex concept became a functional, high-fidelity product prototype that could be experienced, tested, and explained clearly.",{"kind":45,"src":377,"alt":47,"poster":7},"\u002Fcase-studies\u002Fmusic-unfolded\u002FMusic Unfolded_HeroText.png",{"label":379,"href":380},"See it live","https:\u002F\u002Fmusicunfolded.com\u002F?playlist=best-of-90s-hip-hop","Music Unfolded",[383,8,384],"Brand Design","Agentic Prototyping",[386],"Music & Entertainment","2026",24,{"id":60,"type":61,"theme":62,"layout":63,"title":390,"label":75,"body":391},"What if every song came with its own documentary?","Not a podcast.\nNot commentary.\nNot Wikipedia.\n\nA synchronized narrative experience that unfolds while the song is playing.\n\nEvery track becomes a story, a time capsule, a cultural artifact ... an emotional experience.\n\nThe listener doesn’t just hear the song.\nThey Unfold it.",{"id":393,"type":61,"theme":62,"layout":63,"title":64,"label":64,"body":394},"text-959e09e7","Music platforms have made listening more accessible, but they have flattened much of the context that once surrounded recorded music.\n\nThe product challenge was to determine how rich information could be surfaced without interrupting the listening experience.",{"id":68,"type":69,"theme":40,"size":70,"media":396,"caption":7},{"kind":45,"src":397,"alt":7,"poster":7},"\u002Fcase-studies\u002Fmusic-unfolded\u002FMusic Unfolded_Hero_Images.png",{"id":74,"type":61,"theme":62,"layout":63,"title":399,"label":400,"body":401},"Turning an Ambitious Idea into a Buildable Product","My Approach","I began by framing the product as a zero-to-one challenge, using AI-assisted research to define the content structure, product behaviour, and interaction logic. From there, I built high-fidelity prototypes in Cursor and Claude Code, testing states, timing, transitions, and content hierarchy in a working experience. The prototype became more than a visual demonstration: it helped clarify the product direction, expose edge cases, and give engineering a much more concrete foundation for implementation.",{"id":403,"type":69,"theme":40,"size":70,"media":404,"caption":7},"media-ea04b144",{"kind":45,"src":405,"alt":7,"poster":7},"\u002Fcase-studies\u002Fmusic-unfolded\u002FMusic Unfolded Flowchart.jpg",{"id":407,"type":69,"theme":40,"size":70,"media":408,"caption":7},"media-3ff1c470",{"kind":45,"src":409,"alt":7,"poster":7},"\u002Fcase-studies\u002Fmusic-unfolded\u002FScreenshot-2026-07-15-at-11.24.51-AM.png",{"id":411,"type":61,"theme":62,"layout":63,"title":412,"label":413,"body":414},"text-dc7716fd","From Product Vision to Working Intelligence","What This Proved","This process transformed an abstract product strategy into a working interaction model that could be experienced, evaluated, and refined in real time. \n\nAI accelerated both exploration and prototype fidelity, allowing me to move beyond static screens and demonstrate how the product would actually behave across content, states, timing, transitions, and edge cases. \n\nBy defining this logic as a reusable system, the prototype created a clearer direction for the product and gave future design and engineering decisions a much stronger foundation. \n\nMore broadly, the work reflects how the designer’s role is evolving: today, the right tools allow people with strong ideas to engage much more deeply with logic, behaviour, data, and implementation, elevating design into a more technical and consequential discipline.",{"id":416,"type":80,"theme":62,"label":7,"body":7,"media":417,"overlapMedia":419},"overlap-32b0ff53",{"kind":45,"src":418,"alt":7,"poster":7},"\u002Fcase-studies\u002Fmusic-unfolded\u002FScreen-Recording-2026-07-13-at-6.44.16-PM.mp4",{"kind":45,"src":420,"alt":7,"poster":7},"\u002Fcase-studies\u002Fmusic-unfolded\u002FScreenshot-2026-07-13-at-6.51.29-PM.png",{"slug":4,"meta":422,"tokens":423,"blocks":433},{"title":6,"description":7,"category":8},{"heroTitle":424,"heroClient":425,"heroSubtitle":426,"heading":427,"overviewTitle":428,"overviewLabel":429,"body":430,"caption":431,"credits":432},{"fontSize":11,"color":12,"letterSpacing":13,"lineHeight":14},{"fontSize":16,"color":12},{"fontSize":18,"color":12,"lineHeight":19},{"fontSize":21,"color":22,"letterSpacing":23,"lineHeight":24},{"fontSize":26,"color":22,"letterSpacing":13,"lineHeight":27},{"fontSize":29,"color":22,"lineHeight":19},{"fontSize":31,"color":32,"lineHeight":33},{"fontSize":16,"color":12},{"fontSize":16,"color":12,"lineHeight":33},[434,439,440,442,443,446,447,453,454,456],{"id":38,"type":39,"theme":40,"client":41,"title":42,"subtitle":43,"media":435,"link":436,"metaClient":50,"services":437,"industries":438,"date":56,"heroCursorGraphic":57,"overlayOpacity":58},{"kind":45,"src":46,"alt":47,"poster":7},{"label":49,"href":7},[8,52,53],[55],{"id":60,"type":61,"theme":62,"layout":63,"title":64,"label":65,"body":66},{"id":68,"type":69,"theme":40,"size":70,"media":441,"caption":7},{"kind":45,"src":72,"alt":7,"poster":7},{"id":74,"type":61,"theme":62,"layout":63,"title":75,"label":76,"body":77},{"id":79,"type":80,"theme":62,"label":81,"body":82,"media":444,"overlapMedia":445},{"kind":45,"src":84,"alt":7,"poster":7},{"kind":45,"src":86,"alt":7,"poster":7},{"id":88,"type":61,"theme":62,"layout":63,"title":89,"label":90,"body":91},{"id":93,"type":94,"theme":62,"background":448,"items":449},{"kind":45,"src":96,"alt":7,"poster":7},[450,451,452],{"kind":45,"src":99,"alt":7,"poster":7},{"kind":45,"src":101,"alt":7,"poster":7},{"kind":45,"src":103,"alt":7,"poster":7},{"id":105,"type":61,"theme":40,"layout":63,"title":106,"label":107,"body":108},{"id":110,"type":69,"theme":40,"size":111,"media":455,"caption":7},{"kind":45,"src":113,"alt":114,"poster":7},{"id":116,"type":117,"theme":40,"background":457,"items":458},{"kind":45,"src":119,"alt":7,"poster":7},[459,460],{"kind":45,"src":122,"alt":7,"poster":7},{"kind":45,"src":124,"alt":7,"poster":7},{"slug":462,"meta":463,"tokens":464,"blocks":474},"wellcube-dashboard",{"title":6,"description":7,"category":8},{"heroTitle":465,"heroClient":466,"heroSubtitle":467,"heading":468,"overviewTitle":469,"overviewLabel":470,"body":471,"caption":472,"credits":473},{"fontSize":11,"color":132,"letterSpacing":13,"lineHeight":14},{"fontSize":16,"color":132},{"fontSize":18,"color":132,"lineHeight":19},{"fontSize":21,"color":22,"letterSpacing":23,"lineHeight":24},{"fontSize":26,"color":22,"letterSpacing":13,"lineHeight":27},{"fontSize":29,"color":22,"lineHeight":19},{"fontSize":31,"color":32,"lineHeight":33},{"fontSize":16,"color":132},{"fontSize":16,"color":132,"lineHeight":33},[475,488,491,494,499,502,506,514,526],{"id":38,"type":39,"theme":40,"client":476,"title":477,"subtitle":478,"media":479,"link":481,"metaClient":482,"services":483,"industries":484,"date":486,"heroCursorGraphic":7,"overlayOpacity":487},"WellCube Public Display","Turning Environmental Data into a Workplace Wellness Experience","WellCube’s public display experience was designed to help organizations communicate the quality of their workplace environment in a way employees could immediately understand. Rather than presenting raw sensor readings, the product translated information about air quality, temperature, noise, lighting, and comfort into a calm, accessible visual experience that supported a broader culture of wellbeing.",{"kind":45,"src":480,"alt":47,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002FiPadPro-003.jpg",{"label":7,"href":7},"Delos Living LLC",[8,53,52],[485],"Wellness Tech","2024",10,{"id":60,"type":61,"theme":62,"layout":63,"title":64,"label":65,"body":489,"link":490},"HR leaders saw clean air and workplace comfort as part of the employee value proposition, but raw environmental data could easily feel technical, confusing, or even alarming. The challenge was to make that information visible without overwhelming people, while helping organizations demonstrate that employee wellbeing was being actively supported.",{"label":7,"href":7},{"id":68,"type":69,"theme":40,"size":70,"media":492,"caption":7},{"kind":45,"src":493,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002Fdownload.webp",{"id":74,"type":61,"theme":62,"layout":63,"title":495,"label":496,"body":497,"link":498},"Understanding the Audience","User research","HR managers were focused on creating safe, attractive, and values-aligned workplaces that could support employee wellness, engagement, and retention. They needed a solution that was easy to understand, respectful of privacy, adaptable to different office environments, and simple to communicate across the organization. Research also showed that the experience needed to feel like a meaningful workplace benefit rather than another technical system employees had to learn.",{"label":7,"href":7},{"id":110,"type":69,"theme":40,"size":111,"media":500,"caption":7},{"kind":45,"src":501,"alt":114,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002Fwellcube_web_platform_header_4.jpg",{"id":105,"type":61,"theme":40,"layout":63,"title":503,"label":283,"body":504,"link":505},"From Technical Readings to Human Meaning","The central design insight was that employees did not need more data. They needed to understand what the environment meant for them. Instead of exposing technical measurements without context, the experience translated environmental conditions into a broader story about comfort, calm, focus, and workplace quality. This made the information more useful while reducing the risk of confusion or unnecessary concern.",{"label":7,"href":7},{"id":189,"type":80,"theme":62,"label":507,"body":508,"media":509,"overlapMedia":511,"link":513},"Designing the Public Experience","I designed a public-facing display that simplified real-time indoor environmental data into clear, approachable signals. Room-level and space-level indicators communicated current conditions without demanding technical knowledge, while the overall interface connected air quality with other aspects of the workplace experience, including temperature, lighting, and noise. The visual language was intentionally calm and reassuring, helping employees understand how the space felt rather than simply showing what the sensors measured.",{"kind":45,"src":510,"alt":194,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002FScreen-4-Desktop.jpg",{"kind":45,"src":512,"alt":196,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002F005-2.jpg",{"label":7,"href":7},{"id":515,"type":117,"theme":40,"background":516,"items":519},"stacked-1",{"kind":45,"src":517,"alt":518,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002Fdownload-1.webp","Stacked background",[520,523],{"kind":45,"src":521,"alt":522,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002FDisplayApp-2.jpg","Stacked asset 1",{"kind":45,"src":524,"alt":525,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002FNEW-DisplayApp-3.jpg","Stacked asset 2",{"id":527,"type":69,"theme":40,"size":111,"media":528,"caption":7},"media-8edca7fe",{"kind":45,"src":529,"alt":7,"poster":7},"\u002Fcase-studies\u002Fwellcube-dashboard\u002FDisplay.png",1789562453704]