https://ustwo.com/component---src-pages-work-the-body-coach-js-5ba8eb99fd62d412c1d3.js

1"use strict";(self.webpackChunkustwo=self.webpackChunkustwo||[]).push([[8568],{5047:function(e,t,a){a.d(t,{A:function(){return S}});var o={};a.r(o),a.d(o,{L_:function(){return i},mq:function(){return l},Z4:function(){return d},ZK:function(){return h},uy:function(){return m},KY:function(){return u},Tw:function(){return p},Cj:function(){return b},Yh:function(){return f},Hi:function(){return g},uZ:function(){return w},W_:function(){return y},$g:function(){return E},EX:function(){return v},uq:function(){return k},Ki:function(){return N},j:function(){return x},jJ:function(){return A},RK:function(){return C},iE:function(){return T}});var n=a(46942),s=a.n(n),c=a(5588),r=a(96540),i="Video-module--altPlayIcon--db989",l="Video-module--autoPauseButton--94358",d="Video-module--autoPauseIcon--d8457",h="Video-module--autoPlayIcon--caa8b",m="Video-module--loadingFrame--95b0d",u="Video-module--lowerPlayButton--fc752",p="Video-module--mainVideo--b0fdb",b="Video-module--noBorderRadius--4c33c",f="Video-module--noFilter--2b31c",g="Video-module--noPoster--1d0e8",w="Video-module--playIcon--5011b",y="Video-module--poster--12690",E="Video-module--posterPlayIcon--70c5d",v="Video-module--small--7d827",k="Video-module--tint--28b32",N="Video-module--video--30915",x="Video-module--videoContainer--e8e7c",A="Video-module--videoContent--21899",C="Video-module--visible--352e0",T="Video-module--wrapper--76ee2";var S=e=>{let t=e.video,a=void 0===t?"":t,n=e.src,S=e.posterVideo,B=e.posterSrc,P=e.posterImage,V=e.staticPoster,I=e.className,W=e.autoPlay,j=e.noBorderRadius,D=e.subtitles,F=e.autoSubtitles,q=e.label,J=e.noFilter,z=e.style,M=e.loadingFrame,O=e.altPlayIcon,U=e.type,L=e.description,_=e.lowerPlayButton,H=e.small,R=(e.stop,e.darkOnLight),K=e.tint,Y=e.noPauseButton,G=e.captions,Z=e.ariaHidden,Q=void 0!==Z&&Z;const X=(0,r.useRef)(),$=(0,r.useState)(W),ee=$[0],te=$[1],ae=(0,r.useState)(!1),oe=ae[0],ne=ae[1],se=(0,r.useState)(!1),ce=se[0],re=se[1];(0,r.useEffect)(()=>{const e=window.matchMedia("(prefers-reduced-motion: reduce)");ne(e.matches),!e.matches&&W&&te(!0);const t=e=>{ne(e.matches),e.matches?te(!1):W&&te(!0)};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[W]),(0,r.useEffect)(()=>{re(!0)},[]);const ie=e=>{e.preventDefault(),te(!0)},le=()=>{X.current&&(X.current.paused?(X.current.play(),te(!0)):(X.current.pause(),te(!1)))},de=s()(N,I,{[b]:j,[f]:J,[v]:H,[C]:ce}),he=s()(w,{[i]:O,[u]:_});let me,ue;return me=S||B?r.createElement("video",{src:B||"https:"+S,playsInline:!0,loop:!0,muted:!0,autoPlay:!0,preload:"none"},r.createElement("track",{kind:"captions"})):P?r.createElement(c.G,{image:P,alt:"Video still"}):V||r.createElement("div",{className:g}),oe?r.createElement("div",{className:de+" video-wrapper"},r.createElement("div",{className:A},r.createElement("div",{className:T,style:z},r.createElement("div",{className:y},M&&r.createElement("img",{src:M,className:m,alt:""}),me)))):(ue=ee||W?r.createElement("figure",{className:x},r.createElement("video",{onClick:e=>e.preventDefault(),playsInline:!0,loop:!0,muted:!!W,controls:!W,autoPlay:ee,className:p,ref:X,preload:"none","aria-label":L,"aria-hidden":Q},r.createElement("source",{src:n||"https:"+a,type:"webm"===U?"video/webm":"video/mp4"}),!F&&r.createElement("track",{kind:"subtitles",label:"Off",default:!0}),D&&D.map((e,t)=>r.createElement("track",{default:!!F||F===t,kind:"subtitles",label:e.description,srcLang:e.lang,src:e.publicUrl,key:a+"-subtitle-"+(t+1)}))),W&&!0!==Y&&r.createElement("button",{className:o.pauseButton,onClick:le,"aria-label":ee?"Pause video":"Play video"},r.createElement("div",{className:ee?o.pauseIcon:w})),G&&r.createElement("figcaption",{className:"visually-hidden"},G)):r.createElement("div",{className:y},M&&r.createElement("img",{src:M,className:m,alt:""}),me,r.createElement("button",{className:E,onClick:ie,type:"button","aria-label":"Play video"},r.createElement("div",{className:he}),r.createElement("p",{className:"h4",style:{color:R?"black":"white"}},q||"Play"))),r.createElement("div",{className:de+" video-wrapper"},r.createElement("div",{className:A},r.createElement("div",{className:T,style:z},ue),K&&r.createElement("div",{className:k}),W&&!0!==Y&&r.createElement("button",{className:l,onClick:le,"aria-label":ee?"Pause video":"Play video"},r.createElement("div",{className:ee?d:h})))))}},36802:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/b78a42435be756c0fff7012b3f881a21/8167e/thebodycoac

1h-interview-poster.jpg","srcSet":"/static/b78a42435be756c0fff7012b3f881a21/aa2dd/thebodycoach-interview-poster.jpg 350w,\\n/static/b78a42435be756c0fff7012b3f881a21/a9d79/thebodycoach-interview-poster.jpg 700w,\\n/static/b78a42435be756c0fff7012b3f881a21/8167e/thebodycoach-interview-poster.jpg 1400w","sizes":"(min-width: 1400px) 1400px, 100vw"},"sources":[{"srcSet":"/static/b78a42435be756c0fff7012b3f881a21/22711/thebodycoach-interview-poster.webp 350w,\\n/static/b78a42435be756c0fff7012b3f881a21/2d20c/thebodycoach-interview-poster.webp 700w,\\n/static/b78a42435be756c0fff7012b3f881a21/30cfd/thebodycoach-interview-poster.webp 1400w","type":"image/webp","sizes":"(min-width: 1400px) 1400px, 100vw"}]},"width":1400,"height":788}')},47727:function(e,t,a){a.r(t),a.d(t,{Head:function(){return E},default:function(){return y}});var o=a(5588),n=a(96540),s=a(41375),c=a(47290),r=a(86957),i=a(14054),l=a(88117),d=a(78610),h=a(5047),m=a(24794);var u=e=>{var t;let a=e.videoUrl;const s=(0,m.useStaticQuery)("3725158489").iPhoneFrame;return n.createElement("div",{className:"PhoneFrameVideo-module--videoFrameWrapper--4b589"},n.createElement(o.G,{image:null==s||null===(t=s.childImageSharp)||void 0===t?void 0:t.gatsbyImageData,className:"PhoneFrameVideo-module--videoPhoneFrame--13c5c",alt:""}),n.createElement(h.A,{className:"PhoneFrameVideo-module--screenRecordingVideo--23e35",src:a,autoPlay:!0}))},p="the-body-coach-module--section2Image--2bc33",b=a(29441);const f=n.createElement("svg",{viewBox:"0 0 139 101",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M4 11.1457C23.9217 5.14192 65.2138 -2.663 71.0092 14.1476C76.8046 30.9582 53.5023 55.5739 26.3364 77.1875C39.2151 70.7835 68.2323 59.8966 81.2719 67.5815C88.4029 71.7841 76.6436 90.3958 66.1797 97C80.2657 90.7961 113.75 81.6303 135 94.5985",stroke:"#F6C9C7",strokeWidth:"8",strokeLinecap:"round",strokeLinejoin:"round"})),g=[{title:"No. 1",copy:"Health and Fitness in the Apple app store",id:"bcstat1"},{title:"550%",copy:"increase in customer base from a year ago",id:"bcstat2"},{title:"4.8★",copy:"rating",id:"bcstat3"},{title:"4",copy:"workouts per week on average by users",id:"bcstat4"}],w=[{title:"20%",copy:"increase in yearly retention rate since the app launched",id:"bcstat5"},{title:"+60%",copy:"long term retention rate",id:"bcstat6"}];var y=e=>{let t=e.data;const c=(0,b.lW)().height,m=(0,b.Mq)();Math.round(m/c*100);return n.createElement("article",null,n.createElement(l.A,{title:t.thebodycoach.frontmatter.title,tagline:t.thebodycoach.frontmatter.tagline,largeTagline:!0,lightOnDarkDesktop:!0,backgroundImage:t.thebodycoach.hero&&t.thebodycoach.hero.childImageSharp,mobileBackgroundImage:t.thebodycoach.thumbnail&&t.thebodycoach.thumbnail.childImageSharp,flexFix:!0,additional:n.createElement("div",{className:"gridPaddingBottom hideMobile"},n.createElement("div",{className:"award awardInvert"},n.createElement("h3",{className:"h4 colorWhite"},"Google Play"),n.createElement("p",{className:"smallestBodyText"},"App of the Year, UK ",n.createElement("br",null),"2022")))}),n.createElement(i.A,{padding:"both",className:"the-body-coach-module--updateSection--788dd"},n.createElement(s.A,null,n.createElement(s.f,{start:4,span:6},n.createElement("div",{className:"label"},"Update"),n.createElement("p",{className:"largestBodyText"},"We recently celebrated the five year anniversary of the Body Coach app and checked in with the team about the continued impact, here are the results:"),n.createElement(d.A,{stats:w})))),n.createElement(i.A,{padding:"both",className:"the-body-coach-module--introductionWrapper--63bb2"},n.createElement(s.A,null,n.createElement(s.f,{span:6,start:4},n.createElement("h2",null,"Creating a Digital Experience"),n.createElement("p",null,"Joe Wicks MBE (aka The Body Coach) made his name in the UK as a fitness expert with heart. In 2020, he inspired people around the world to log in for daily exercise during lockdown, getting 80 million YouTube views and raising over £500,000 for NHS charities."),n.createElement("p",null,"But before that – before we even knew the pandemic was coming – Joe asked us to turn his successful 90-day health and fitness plan into a digital experience, and we jumped at the chance. Lots of us were already big believers in The Body Coach programme, so evolving the business to digital-first was the perfect brief."))),n.createElement(s.A,{padding:"both",columns:1},n.createElement(h.A,{src:"https://assets.ustwo.com/video/thebodycoac

1h-doc.mp4",posterSrc:"https://assets.ustwo.com/video/thebodycoach-doc-poster.mp4",subtitles:[{description:"Subtitles",publicUrl:"/thebodycoach-doc-subtitles.vtt"}],label:"Watch how we transformed The Body Coach business"})),n.createElement(s.A,{padding:"bottom"},n.createElement(s.f,{start:4,span:6},n.createElement("p",null,"The Body Coach has become a phenomenal enterprise built on its tailored, 90-day meal and workout plan, delivered via email as PDFs and YouTube videos. This has worked beautifully for almost a million loyal clients, so our job was to build a digital product that would take the much beloved, effective elements, enhance the experience, and reach beyond 90 days to build habits that last a lifetime."))),n.createElement(s.A,{padding:"bottom"},n.createElement(s.f,{start:2,span:10},n.createElement(d.A,{stats:g}))),n.createElement(s.A,null,n.createElement(s.f,{start:4,span:6},n.createElement("p",null,"While many fitness apps focus either on exercise or nutrition, The Body Coach app takes a holistic approach that marries these two elements with an additional focus on mental wellbeing, and with accessibility at its heart. It helps people keep tabs on their progress, it offers recipes and workouts (live and on demand), every meal is tailored to each person’s goals and body, and there’s a planner to help them stay on track.")))),n.createElement(o.S,{src:"https://assets.ustwo.com/images/work/thebodycoach-sketching-session-01.jpg",alt:"Sketching session with Joe Wicks and the team",__imageData:a(86481)}),n.createElement(i.A,{backgroundColor:"white",style:{zIndex:99},padding:"both"},n.createElement(s.A,null,n.createElement(s.f,{start:3,span:8},n.createElement(r.A,{content:t.quote01.frontmatter.quote,author:t.quote01.frontmatter.author,authorTitle:t.quote01.frontmatter.authorTitle,largerText:!0})))),n.createElement(i.A,{backgroundColor:"offWhite",padding:"both",className:"the-body-coach-module--businessDriverSection--3867f"},n.createElement(s.A,null,n.createElement(s.f,{start:4,span:6},n.createElement("h2",{className:"the-body-coach-module--section2HeadingFix--91925"},"Digital as a business driver"),n.createElement("p",null,"To set The Body Coach on a path to expansion and growth we brought together our strategy, design, product and technology teams to really understand how the existing business operated."),n.createElement("p",null,"We looked at The Body Coach’s business and analysed how we could sharpen and augment its offering, delivery method and systems with digital. We designed a new business model, a subscription strategy, a back-end system to support clients with their progress and a website to communicate Joe’s vision."),n.createElement("p",null,"As a result of our work, it’s faster and easier to continuously evolve the product based on what people need, meaning the business now has the foundation to scale quickly and engage with more people.")))),n.createElement(o.S,{src:"https://assets.ustwo.com/images/work/thebodycoach-laptop.png",alt:"",className:p,__imageData:a(57843)}),n.createElement(i.A,{className:"the-body-coach-module--quoteSection--70fe0",padding:"both"},n.createElement(s.A,null,n.createElement(s.f,{start:3,span:8},n.createElement(r.A,{content:t.quote02.frontmatter.quote,author:t.quote02.frontmatter.author,authorTitle:t.quote02.frontmatter.authorTitle,largerText:!0,lightOnDark:!0})))),n.createElement(i.A,{className:"the-body-coach-module--lastSection--563ac",padding:"both"},n.createElement(s.A,null,n.createElement(s.f,{span:6,start:2},n.createElement("h2",null,"Inclusive, accessible, healthy habits"),n.createElement("p",null,"Often, the fitness industry cultivates an unrealistic vision of what health is, while The Body Coach is redefining fitness with an inclusive approach. By making sure people can do the workouts everywhere and by sharing recipes that are easy to prepare, Joe Wicks is helping remove barriers that stop people creating lifelong healthy habits."),n.createElement("p",null,"We held this ethos at the heart of our work, and brought The Body Coach’s community into the design process to make sure that our solutions would meet their needs and exceed their expectations."),n.createElement("h3",{className:"textMarginTopLarge"},"Making, learning, changing - together"),n.createElement("p",null,"The best way to understand this community w

1as to immerse ourselves in it. Before the pandemic sent us all home, we went along to The Body Coach events so that we could talk to people there about their experiences, habits and hopes, and we did weekly workouts in the ustwo studio."),n.createElement("p",null,"When lockdown made working at home a long-term reality for us (and many millions of others), we logged on with our families for PE with Joe, which gave us all a daily boost. We created the app as an on-demand source of energy — a feel-good battery that’s always with you and recreates the feeling you’d get from being with Joe, powered by a digital-first business.")),n.createElement(s.f,{span:3,start:9},n.createElement(u,{videoUrl:"https://assets.ustwo.com/video/thebodycoach-loop.mp4"})))),n.createElement(o.S,{src:"https://assets.ustwo.com/images/work/thebodycoach-team.jpg",alt:"",className:p,__imageData:a(78472)}),n.createElement(i.A,{backgroundColor:"white",padding:"both",childrenAfter:n.createElement("div",{className:"the-body-coach-module--twizzle4--f546e"},f)},n.createElement(s.A,{verticalCenter:!0,orderFix:!0},n.createElement(s.f,{start:3,span:6},n.createElement("h2",null,"Award winner!"),n.createElement("p",{className:"noMargin"},"We’re incredibly proud of our team who went above and beyond to build an app that truly makes a difference."))),n.createElement(s.A,null,n.createElement(s.f,{span:8,start:3},n.createElement(s.A,{padding:"both"},n.createElement(s.f,{start:1,span:3,className:"award"},n.createElement("h3",{className:"h4"},"Google Play"),n.createElement("p",{className:"smallestBodyText"},"App of the Year, UK ",n.createElement("br",null),"2022")),n.createElement(s.f,{start:4,span:3,className:"award"},n.createElement("h3",{className:"h4"},"Design Week"),n.createElement("p",{className:"smallestBodyText"},"Winner ",n.createElement("br",null),"App Design")),n.createElement(s.f,{start:7,span:3,className:"award"},n.createElement("h3",{className:"h4"},"Fast Company"),n.createElement("p",{className:"smallestBodyText"},"Honourable mention ",n.createElement("br",null),"Apps and Games")),n.createElement(s.f,{start:10,span:3,className:"award"},n.createElement("h3",{className:"h4"},"The DRUM"),n.createElement("p",{className:"smallestBodyText"},"Highly Commended ",n.createElement("br",null),"Mobile and App"))))),n.createElement(s.A,{verticalCenter:!0,orderFix:!0},n.createElement(s.f,{start:3,span:6},n.createElement(r.A,{content:t.quote03.frontmatter.quote,author:t.quote03.frontmatter.author,authorTitle:t.quote03.frontmatter.authorTitle,largerText:!0})))),n.createElement(i.A,{padding:"both",className:"the-body-coach-module--finalImage--caa76",lightOnDark:!0},n.createElement(s.A,{verticalCenter:!0},n.createElement(s.f,{start:2,span:4},n.createElement("div",null,n.createElement("h2",null,"How The Body Coach is growing with digital"),n.createElement("p",null,"Our recent fireside session with Nikki Wicks unpacked how ustwo set The Body Coach on a path to expansion and growth by bringing together strategy, design, product and technology teams to drive transformation."))),n.createElement(s.f,{start:6,span:6},n.createElement(h.A,{src:"https://assets.ustwo.com/video/thebodycoach-interview.mp4",staticPoster:n.createElement(o.S,{src:"https://assets.ustwo.com/video/thebodycoach-interview-poster.jpg",alt:"",__imageData:a(36802)}),subtitles:[{description:"Subtitles",publicUrl:"/thebodycoach-interview-subtitles.vtt"}],className:"borderRadius"})))))};const E=e=>{let t=e.data;return n.createElement(c.Ay,{title:t.thebodycoach.frontmatter.title+" x ustwo",description:t.thebodycoach.frontmatter.description,imgsrc:t.thebodycoach.thumbnail&&t.thebodycoach.thumbnail.publicURL})}},57843:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#f8c8c8","images":{"fallback":{"src":"/static/f450a8d835bb395e66070334567e6f8d/6c874/thebodycoach-laptop.png","srcSet":"/static/f450a8d835bb395e66070334567e6f8d/7e336/thebodycoach-laptop.png 960w,\\n/static/f450a8d835bb395e66070334567e6f8d/d17a0/thebodycoach-laptop.png 1920w,\\n/static/f450a8d835bb395e66070334567e6f8d/6c874/thebodycoac

1h-laptop.png 3840w","sizes":"(min-width: 3840px) 3840px, 100vw"},"sources":[{"srcSet":"/static/f450a8d835bb395e66070334567e6f8d/d1c22/thebodycoach-laptop.webp 960w,\\n/static/f450a8d835bb395e66070334567e6f8d/04b43/thebodycoach-laptop.webp 1920w,\\n/static/f450a8d835bb395e66070334567e6f8d/ab339/thebodycoach-laptop.webp 3840w","type":"image/webp","sizes":"(min-width: 3840px) 3840px, 100vw"}]},"width":3840,"height":2160}')},78472:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#181818","images":{"fallback":{"src":"/static/a3f16c06af99043dec2ddcf1663f0426/27565/thebodycoach-team.jpg","srcSet":"/static/a3f16c06af99043dec2ddcf1663f0426/2a549/thebodycoach-team.jpg 600w,\\n/static/a3f16c06af99043dec2ddcf1663f0426/3c15f/thebodycoach-team.jpg 1200w,\\n/static/a3f16c06af99043dec2ddcf1663f0426/27565/thebodycoach-team.jpg 2400w","sizes":"(min-width: 2400px) 2400px, 100vw"},"sources":[{"srcSet":"/static/a3f16c06af99043dec2ddcf1663f0426/50a7d/thebodycoach-team.webp 600w,\\n/static/a3f16c06af99043dec2ddcf1663f0426/a128f/thebodycoach-team.webp 1200w,\\n/static/a3f16c06af99043dec2ddcf1663f0426/c6aaf/thebodycoach-team.webp 2400w","type":"image/webp","sizes":"(min-width: 2400px) 2400px, 100vw"}]},"width":2400,"height":1687}')},86481:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#d8d8e8","images":{"fallback":{"src":"/static/535987592df05f27853d45e9a38e3fba/23ac4/thebodycoach-sketching-session-01.jpg","srcSet":"/static/535987592df05f27853d45e9a38e3fba/d903b/thebodycoach-sketching-session-01.jpg 750w,\\n/static/535987592df05f27853d45e9a38e3fba/afdf1/thebodycoach-sketching-session-01.jpg 1500w,\\n/static/535987592df05f27853d45e9a38e3fba/23ac4/thebodycoach-sketching-session-01.jpg 3000w","sizes":"(min-width: 3000px) 3000px, 100vw"},"sources":[{"srcSet":"/static/535987592df05f27853d45e9a38e3fba/c9c47/thebodycoach-sketching-session-01.webp 750w,\\n/static/535987592df05f27853d45e9a38e3fba/ad18f/thebodycoach-sketching-session-01.webp 1500w,\\n/static/535987592df05f27853d45e9a38e3fba/a

1afee/thebodycoach-sketching-session-01.webp 3000w","type":"image/webp","sizes":"(min-width: 3000px) 3000px, 100vw"}]},"width":3000,"height":2000}')}}]);
2//# sourceMappingURL=component---src-pages-work-the-body-coach-js-5ba8eb99fd62d412c1d3.js.map