{"id":21921,"date":"2021-09-27T10:43:01","date_gmt":"2021-09-27T14:43:01","guid":{"rendered":"https:\/\/www.borngroup.com\/?page_id=21921"},"modified":"2021-12-21T18:08:45","modified_gmt":"2021-12-21T23:08:45","slug":"joann","status":"publish","type":"page","link":"https:\/\/www.borngroup.com\/work\/joann\/","title":{"rendered":"Joann"},"content":{"rendered":"\n\n\n    \n      <style>\n      .cs-1-hero-logo {\n        width: 160px;\n      }\n\n      @media screen and (min-width: 768px) {\n        .cs-1-hero-logo {\n          width: 150px;\n        }\n      }\n    <\/style>\n  \n  <section class=\"cs-1-hero\">\n    <div class=\"cs-1-hero-content\">\n      <div class=\"cs-1-hero-content-spacer\">\n        <div class=\"cs-1-hero-section\">\n          <p class=\"label-heading\">Client<\/p>\n          <h1>Joann<\/h1>\n        <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Project<\/h5>\n          <p>Refresh Omnichannel Experience<\/p>\n        <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Industry<\/h5>\n                      <p>B2C<\/p>\n                      <p>Consumer Packaged Goods<\/p>\n                      <p>Retail &amp; Consumer Products<\/p>\n                  <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Services<\/h5>\n                      <p>Commerce Enablement<\/p>\n                      <p>Content and Creative<\/p>\n                      <p>Customer Experience (Cx)<\/p>\n                      <p>Innovation<\/p>\n                  <\/div>\n\n        <img decoding=\"async\" class=\"cs-1-hero-logo\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/JOANN-logo.svg\" alt=\"\">\n      <\/div>\n    <\/div>\n    <aside class=\"cs-1-hero-aside\">\n            <img decoding=\"async\" class=\"cs-1-hero-bg\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_hero_v2-720x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_hero_v2.jpg\" alt=\"\">\n      \n            <img decoding=\"async\" class=\"cs-1-hero-screenshot-mobile\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile1-400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile1.jpg\" alt=\"\">\n    <\/aside>\n\n    <div class=\"cs-1-screenshot-desktop-holder container\">\n      <img decoding=\"async\" class=\"cs-1-hero-screenshot-desktop\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop1-3-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop1-3.jpg\" alt=\"\">\n    <\/div>\n  <\/section>\n\n\n\n<style type=\"text\/css\">\n .label-heading{\n  font-size: 13px;\n    font-weight: 700;\n    line-height: 1.34;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n }\n<\/style>\n\n\n\n<section class=\"cs-intro container grid\">\n  <div class=\"cs-intro-main\">\n    <h2 class=\"h5 cs-intro-title\">Background<\/h2>\n    JOANN Fabric and Craft Stores opened its doors in 1943. Today, JOANN is a leading fabric and craft specialty retailer with locations in 49 states.\n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Brief<\/h3>\n    BORN was tasked with updating navigation to accommodate easy wayfinding of extensive catalog (+200,000 items) and UX of purchase journey (PLP, filtering, PDP, cart, checkout) to focus on omnichannel experience (BOPIS), along with moving from Demandware to SFCC.\n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Goals<\/h3>\n    The overall goal was to increase the website&#8217;s effectiveness by making the experience compatible with omnichannel and updating the platform, mobile optimization, checkout, look &#038; feel, class registration process, and PLP experiences. All while keeping ADA compliance in mind.\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"cs-point cs-point--fullscreen cs-point--dark container\">\n  <div class=\"cs-point-content\">\n    <h2 class=\"h5 cs-point-title\">Challenge<\/h2>\n    It was critical to ensure users are aware of omnichannel purchasing options by incorporating all available options throughout the purchasing experience clearly and effectively. This was achieved by enhancing the mobile and desktop experience and search functionality (200k SKUs).\n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-1-screenshot\">\n  <div class=\"cs-1-screenshot-scroller\" style=\"width: calc(6 * (100vw - 2 * var(--container-gutter)) + 7 * var(--container-gutter))\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll1-1-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll1-1.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll2-1-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll2-1.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll3-1-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll3-1.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll4-1-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll4-1.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll5-1-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll5-1.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll6-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop_scroll6.jpg\" alt=\"\">\n      <\/div>\n<\/section>\n\n\n\n\n<section class=\"cs-point cs-point--fullscreen cs-point--light container\">\n  <div class=\"cs-point-content\">\n    <h2 class=\"h5 cs-point-title\">New Navigation<\/h2>\n    Updated the shopping experience to make it easier for customers to find and access the full line of products.\n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-fifty-fifty grid container\">\n  <div class=\"cs-fifty-fifty-column\">\n    <h2 class=\"h5\">Customer Rewards<\/h2>\n    BORN updated the loyalty and rewards tracking experience to help with customer satisfaction.\n    <div class=\"cs-fifty-fifty-screenshot-holder\">\n      <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile2-1-400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile2-1-800x0-c-default.jpg\" alt=\"\">\n    <\/div>\n  <\/div>\n  <div class=\"cs-fifty-fifty-column\">\n    <h2 class=\"h5\">BOPIS<\/h2>\n    BORN examined how buying online and in-store relate. Then redesigned the purchasing experience to focus on buying online and picking up in-store (BOPIS).\n    <div class=\"cs-fifty-fifty-screenshot-holder\">\n      <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile3-1-400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile3-1-800x0-c-default.jpg\" alt=\"\">\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-1-screenshot\">\n  <div class=\"cs-1-screenshot-scroller\" style=\"width: calc(2 * (100vw - 2 * var(--container-gutter)) + 3 * var(--container-gutter))\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop2-1-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_desktop2-1.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"\" srcset=\"\" alt=\"\">\n      <\/div>\n<\/section>\n\n\n\n<section class=\"cs-showcase container\">\n  <div class=\"cs-showcase-content\">\n    <h2 class=\"h5 cs-showcase-title\">Custom Fabric Tool<\/h2>\n    Created a unique online experience where customers can upload custom fabric styles.\n  <\/div>\n  <div class=\"cs-showcase-screenshots-holder\">\n    <div class=\"cs-showcase-thing\">\n      <div class=\"cs-showcase-screenshots\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll1-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll1-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll2-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll2-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll3-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll3-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll4-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll4-1.jpg\"\n               alt=\"\">\n              <\/div>\n      <div class=\"cs-showcase-screenshots\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll5-2-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll5-2.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll6-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll6-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll7-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll7-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll8-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/joann_mobile_scroll8-1.jpg\"\n               alt=\"\">\n              <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-intro container grid\">\n  <div class=\"cs-intro-main\">\n    <h2 class=\"h5 cs-intro-title\">Solution<\/h2>\n    For this project, BORN conducted discovery sessions, onsite tours of imagery, and two rounds of user testing, which provided insight into the best way to enhance the overall website experience. Our team increased the capabilities of the platform to work seamlessly with all available omnichannel purchasing options.\n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Outcome<\/h3>\n    As a long-standing client of BORN, JOANN Fabrics has benefited from ongoing optimization. With the most recent update, the website supported a massive spike in sales (77%) during the COVID-19 pandemic. Having focused on BOPIS was key to the success.\n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Long-term value<\/h3>\n    By focusing the latest update on enhancements to the purchasing experience and BOPIS capability, customers can now easily search the entire inventory and choose their buying preference. This allows for an adaptable environment when online sales experience fluctuations.\n  <\/div>\n<\/section>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n\n<section class=\"banner       banner--has-overlay  \">\n      <div  aria-hidden=\"true\" class=\"banner-background lax\" style=\"background-image: url('https:\/\/static.borngroup.com\/uploads\/2021\/09\/johnlewis.jpeg')\"><\/div>\n  \n  \n  <a href=https:\/\/www.borngroup.com\/work\/john-lewis class=\"banner-content-holder\" data-custom-cursor data-cursor-text=\"Learn More\">\n    <div  class=\"banner-content container lax\">\n      <header class=\"banner-header lax\" >\n                  <div class=\"u-text-small-caps\">Next Case Study &#8211; John Lewis<\/div>\n                          <img decoding=\"async\" class=\"banner-logo\" src=\"https:\/\/static.borngroup.com\/uploads\/2021\/09\/JL_logo-1.svg\" alt=\"\">\n              <\/header>\n\n      <div class=\"banner-copy lax\"\n              >\n        <div>\n                      <h2 class=\"banner-title\">Higher Standard Of Quality<\/h2>\n          \n          \n                      <div class=\"banner-tagline banner-tagline--half-width\">\n              <p class=\"\">With the implementation of TaskList to assist with transferring assets between JLP\u2019s AEM platform and a new ring-fenced offshore production team, brand consistency was achieved.<\/p>\n            <\/div>\n          \n          \n                  <\/div>\n\n              <\/div>\n    <\/div>\n  <\/a>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":17,"featured_media":0,"parent":595,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"service":[19,58,12,15],"industry":[75,39,45],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/21921"}],"collection":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/comments?post=21921"}],"version-history":[{"count":41,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/21921\/revisions"}],"predecessor-version":[{"id":23748,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/21921\/revisions\/23748"}],"up":[{"embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/595"}],"wp:attachment":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/media?parent=21921"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/service?post=21921"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/industry?post=21921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}