https://ustwo.com/component---src-pages-work-vibrant-emotional-health-js-2ddd8921661b40c5d2a0.js

1"use strict";(self.webpackChunkustwo=self.webpackChunkustwo||[]).push([[7097],{12332:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/1efaaf65f74ac001740061f6f146915c/f4a39/vibrant-emotional-health-screens-02.jpg","srcSet":"/static/1efaaf65f74ac001740061f6f146915c/357c6/vibrant-emotional-health-screens-02.jpg 600w,\\n/static/1efaaf65f74ac001740061f6f146915c/bc5ba/vibrant-emotional-health-screens-02.jpg 1200w,\\n/static/1efaaf65f74ac001740061f6f146915c/f4a39/vibrant-emotional-health-screens-02.jpg 2400w","sizes":"(min-width: 2400px) 2400px, 100vw"},"sources":[{"srcSet":"/static/1efaaf65f74ac001740061f6f146915c/32c65/vibrant-emotional-health-screens-02.webp 600w,\\n/static/1efaaf65f74ac001740061f6f146915c/9df15/vibrant-emotional-health-screens-02.webp 1200w,\\n/static/1efaaf65f74ac001740061f6f146915c/dbbda/vibrant-emotional-health-screens-02.webp 2400w","type":"image/webp","sizes":"(min-width: 2400px) 2400px, 100vw"}]},"width":2400,"height":1350}')},18712:function(e,t,a){a.d(t,{A:function(){return r}});var n=a(96540),o=a(24794);var r=e=>{let t=e.children,a=e.to,r=e.style;const l="smallBodyText textMarginBottom label "+(e.lightOnDark?"PageLabel-module--lightOnDark--baead":""),i={display:"inline-block",style:r};return a?n.createElement(o.Link,{to:a,className:l,style:i},t):n.createElement("div",{className:l,style:r},t)}},24777:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/691f52876

15dfb64f55800e4c80b46ac8/347bb/vibrant-emotional-health-screens.jpg","srcSet":"/static/691f528765dfb64f55800e4c80b46ac8/59b5b/vibrant-emotional-health-screens.jpg 750w,\\n/static/691f528765dfb64f55800e4c80b46ac8/15691/vibrant-emotional-health-screens.jpg 1500w,\\n/static/691f528765dfb64f55800e4c80b46ac8/347bb/vibrant-emotional-health-screens.jpg 3000w","sizes":"(min-width: 3000px) 3000px, 100vw"},"sources":[{"srcSet":"/static/691f528765dfb64f55800e4c80b46ac8/113ef/vibrant-emotional-health-screens.webp 750w,\\n/static/691f528765dfb64f55800e4c80b46ac8/ef73b/vibrant-emotional-health-screens.webp 1500w,\\n/static/691f528765dfb64f55800e4c80b46ac8/ef6b8/vibrant-emotional-health-screens.webp 3000w","type":"image/webp","sizes":"(min-width: 3000px) 3000px, 100vw"}]},"width":3000,"height":1688}')},40093:function(e,t,a){a.r(t),a.d(t,{Head:function(){return m}});a(24794);var n=a(5588),o=a(96540),r=a(41375),l=a(86957),i=a(47290),s=a(14054),c=a(88117);t.default=e=>{let t=e.data;return o.createElement("article",null,o.createElement(c.A,{title:t.content.frontmatter.title,tagline:t.content.frontmatter.tagline,largeTagline:!0,widerTagline:!0,backgroundImage:t.content.hero&&t.content.hero.childImageSharp,mobileBackgroundImage:t.content.thumbnail&&t.content.thumbnail.childImageSharp}),o.createElement(s.A,{padding:"both",style:{zIndex:"99"}},o.createElement(r.A,null,o.createElement(r.f,{start:4,span:6},o.createElement("p",{className:"h2"},"In the United States, Vibrant Emotional Health works to provide valuable support and services for people experiencing mental health challenges or crises."),o.createElement("p",null,"Having established that digital was a good way to reach and support more people, they approached ustwo with a pro bono project to reimagine their existing service in a way that could be scaled up significantly and quickly."),o.createElement("p",null,"Vibrant Emotional Health administers the National Suicide Prevention Lifeline, which provides call and chat support for those in emotional distress or suicidal crisis. "),o.createElement("p",null,"On occasions when there is a queue to chat with a counselor, those in crisis are directed to The Safe Space, which provides a virtual place where people can access clinically proven coping tools or distraction techniques. "),o.createElement("p",null,"The Safe Space is a reassuring experience - it has been mindfully shaped to serve people looking for help both for themselves and for others, with resources surfaced in ways that reassure, educate and lift some of the pressure people may feel when seeking support.")))),o.createElement(n.S,{src:"https://assets.ustwo.com/images/work/vibrant-emotional-health-screens.jpg",alt:"",__imageData:a(24777)}),o.createElement(s.A,{padding:"both",style:{backgroundColor:"#7c77f7"},lightOnDark:!0},o.createElement(r.A,null,o.createElement(r.f,{start:4,span:6},o.createElement("h2",null,"Audience diversity and sensitivity"),o.createElement("p",null,"No two people are the same. There are, however, commonalities that we uncovered during our discovery phase, in which we learned about people’s contexts, feelings, fears and goals when they come to The Safe Space. We made design decisions with the aim of easing psychological pressures, soothing and distracting them as they waited — including the colour palette and an interactive background to provide passive interactivity. "),o.createElement("p",null,"We also made sure that emergency information was permanently visible no matter how users navigate. The entire site is built for audience diversity and to avoid overwhelming people - serving as an additional resource to the National Suicide Prevention Lifeline.")))),o.createElement(s.A,{padding:"both"},o.createElement(r.A,null,o.createElement(r.f,{start:4,span:6},o.createElement("h2",null,"Designing for sustainable growth"),o.createElement("p",null,"One of Vibrant Emotional Health’s most important goals was to cater to all people, with different mindsets and needs. When people land on the site, they are asked whether they’re seeking advice for themselves or for someone else, and their answer influences the rest of their visit. People suffering a crisis themselves will see just one resource surfaced at any one time, with the ability to scroll to more if they wish."),o.createElement("p",null,"They can also distract themselves with the interactive background and restful audio, which is easily switched on/off to avoid overstimulation. Those seeking help for someone else will be able to use the site as a library - a focused environment where they can browse topics to find and share the information they need.")))),o.createElement(n.S,{src:"https://assets.ustwo.com/images/work/vibrant-emotional-health-screens-02.jpg",alt:"",__imageData:a(12332)}),o.createElement(s.A,{padding:"both",style:{backgroundColor:"#7c77f7"}},o.createElement(r.A,null,o.createElement(r.f,{start:4,span:6},o.createElement(l.A,{content:"Digital tools increasingly play an important role in improving mental health. ustwo helped us redesign a solution that we can grow and scale while enabling users to more easily and effectively obtain the support they need to help themselves during times of crisis. The Safe Space is a go-to self-help mental health digital resource that enables Vibrant to achieve our aims of helping people when, where and how they need it.",author:"Kimberly Williams",authorTitle:"President & CEO of Vibrant Emotional Health",largeText:!0,lightOnDark:!0})))),o.createElement(s.A,{padding:"both"},o.createElement(r.A,null,o.createElement(r.f,{start:4,span:6},o.createElement("h2",null,"Meaningful impact"),o.createElement("p",null,"The Safe Space is now helping support more people as they manage mental health crises, whether it’s their own or that of someone close to them. This easily accessible and mobile-friendly site enables Vibrant Emotional Health to expand its digital offerings across the organisation."),o.createElement("p",null,"Looking towards the future, Vibrant Emotional Health will be able to build and iterate using the data that ustwo has enabled them to collect. Gathering real time feedback from a group of users that historically we couldn’t validate our assumptions against, means that The Safe Space can be honed and tailored to better suit the users of tomorrow.")))))};const m=e=>{let t=e.data;return o.createElement(i.Ay,{title:t.content.frontmatter.title+" x ustwo",description:t.content.frontmatter.description,imgsrc:t.content.thumbnail&&t.content.thumbnail.publicURL})}},41375:function(e,t,a){a.d(t,{f:function(){return N},A:function(){return S}});var n=a(46942),o=a.n(n),r=a(96540),l="Grid-module--desktopPadding--55099",i="Grid-module--featureLarge--dc75d",s="Grid-module--featureSmall--2ff82",c="Grid-module--fiveColumns--48891",m="Grid-module--fourColumns--7ea37",d="Grid-module--noBottomMargin--24c75",u="Grid-module--oneColumn--d3fcd",h="Grid-module--orderFix--e6ed7",g="Grid-module--paddingBottom--9189a",p="Grid-module--paddingTop--b4ca1",f="Grid-module--removeTopPadding--49090",b="Grid-module--reverseOrder--accc2",w="Grid-module--singleColumn--ee1ec",E="Grid-module--smallMobileMargin--9552c",v="Grid-module--threeColumns--42ccc",y="Grid-module--twoColumns--afd36",k="Grid-module--verticalCenter--e0fe3",x="Grid-module--verticalEnd--4ed08",A="Grid-module--verticalSpaceBetween--9267b",T="Grid-module--verticalStretch--9fa5c";const N=e=>{let t=e.children,a=e.span,n=e.start,i=e.verticalStretch,s=e.className,c=e.smallMobileMargin,m=e.noBottomMargin,u=e.desktopPadding,h=e.removeTopPadding;

1const g=o()("Grid-module--col--39b2c",s,{[T]:i,[E]:c,[d]:m,[l]:u,[f]:h});return r.createElement("div",{className:g,style:{gridColumn:(n||"1")+" / span "+(a||"12")}},t)};var S=e=>{let t=e.children,a=e.className,n=e.columns,l=e.reverseOrder,d=e.padding,f=e.singleColumn,E=e.feature,T=e.verticalCenter,N=e.verticalEnd,S=e.verticalSpaceBetween,C=e.orderFix,G=e.style;const B=o()("Grid-module--gridContainer--cdcfb",a,{[u]:1===n,[y]:2===n,[v]:3===n,[m]:4===n,[c]:5===n,[b]:l,[p]:"top"===d||"both"===d,[g]:"bottom"===d||"both"===d,[w]:f,[s]:"small"===E,[i]:"large"===E,[k]:T,[A]:S,[x]:N,[h]:C});return r.createElement("div",{className:B,style:G},t)}},47290:function(e,t,a){var n=a(24794),o=a(96540);t.Ay=e=>{let t=e.type,a=e.title,r=e.description,l=void 0===r?"":r,i=e.keywords,s=e.imageUrl,c=e.imgsrc,m=e.url,d=e.noIndex,u=e.author,h=e.timeToRead;const g=(0,n.useStaticQuery)("3202921338").site,p=a||g.siteMetadata.title+" | "+g.siteMetadata.subtitle,f=c||s&&"https:"+s+"?w=1200"||"https://assets.ustwo.com/images/misc/ustwo-generic-meta-image.jpg";return o.createElement(o.Fragment,null,o.createElement("title",null,p),o.createElement("meta",{name:"description",content:l}),i&&o.createElement("meta",{name:"keywords",content:i.toString().replace(/,/g,", ")}),o.createElement("meta",{name:"image",content:f}),m&&o.createElement("meta",{property:"og:url",content:m}),o.createElement("meta",{property:"og:title",content:p}),o.createElement("meta",{property:"og:site_name",content:p}),o.createElement("meta",{property:"og:description",content:l||""}),o.createElement("meta",{property:"og:type",content:"website"}),o.createElement("meta",{property:"og:image",content:f}),o.createElement("meta",{property:"og:image:secure_url",content:f}),o.createElement("meta",{property:"og:image:width",content:"300"}),o.createElement("meta",{property:"og:image:height",content:"300"}),o.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),o.createElement("meta",{name:"twitter:title",content:p}),o.createElement("meta",{name:"twitter:description",content:l||""}),o.createElement("meta",{name:"twitter:image",content:f}),o.createElement("meta",{name:"twitter:creator",content:"ustwo"}),"blogPost"===t&&o.createElement(o.Fragment,null,u&&o.createElement(o.Fragment,null,o.createElement("meta",{name:"twitter:label1",content:"Written by"}),o.createElement("meta",{name:"twitter:data1",content:u}),o.createElement("meta",{name:"author",content:u})),h&&o.createElement(o.Fragment,null,o.createElement("meta",{name:"twitter:label2",content:"Est. reading time"}),o.createElement("meta",{name:"twitter:data2",content:h+" minutes"}))),d&&o.createElement("meta",{name:"robots",content:"noindex, nofollow, noimageindex"}),o.createElement("link",{rel:"preload",href:"/fonts/ABCDiatype-Regular.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),o.createElement("link",{rel:"preload",href:"/fonts/ABCDiatypeCondensed-Bold.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}))}},86957:function(e,t,a){a.d(t,{A:function(){return g}});var n=a(46942),o=a.n(n),r=a(96540),l="Quote-module--lightOnDark--24dc7",i="Quote-module--mobileStyle--583d4",s="Quote-module--quoteColor--b97f7",c="Quote-module--quoteColorAlt--9a91b",m="Quote-module--quoteLeftPadding--aa120",d="Quote-module--reorderFancyAvatar--b5e70",u="Quote-module--showcaseImage--e896c",h="Quote-module--textAlignCenter--edf5e";var g=e=>{let t=e.className,a=e.content,n=e.author,g=e.authorTitle,p=e.type,f=e.lightOnDark,b=e.quoteColor,w=e.quoteColorAlt,E=e.largeText,v=e.largerText,y=e.largestText,k=e.quoteLeftPadding,x=e.alignCenter,A=e.fancyQuote,T=e.fancyAvatar,N=e.additional,S=e.mobileStyle,C=e.avatar,G=e.mdContent;const B=o()("Quote-module--quote--d835d",t,{[u]:"showcaseImage"===p,[l]:f,[s]:b,[c]:w,[m]:k,[h]:x,[d]:T,[i]:S}),M=o()("Quote-module--innerQuoteContent--6fd49",{h2Small:E,h2:v,h2Bigger:y});return r.createElement("div",{className:B},A&&r.createElement("div",{className:"Quote-module--fancyQuote--20884",style:{backgroundColor:A||red}}),r.createElement("div",{className:"Quote-module--quoteContent--eb1db"},a&&r.createElement("blockquote",{className:M},a),G&&r.createElement("div",{className:"Quote-module--mdContent--7d6f9"},G),r.createElement("div",{className:"Quote-module--author--0ef5b smallBodyText"},C&&r.createElement("div",{className:"Quote-module--avatar--eed0b"},C),T&&r.createElement("div",{className:"Quote-module--fancyAvatar--a32e2",style:{backgroundColor:T||red}

1}),r.createElement("div",{className:"Quote-module--authorText--8e9e1"},r.createElement("div",{className:"fontWeightBold"},n&&n),r.createElement("div",{className:"Quote-module--authorTitle--91f4d"},g&&g))),N&&N))}},88117:function(e,t,a){a.d(t,{A:function(){return s}});var n=a(96540),o=a(41375),r=a(14054),l=a(18712),i=a(29441);var s=e=>{let t=e.className,a=e.title,s=e.titleHtml,c=e.style,m=e.tagline,d=e.backgroundColor,u=e.backgroundImage,h=e.backgroundAlt,g=e.mobileBackgroundImage,p=e.backgroundImageCustom,f=e.backgroundVideo,b=e.mobileNoBackgroundVideo,w=e.showcaseImages,E=e.lightOnDarkDesktop,v=e.backgroundGradient,y=e.backgroundGradientWhite,k=e.backgroundImageSrc,x=e.tag,A=e.caption,T=e.additional,N=e.flexFix,S=e.widerStrapline,C=e.largeTagline,G=e.widerTagline;const B=(0,i.lW)().height,M=(0,i.lW)().width,Q=(0,i.Mq)(),H=Math.round(Q/B*100)/100,I=M<1024;let O={};return I||(O={transform:"translate3d(0, "+200*H+"px, 0)"}),n.createElement(n.Fragment,null,I&&n.createElement(r.A,{padding:"top",largePaddingTop:!0,backgroundColor:d,className:t+" showcaseHeader-module--showcaseHeaderMobile--a9112"},x||n.createElement(l.A,{to:"/work/",style:{verticalAlign:"top"}},"Work"),n.createElement("div",{className:"showcaseHeader-module--headerTextMobile--b7ca4 textMarginTop"},n.createElement(o.A,null,n.createElement(o.f,{start:1,span:5},a&&n.createElement("h1",{className:"h1Biggest noMargin"},a),s&&s)),n.createElement(o.A,null,n.createElement(o.f,{start:1,span:S?4:3},m&&n.createElement("p",{className:"largeBodyText textMarginTop"},m))))),n.createElement(r.A,{padding:I?"both":"top",largePaddingTop:!I,backgroundColor:d,backgroundImage:I&&g?g:u,backgroundAlt:h,backgroundImageSrc:k,backgroundVideo:f,backgroundGradient:v,backgroundGradientWhite:y,mobileNoBackgroundVideo:b,backgroundImageNotMobile:I,className:t+" showcaseHeader-module--showcaseHeader--68045 "+(E?"showcaseHeader-module--lightOnDarkDesktop--d2482":""),style:c,flexFix:N,childrenAfter:n.createElement(n.Fragment,null,p||null,A&&n.createElement("div",{className:"showcaseHeader-module--caption--7b0b9"},n.createElement(o.A,null,n.createElement(o.f,{start:1,span:4},A)))),childrenBefore:w&&n.createElement("div",{className:"showcaseHeader-module--showcaseImages--c0424"},w)},!I&&n.createElement(n.Fragment,null,x||n.createElement(l.A,{to:"/work/",style:{verticalAlign:"top"},lightOnDark:E},"Work"),n.createElement("div",{className:"showcaseHeader-module--headerText--ff27c textMarginTop"},n.createElement(o.A,null,n.createElement(o.f,{start:1,span:G?5:4},a&&n.createElement("h1",{className:"h1Biggest noMargin"},a),s&&s)),n.createElement(o.A,null,n.createElement(o.f,{start:1,span:S?4:3},m&&n.createElement("p",{className:C?"largestBodyText textMarginTop":"largeBodyText textMarginTop"},m))))),T&&T))}}}]);
2//# sourceMappingURL=component---src-pages-work-vibrant-emotional-health-js-2ddd8921661b40c5d2a0.js.map