[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"sanity-DvKCWqwo1snyCiw__1x46Q5x_V9hgIuLo4BjLl2doQE":3,"i-local:pen-line":105},{"hero":4,"next":19,"sections":28,"seo":103,"slug":104},{"client":5,"description":8,"image":9,"releaseDate":14,"services":15,"title":18},{"name":6,"sector":7},"MeetYourself","Mental Health","MeetYourself brings lightness to mental health, whether you’re feeling well or looking for support.\nThe app helps people explore themselves through a playful experience, guided by a mix of expert techniques and thoughtful design.\n\nIn this case study, we walk through the core parts of our process, from framing the design challenge to building the storyboard, illustrations, and final video, showing how design can make self-discovery feel engaging, accessible, and human.",{"alt":10,"crop":11,"hotspot":11,"id":12,"url":13},"Illustration",null,"image-ef61d271919996bcdd7abe4d9893bb49418e4fce-2492x1024-png","https:\u002F\u002Fcdn.sanity.io\u002Fimages\u002Fyejxlxch\u002Fproduction\u002Fef61d271919996bcdd7abe4d9893bb49418e4fce-2492x1024.png","2024-08-01",[16,17],"Animation","Art direction","A playful take on mental health",{"description":20,"image":21,"services":24,"slug":26,"title":27},"Namshi’s ambition was to launch a new sub-brand: OUTLET, a space where affordability meets high-quality fashion. The challenge was to craft a brand that felt accessible without compromising on style or trust.",{"alt":22,"crop":11,"hotspot":11,"id":23},"Laptop","image-a0871571c4a35d4ec98d09e0723dd2827d1dc239-2492x1024-png",[25,17],"Branding","namshi-a-new-chapter-the-outlet-edition","A new chapter: the outlet edition",[29,35,43,47,70,73,79,82,88,94],{"_key":30,"_type":31,"centered":32,"text":33,"title":34},"58f1d2eb00f1","bigTitle",false,"Creating an animated video like this typically takes 4 to 8 weeks—from defining the core message to crafting the visuals and refining every detail in production.","The process",{"_key":36,"_type":37,"fill":11,"media":38,"showVideoControls":11},"27dcfd994149","fullScreenMedia",[39],{"_type":40,"alt":41,"crop":11,"hotspot":11,"id":42},"image","Process","image-abef5a72f3e6328d9cdaa1c1072f79d89cbd5dd4-2940x1868-png",{"_key":44,"_type":31,"centered":32,"text":45,"title":46},"7ad33cec625e","The challenge was to communicate a sensitive topic in a way that feels playful and approachable. Through art direction, tone of voice, and storytelling, we aimed to connect with a wider audience—without falling into the clinical or overly serious tone often seen in the mental health space.","The design quest",{"_key":48,"_type":49,"reverse":50,"tiles":51},"3cd9f1aeb601","threeMediaTiles",true,[52,58,64],{"media":53,"text":57},[54],{"_type":40,"alt":55,"crop":11,"hotspot":11,"id":56},"Drawings","image-2fa099929812fe26979584cdfedb79cae1ad2ad3-760x760-png","Starting from a blank canvas.",{"media":59,"text":63},[60],{"_type":40,"alt":61,"crop":11,"hotspot":11,"id":62},"Digital art","image-71a53f271c5009457031d54e7edf3ebb3612297a-760x1092-png","Defining the right art direction.",{"media":65,"text":69},[66],{"_type":40,"alt":67,"crop":11,"hotspot":11,"id":68},"Animation on a screen","image-9f0ff03884b0dc757e2456ae7c41384577230c0e-760x760-png","Bringing it all together in production: music, sound design, animation, and more.",{"_key":71,"_type":31,"centered":32,"text":11,"title":72},"1e64e7a43ccb","The storyboard",{"_key":74,"_type":37,"fill":11,"media":75,"showVideoControls":11},"7d554f9b0272",[76],{"_type":40,"alt":77,"crop":11,"hotspot":11,"id":78},"Storyboard","image-56b701dbffdd49b84065610ac1b51e27f6588e04-2940x1868-png",{"_key":80,"_type":31,"centered":32,"text":11,"title":81},"e0cdc8760065","Illustrations",{"_key":83,"_type":37,"fill":11,"media":84,"showVideoControls":11},"006d7d41b9c7",[85],{"_type":40,"alt":86,"crop":11,"hotspot":11,"id":87},"ipad and digital art","image-aa40b0e8bb22fb613b7d81da1814572a2b2abbcb-2940x1868-png",{"_key":89,"_type":37,"fill":11,"media":90,"showVideoControls":11},"edca5fc9e138",[91],{"_type":40,"alt":92,"crop":11,"hotspot":11,"id":93},"digital art","image-af2a57f251d3d9c72c822d36671eaf5824e1a1cd-2940x1868-png",{"_key":95,"_type":96,"fill":11,"media":97,"showVideoControls":50,"subtitle":11,"text":101,"title":102},"d8defbd6d715","mediaText",[98],{"_type":99,"playbackId":100},"video","v6v4UfEhA502cvPvFurqSyh2wHxnKZDDSegiqnzjEjuo","MeetYourself explainer video","The final video",{"description":8,"image":11,"title":11},"meetyourself-meetyourself",{"left":106,"top":106,"width":107,"height":108,"rotate":106,"vFlip":32,"hFlip":32,"body":109},0,347,20,"\u003Cg fill=\"none\">\u003Cpath d=\"M4.00015 10.692C13.7109 11.4062 24.9366 10.916 48.4568 8.1078C67.2566 5.86321 100.347 3.61333 149.429 4.05627C198.51 4.4992 262.67 8.12714 297.173 10.2942C331.676 12.4612 334.577 13.0573 342.96 15.9823\" stroke=\"currentColor\" stroke-width=\"8\" stroke-linecap=\"round\"\u002F>\u003C\u002Fg>"]