{"id":4320870,"date":"2025-07-25T15:58:06","date_gmt":"2025-07-25T13:58:06","guid":{"rendered":"https:\/\/www.deptagency.com\/case\/whoop\/"},"modified":"2025-07-31T04:05:07","modified_gmt":"2025-07-31T02:05:07","slug":"whoop","status":"publish","type":"case","link":"https:\/\/www.deptagency.com\/en-au\/case\/whoop\/","title":{"rendered":"Building a sophisticated digital experience for a one-of-a-kind product"},"content":{"rendered":"<div class=\"block-case-intro-title\">\n\t<p\tclass=\"text text-sans-128 block-case-intro-title__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >WHOOP<\/p><p\tclass=\"text text-sans-48 block-case-intro-title__text\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Building a sophisticated digital experience for a one-of-a-kind product<\/p><\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"1104265539\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div class=\"block-case-intro js-block-case-intro\">\n\t\t\t<div class=\"block-case-intro__category-container\">\n\t\t\t<p\n\t\t\t\tclass=\"block-case-intro__category-header text-sans-16\"\n\t\t\t\tdata-animation=\"slide-fade\"\n\t\t\t\tdata-animation-delay=\"0.25\"\n\t\t\t>\n\t\t\t\t(&nbsp;&nbsp;Services&nbsp;&nbsp;)\n\t\t\t<\/p>\n\n\t\t\t<ul\n\t\t\t\tclass=\"block-case-intro__category-list text-sans-14 js-block-case-intro-category-list\"\n\t\t\t\tdata-animation=\"slide-fade\"\n\t\t\t\tdata-animation-target=\"inner-items\"\n\t\t\t\tdata-animation-delay=\"0.5\"\n\t\t\t\tdata-animation-stagger=\"0.1\"\n\t\t\t>\n\t\t\t\t\t\t\t\t\t<li class=\"block-case-intro__category-item\">\n\t\t\t\t\t\tCommerce\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"block-case-intro__category-item\">\n\t\t\t\t\t\tCustomer Experience\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li class=\"block-case-intro__category-item\">\n\t\t\t\t\t\tTech &amp; Data\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\n\t<p\tclass=\"text text-sans-48 block-case-intro__title js-block-case-intro-title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" data-animation-stagger=\"0.005\" ><br>WHOOP is a performance wearable unlike anything else on the market.\u00a0<\/p><p\tclass=\"text text-sans-24 block-case-intro__text js-block-case-intro-text\"\n\tdata-animation=\"slideFade\" data-animation-target=\"paragraphs\" data-animation-delay=\"0.1\" >It doesn\u2019t just track your sleep, strain, and recovery data; it translates this information into actionable insights and coaches you toward better fitness and lifestyle outcomes. A complex product with a wide range of intricate features called for straightforward storytelling \u2013 yet the site fell short of delivering a cohesive narrative on what WHOOP was, and more importantly, why what it offered mattered (and was different from the market).\u00a0<br><br>Prospects didn\u2019t \u201cget\u201d WHOOP, and as a result, couldn\u2019t identify it as something they needed. It was time for a refresh.<br><br>BASIC\/DEPT\u00ae launched its partnership with WHOOP to reimagine the site, showcasing what WHOOP had to offer while strengthening brand perception, evolving brand and product storytelling, and simplifying the path to purchase.<\/p><\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"1104265634\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"center-aligned-asset\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >A revitalised experience vision to help unlock brand equity <\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>We set out to define a new approach to brand and product storytelling, interrogating existing site and categorical pain points, brand USPs, and consumer benefits.\u00a0<br><br>A deep understanding of existing headwinds and tailwinds helped us define a vision for the site that transitioned it from a traditional <a href=\"https:\/\/www.deptagency.com\/solutions\/commerce\/\">e-commerce experience<\/a> to a resource for those seeking to elevate their performance and unlock what\u2019s next\u2014less about selling a product, and more about building brand momentum and excitement for what WHOOP enables.\u00a0<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoops-uxui3.webp\"\n\t\t\t\t\talt=\"WHOOP uxui multiple slides\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"1104266037\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"center-aligned-asset\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >From the elite to the individual<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>WHOOP originally built a following among elite athletes and professionals, but as it moved into its next chapter, it wanted to open the aperture of who was invited in \u2014 a pursuit reflected in the new site experience.\u00a0<br><br>We evolved the existing WHOOP audience to more granularly capture nuanced mindsets, behaviours, touchpoints, and points of tension, ultimately landing on three core audience segments against which to build the experience. We audited where the site fell short in addressing these new segments and identified areas of opportunity to tailor the experience accordingly.<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"1104266003\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"center-aligned-asset\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Solving pain points through key features &amp; design language<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>We took our newly crafted audience segments and built comprehensive journey maps, pinpointing high-value moments for content and feature concepting. In tandem, the team explored several territories for the site\u2019s new visual identity and aesthetic. This served as the basis for the overall design language and system.<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"1104266309\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"center-aligned-asset\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >A new approach to storytelling<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Given the complexity of the product and the existing confusion around what WHOOP was, we needed to overhaul the existing information architecture. We created a new site map and conducted a comprehensive content strategy and mapping exercise for each page, identifying where new pages were required.\u00a0<br><br>We paired the newly minted visual identity with our content outlines to bring each new page to life. Motion was a major component of the new experience as well, and we used mechanisms like progressive disclosure to help audiences dig deeper without being overwhelmed with information.\u00a0<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"1104266339\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"mobile-asset\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"1104267723\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Data-focused design system<\/p><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>With a compelling new visual identity in tow, we developed a flexible design system that enabled us to integrate the data-forward storytelling of WHOOP with its new look. The system created intrigue around the product, connecting emotionally on subjective preferences like band-colour, and functionally on utility preferences like feature sets.<br><br>We leveraged UX tactics like progressive disclosure to allow for moments of deeper discovery, all while reducing the amount of overwhelming data and information found on each page.<br><br>To ensure we moved ahead in a way that made sense to WHOOP audiences, we conducted a series of user tests to gain qualitative feedback and real user insights. We built over 10 comprehensive, fully functional prototypes that showcased different features and flows on-site, allowing users to envision the live experience. Learnings from testing allowed us to hone in on areas to both sharpen and build upon.<\/p><\/div><\/div>\n\n<div\n\tclass=\"block-title-block-carousel js-block-title-block-carousel\"\n\t\tdata-nav-aria-label=\"Item %d\"\n\t\tdata-nav-aria-active-label=\"Item %d (active)\"\n\tdata-animation=\"slide-fade\"\n\tdata-animation-target=\"inner-items\"\n\tdata-animation-delay=\"0.15\"\n\tdata-animation-stagger=\"0.15\"\n>\n\t<h2\tclass=\"text text-sans-48 block-title-block-carousel__title js-block-title-block-carousel-title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Providing a new perspective on content creation<\/h2><p\tclass=\"text text-sans-24 block-title-block-carousel__text js-block-title-block-carousel-text\"\n\tdata-animation=\"slideFade\" data-animation-target=\"paragraphs\" data-animation-stagger=\"0.01\" >Content creation was focused on ensuring our audiences were well represented, from elite athletes to individuals looking to optimise their physical performance. Branded content needed to balance the sophistication of the product and real athlete endorsement, with a real user\u2019s everyday life. Lifestyle imagery that positioned WHOOP as a daily health coach helped us strike the right balance and reach this broadened audience.<\/p>\n\t<div class=\"block-title-block-carousel__carousel js-block-title-block-carousel-carousel embla\">\n\t\t<div class=\"embla__container\">\n\t\t\t<div\n\t\tclass=\"image-wrap block-title-block-carousel__image-wrap embla__slide\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-photography1.webp\"\n\t\t\t\tclass=\"image block-title-block-carousel__image\"\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div><div\n\t\tclass=\"image-wrap block-title-block-carousel__image-wrap embla__slide\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-photography2.webp\"\n\t\t\t\tclass=\"image block-title-block-carousel__image\"\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div><div\n\t\tclass=\"image-wrap block-title-block-carousel__image-wrap embla__slide\"\n\t\tdata-align=\"center center\"\n\t\t\t>\n\n\t\t\t<picture\n\t\tclass=\"image__picture\"\n\t\t\t\t>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<img\n\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-photography3.webp\"\n\t\t\t\tclass=\"image block-title-block-carousel__image\"\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\/>\n\t\t<\/picture>\n\t\n\t<\/div>\t\t<\/div>\n\n\t\t<div class=\"block-title-block-carousel__nav-controls embla__controls\">\n\t\t\t<div class=\"block-title-block-carousel__nav-dots embla__dots\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"center-aligned-asset\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Building with Next.js &amp; Contentful\u00a0<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>To fully realise the ambitious vision for the website, significant development work was required. The team implemented a Next.js front-end with Contentful CMS. To support WHOOP&#8217;s global reach, a custom localisation architecture was built using Contentful locales and the new Next.js app router. This was a large-scale Contentful application utilising the latest features.\u00a0<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"vimeo\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"1104266769\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"copy-only\"\n\tdata-content-align=\"center\"\n>\n\t<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Delivering a customisable and flexible experience<\/p><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>To achieve the desired level of customisation and flexibility, the team developed a fully modular system. This allowed every piece of the site to be customisable and reusable, with all content managed through Contentful. This modular approach not only streamlined the development process but also empowered the WHOOP team to easily maintain and update the site going forward.<\/p><\/div>\n\t\n\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":94,"featured_media":4319924,"template":"","meta":{"_acf_changed":false,"es_utils_meta_schema":"","member_job_title":"","member_linkedin_url":"","dept_alt_featured_image":[],"dept_algolia_noindex":false,"dept_algolia_featured":false,"dept_accent_color":"#159DB2","dept_next_case_accent_color":"","dept_case_video":{"type":"local"},"footnotes":""},"client":[42850],"case-category":[42671,42672,42675],"award":[],"case-industry":[42678,42670],"person":[32192],"class_list":["post-4320870","case","type-case","status-publish","has-post-thumbnail","hentry"],"acf":{"dept_is_3q_page":false,"dept_current_cpt_partner":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Featured work: A sophisticated digital experience for WHOOP | DEPT<\/title>\n<meta name=\"description\" content=\"See how we helped WHOOP create a digital experience that reflected its updated brand and marketing strategy\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Featured work: A sophisticated digital experience for WHOOP | DEPT\" \/>\n<meta property=\"og:description\" content=\"See how we helped WHOOP create a digital experience that reflected its updated brand and marketing strategy\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/\" \/>\n<meta property=\"og:site_name\" content=\"DEPT\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-31T02:05:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1193\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/\",\"url\":\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/\",\"name\":\"Featured work: A sophisticated digital experience for WHOOP | DEPT\",\"isPartOf\":{\"@id\":\"https:\/\/www.deptagency.com\/en-uki\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp\",\"datePublished\":\"2025-07-25T13:58:06+00:00\",\"dateModified\":\"2025-07-31T02:05:07+00:00\",\"description\":\"See how we helped WHOOP create a digital experience that reflected its updated brand and marketing strategy\",\"breadcrumb\":{\"@id\":\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#primaryimage\",\"url\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp\",\"contentUrl\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp\",\"width\":1920,\"height\":1193,\"caption\":\"WHOOP on dirt biker\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.deptagency.com\/en-au\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building a sophisticated digital experience for a one-of-a-kind product\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.deptagency.com\/en-uki\/#website\",\"url\":\"https:\/\/www.deptagency.com\/en-uki\/\",\"name\":\"DEPT\u00ae\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.deptagency.com\/en-uki\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AU\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Featured work: A sophisticated digital experience for WHOOP | DEPT","description":"See how we helped WHOOP create a digital experience that reflected its updated brand and marketing strategy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/","og_locale":"en_US","og_type":"article","og_title":"Featured work: A sophisticated digital experience for WHOOP | DEPT","og_description":"See how we helped WHOOP create a digital experience that reflected its updated brand and marketing strategy","og_url":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/","og_site_name":"DEPT\u00ae","article_modified_time":"2025-07-31T02:05:07+00:00","og_image":[{"width":1920,"height":1193,"url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/","url":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/","name":"Featured work: A sophisticated digital experience for WHOOP | DEPT","isPartOf":{"@id":"https:\/\/www.deptagency.com\/en-uki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#primaryimage"},"image":{"@id":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp","datePublished":"2025-07-25T13:58:06+00:00","dateModified":"2025-07-31T02:05:07+00:00","description":"See how we helped WHOOP create a digital experience that reflected its updated brand and marketing strategy","breadcrumb":{"@id":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/"]}]},{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#primaryimage","url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp","contentUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp","width":1920,"height":1193,"caption":"WHOOP on dirt biker"},{"@type":"BreadcrumbList","@id":"https:\/\/www.deptagency.com\/en-apac\/case\/whoop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deptagency.com\/en-au\/"},{"@type":"ListItem","position":2,"name":"Building a sophisticated digital experience for a one-of-a-kind product"}]},{"@type":"WebSite","@id":"https:\/\/www.deptagency.com\/en-uki\/#website","url":"https:\/\/www.deptagency.com\/en-uki\/","name":"DEPT\u00ae","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.deptagency.com\/en-uki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AU"}]}},"listingData":{"imageUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/07\/whoop-on-dirtbiker.webp","imageAlt":"WHOOP on dirt biker ","caseVideo":{"type":"local"},"url":"https:\/\/www.deptagency.com\/en-au\/case\/whoop\/","hoverColor":"#159DB2","hoverText":"Building a sophisticated digital experience for a one-of-a-kind product","label":"WHOOP","tags":["Tech &amp; Data","Retail &amp; Commerce"]},"_links":{"self":[{"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case\/4320870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/types\/case"}],"author":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/users\/94"}],"version-history":[{"count":1,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case\/4320870\/revisions"}],"predecessor-version":[{"id":4320873,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case\/4320870\/revisions\/4320873"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/media\/4319924"}],"wp:attachment":[{"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/media?parent=4320870"}],"wp:term":[{"taxonomy":"client","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/client?post=4320870"},{"taxonomy":"case-category","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case-category?post=4320870"},{"taxonomy":"award","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/award?post=4320870"},{"taxonomy":"case-industry","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case-industry?post=4320870"},{"taxonomy":"person","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/person?post=4320870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}