{"id":4388439,"date":"2024-10-05T15:00:41","date_gmt":"2024-10-05T13:00:41","guid":{"rendered":"https:\/\/www.deptagency.com\/case\/a-branded-commerce-experience\/"},"modified":"2025-12-08T11:05:59","modified_gmt":"2025-12-08T09:05:59","slug":"a-branded-commerce-experience","status":"publish","type":"case","link":"https:\/\/www.deptagency.com\/en-in\/case\/a-branded-commerce-experience\/","title":{"rendered":"A branded commerce experience"},"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\" >Patagonia<\/p><p\tclass=\"text text-sans-48 block-case-intro-title__text\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >A branded commerce experience<\/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=\"1047832507\"\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<\/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\" >Patagonia is a family-owned apparel and outdoor sporting goods outfitter rooted in sustainability.<\/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\" >For Patagonia\u2019s flagship experience, BASIC\/DEPT\u00ae was tasked with crafting a design solution that brought its massive product and content library to life in a simple yet insightful way.  For a brand that truly lives its values, our challenge was to create a digital shopping experience that tells a brand story at every touchpoint.<\/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<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Hero-1.jpg\"\n\t\t\t\t\talt=\"person snowboarding\"\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=\"left-aligned-asset\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/Patagonia-Smallerblock.jpg\"\n\t\t\t\t\talt=\"\"\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\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>Being no stranger to storytelling, Patagonia has always maintained a strong voice. Our approach was to elevate this voice and bring it to life in a clear, simple execution while striking a balance between culture, business, and the environment.\u00a0\u2028\u2028<br><br>The reimagined eCommerce platform serves as a brand hub for both activism and content through a cohesive digital style guide, UX principles, and a consistent narrative. The experience invokes human emotion and rational understanding and is entirely driven by the brand\u2019s mission. It serves both function and storytelling by transforming value systems.<\/p><\/div><\/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<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Relationship<\/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>This project called for a deeply collaborative process one that demanded a unique agency-client partnership. BASIC\/DEPT\u00ae quickly embedded the Patagonia design team into our San Diego HQ and worked in tandem from concept to completion. This set the foundation for a longstanding, successful relationship that extends beyond the traditional boundaries of agency-client servicing.\u2028\u2028<br><br>Our team spearheaded the broader user experience while closely consulting with the in-house team at Patagonia on art direction, design systems, user testing and scripting. As the project progressed, BASIC\/DEPT\u00ae was given an additional opportunity to own the visual and strategic redesign of Patagonia\u2019s brand initiative, The Footprint Chronicles. In doing so, BASIC\/DEPT\u00ae achieved a simple, cohesive design system that complemented the larger site.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Visual-Light-159-2-scaled-1.jpg\"\n\t\t\t\t\talt=\"Patagonia&#039;s retail website\"\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<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Navigation &amp; information architecture<\/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>A new navigation system considers the full scope of the consumer journey\u2014from initial interaction to finding exactly what they\u2019re looking for. BASIC\/DEPT\u00ae transformed the experience by organizing content in a clear, logical way, and integrating relevant stories when appropriate. This gives products more context while seamlessly injecting the brand voice throughout the entire journey.\u2028\u2028<br><br>The new navigation prioritizes the overall design\u2019s larger goal for product and purpose-led storytelling through a simple curation strategy. An extensive library of cultural initiatives like Patagonia Action Works, The Footprint Chronicles, and more are properly showcased for easy discovery.<\/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=\"703381601\"\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=\"left-aligned-asset\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Patagonia-Case-Study-Thumbnail-1.jpg\"\n\t\t\t\t\talt=\"Two people in red jackets climbing a mountain\"\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\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>Product filtration<br><br> To maintain the simplicity of our design, BASIC\/DEPT\u00ae needed a powerful filtration tool that could optimize a complex product catalog. The end result was a floating, contextually aware action button that becomes the most prominent prompt on any page. This responsive UX pattern is designed for approachability and progression and successfully helps users browse.<br><br><br>Product education<br><br>It was essential that this experience was personalized and always relevant to the consumer. Our goal was to ultimately guide users to the best product for their needs in one simple flow. By implementing an in-line Q&amp;A and product comparison overlay, BASIC\/DEPT\u00ae was able to help customers decide which product is right for them, saving them the hassle of toggling between product detail pages. As a result, users are directly routed through the sales funnel in one seamless UX flow.<\/p><\/div><\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"fifty-fifty-asset\"\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\" >Content strategy<\/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>The delicate balance between purpose and product truly came to life throughout our overall content strategy for this redesign. BASIC\/DEPT\u00ae set out to create a central system that could not only serve as a shopping platform but a brand initiative as well. In doing so, BASIC\/DEPT\u00ae was able to weave Patagonia\u2019s passion and purpose right into each product story and keep consumers engaged in the brand, even if they were just looking to shop.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Outdoor-clothing-brands-Patagonia-Fitz-Roy-Down-Hoody.jpg\"\n\t\t\t\t\talt=\"Two people in blue Patagonia jackets smiling\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media is-first\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Patagonia-Kayak.jpg\"\n\t\t\t\t\talt=\"person carrying kayak\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media is-second\"\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<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Since the launch of Patagonia, mobile revenues have grown by over 25%<\/p>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Visual-Light-158-1-scaled-1.jpg\"\n\t\t\t\t\talt=\"Patagonia&#039;s retail website\"\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<p\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >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>The delicate balance between product and purpose was the driving force behind our entire design system. Focus, clarity, and simplicity became our guiding UX principles, which allowed us to help Patagonia tell compelling stories\u2014while maintaining both emotional feeling and rational understanding. BASIC\/DEPT\u00ae set out to strip away any excess that did not support our larger goal of one, centralized digital experience.\u2028\u2028<br><br>Constant collaboration between Patagonia\u2019s team and ours\u2014both designers and developers\u2014resulted in a refined digital style guide, with a technical solution to support it. Each element of the redesigned system, from the homepage to navigation to our new product filtering system, was built into the style guide to the highest fidelity. As the project progressed, our development team was embedded into Patagonia\u2019s tech team to offer seamless support in building out The Footprint Chronicles and Patagonia.com.\u00a0\u2028\u2028<br><br>From this, BASIC\/DEPT\u00ae built an intuitive content model within the Salesforce Commerce Cloud, while our frontend efforts produced a highly interactive site with meticulously rendered motion to tell The Footprint Chronicle story.<\/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=\"1047830580\"\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\" >Designing at scale<\/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>Patagonia needed a design library that was useful to more than just the design team.\u2028<br><br><br>We built a dynamic, atomic-based design system that acted as a centralized library for the Patagonia design and marketing teams to reference. It contained rules for various elements of a comprehensive design structure, guidelines for photography and content usage, component use cases and functionality, as well as high-level guardrails for simple aspects like ADA compliance best practices. <\/p><\/div>\n\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"left-aligned-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=\"1047826008\"\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\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>Responsive code<br><br>In order to properly prototype, our code had to be built responsively and with purpose.\u2028 From the start, we knew this entire system had to be built with the intent of prototyping useful interactions, motion references, and experience references at a component, module, and page level. We were mindful of this every step of the build and even worked with actual brand content when creating user flows, in an effort to help stimulate realistic key journeys throughout the experience. Each element was built responsively and with purpose so that the Patagonia teams could preview various pages and moments exactly as they would appear for a consumer.<br><br>Documentation<br><br>Our system needed to perform beyond internal documentation. The final product of our efforts aimed to create useful front-end prototypes that Patagonia could use with customers in a testing process that ran concurrently with our design and build. Our digital design library, filled with useful documentation and references, became a vital tool in creating better QA and testing processes, as our live builds of the platform moved forward.<\/p><\/div><\/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<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/PatagoniaManClimbing.jpg\"\n\t\t\t\t\talt=\"Man in yellow t-shirt climbing a mountain\"\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<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>What started as a partnership to reimagine a digital storefront soon became a collaborative consulting engagement. BASIC\/DEPT\u00ae was asked to help revive one of Patagonia\u2019s transparency-driven brand initiatives\u2014The Footprint Chronicles.\u00a0\u2028\u2028<br><br>This story of sustainability needed to be told in more than one place, so BASIC\/DEPT\u00ae developed a system that would surface it in the shopping experience. An informative card structure highlights key details about a product\u2019s carbon footprint to educate the consumer and drive brand purpose, perspective, and conversion.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2024\/10\/Footprint_Overview3-scaled-1.jpg\"\n\t\t\t\t\talt=\"Patagonia&#039;s website showcasing various stats and takeaways\"\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=\"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\" >Give people pause<\/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 shift the consumers\u2019 mindset, BASIC\/DEPT\u00ae used product detail pages as an opportunity to invite a bigger brand purpose. By gently educating shoppers on how products are made and the impact it has on the planet, we\u2019re able to give them a moment to pause and consider their habits. In doing so, BASIC\/DEPT\u00ae can convert product seekers into purpose-driven shoppers while telling meaningful product stories.<\/p><\/div>\n\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\" >An immersive story<\/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>Our goal with The Footprint Chronicles was to first build empathy with customers, then drive action. Our content strategy and component design allowed us to tell rich, dynamic stories through interactive content that allows users to explore and learn. The flexibility of this design lets us not only educate consumers about the brand mission but impacts real change in the cultural mindset.<\/p><\/div>\n\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\" >A call to action<\/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>Our overall strategy and goal for The Footprint Chronicles culminate into one simple storytelling structure. BASIC\/DEPT\u00ae starts with why each aspect of our mission is important\u2014why these points need to be made and stories be told. Consumers are then given an honest explanation of where BASIC\/DEPT\u00ae stands in this journey to make and see change. Finally, the brand\u2019s commitment to what\u2019s next. Where does Patagonia progress from here and what can consumers and every brand do to play a role in this shift.<\/p><\/div>\n\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=\"1047831933\"\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-credits js-block-case-credits\">\n\t\t\t<p\n\t\t\tclass=\"block-case-credits__awards-label\"\n\t\t\tdata-animation=\"slide\"\n\t\t\tdata-animation-target=\"words\"\n\t\t\tdata-animation-stagger=\"0.015\"\n\t\t>\n\t\t\tAwards &amp; recognition\t\t<\/p>\n\t\n\t\t\t<div\n\t\t\tclass=\"block-case-credits__awards\"\n\t\t\tdata-animation=\"slide-fade\"\n\t\t\tdata-animation-target=\"inner-items\"\n\t\t\tdata-animation-delay=\"0.25\"\n\t\t\tdata-animation-stagger=\"0.1\"\n\t\t>\n\t\t\t<div class=\"block-case-credits__awards-header text-sans-16\">\n\t\t\t\t<p><span aria-hidden=\"true\">(&nbsp;&nbsp;<\/span>Award<span aria-hidden=\"true\">&nbsp;&nbsp;)<\/span><\/p>\n\t\t\t\t<p><span aria-hidden=\"true\">(&nbsp;&nbsp;<\/span>Year<span aria-hidden=\"true\">&nbsp;&nbsp;)<\/span><\/p>\n\t\t\t\t<p><span aria-hidden=\"true\">(&nbsp;&nbsp;<\/span>Category<span aria-hidden=\"true\">&nbsp;&nbsp;)<\/span><\/p>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"block-case-credits__award\">\n\t\t\t\t\t<p class=\"block-case-credits__award-name text-sans-14\">\n\t\t\t\t\t\tWebby Award\t\t\t\t\t<\/p>\n\n\t\t\t\t\t<p class=\"block-case-credits__award-year text-sans-18\">\n\t\t\t\t\t\t2021\t\t\t\t\t<\/p>\n\n\t\t\t\t\t<p class=\"block-case-credits__award-description text-sans-18\">\n\t\t\t\t\t\tFashion &amp; Beauty\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"block-case-credits__award\">\n\t\t\t\t\t<p class=\"block-case-credits__award-name text-sans-14\">\n\t\t\t\t\t\tWebby Award\t\t\t\t\t<\/p>\n\n\t\t\t\t\t<p class=\"block-case-credits__award-year text-sans-18\">\n\t\t\t\t\t\t2021\t\t\t\t\t<\/p>\n\n\t\t\t\t\t<p class=\"block-case-credits__award-description text-sans-18\">\n\t\t\t\t\t\tPeople&#039;s Voice Winner\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\n\t\n\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4388441,"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":"#00B8B5","dept_next_case_accent_color":"","dept_case_video":{"type":"local"},"footnotes":""},"client":[1002],"case-category":[42925,42926],"award":[],"case-industry":[42938,42934,42924],"person":[928],"class_list":["post-4388439","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>Patagonia: A branded commerce experience - DEPT\u00ae<\/title>\n<meta name=\"description\" content=\"Patagonia, a family-owned sustainable apparel and outdoor sporting goods outfitter, entrusted us with the task of designing a digital shopping experience that brings their extensive product and content library to life while authentically telling their brand story at every touchpoint.\" \/>\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-in\/?post_type=case&p=4388439\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Patagonia: A branded commerce experience - DEPT\u00ae\" \/>\n<meta property=\"og:description\" content=\"Patagonia, a family-owned sustainable apparel and outdoor sporting goods outfitter, entrusted us with the task of designing a digital shopping experience that brings their extensive product and content library to life while authentically telling their brand story at every touchpoint.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&amp;p=4388439\" \/>\n<meta property=\"og:site_name\" content=\"DEPT\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-08T09:05:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"5760\" \/>\n\t<meta property=\"og:image:height\" content=\"3240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439\",\"url\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439\",\"name\":\"Patagonia: A branded commerce experience - DEPT\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/www.deptagency.com\/en-uki\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg\",\"datePublished\":\"2024-10-05T13:00:41+00:00\",\"dateModified\":\"2025-12-08T09:05:59+00:00\",\"description\":\"Patagonia, a family-owned sustainable apparel and outdoor sporting goods outfitter, entrusted us with the task of designing a digital shopping experience that brings their extensive product and content library to life while authentically telling their brand story at every touchpoint.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#breadcrumb\"},\"inLanguage\":\"en-in\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-in\",\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#primaryimage\",\"url\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg\",\"contentUrl\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg\",\"width\":5760,\"height\":3240},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.deptagency.com\/en-in\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A branded commerce experience\"}]},{\"@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-in\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Patagonia: A branded commerce experience - DEPT\u00ae","description":"Patagonia, a family-owned sustainable apparel and outdoor sporting goods outfitter, entrusted us with the task of designing a digital shopping experience that brings their extensive product and content library to life while authentically telling their brand story at every touchpoint.","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-in\/?post_type=case&p=4388439","og_locale":"en_US","og_type":"article","og_title":"Patagonia: A branded commerce experience - DEPT\u00ae","og_description":"Patagonia, a family-owned sustainable apparel and outdoor sporting goods outfitter, entrusted us with the task of designing a digital shopping experience that brings their extensive product and content library to life while authentically telling their brand story at every touchpoint.","og_url":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439","og_site_name":"DEPT\u00ae","article_modified_time":"2025-12-08T09:05:59+00:00","og_image":[{"width":5760,"height":3240,"url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439","url":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439","name":"Patagonia: A branded commerce experience - DEPT\u00ae","isPartOf":{"@id":"https:\/\/www.deptagency.com\/en-uki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#primaryimage"},"image":{"@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#primaryimage"},"thumbnailUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","datePublished":"2024-10-05T13:00:41+00:00","dateModified":"2025-12-08T09:05:59+00:00","description":"Patagonia, a family-owned sustainable apparel and outdoor sporting goods outfitter, entrusted us with the task of designing a digital shopping experience that brings their extensive product and content library to life while authentically telling their brand story at every touchpoint.","breadcrumb":{"@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#breadcrumb"},"inLanguage":"en-in","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439"]}]},{"@type":"ImageObject","inLanguage":"en-in","@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#primaryimage","url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","contentUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","width":5760,"height":3240},{"@type":"BreadcrumbList","@id":"https:\/\/www.deptagency.com\/en-in\/?post_type=case&p=4388439#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deptagency.com\/en-in\/"},{"@type":"ListItem","position":2,"name":"A branded commerce experience"}]},{"@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-in"}]}},"listingData":{"imageUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/08\/DEPT\u00aexPatagonia.jpg","imageAlt":"","caseVideo":{"type":"local"},"url":"https:\/\/www.deptagency.com\/en-in\/case\/a-branded-commerce-experience\/","hoverColor":"#00B8B5","hoverText":"A branded commerce experience","label":"Patagonia","tags":["Commerce","Fashion"]},"_links":{"self":[{"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case\/4388439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/types\/case"}],"author":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case\/4388439\/revisions"}],"predecessor-version":[{"id":4388607,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case\/4388439\/revisions\/4388607"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/media\/4388441"}],"wp:attachment":[{"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/media?parent=4388439"}],"wp:term":[{"taxonomy":"client","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/client?post=4388439"},{"taxonomy":"case-category","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case-category?post=4388439"},{"taxonomy":"award","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/award?post=4388439"},{"taxonomy":"case-industry","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/case-industry?post=4388439"},{"taxonomy":"person","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-in\/wp-json\/wp\/v2\/person?post=4388439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}