https://sparkbox.com/_next/static/chunks/pages/success-stories/shoes-for-crews-c4ef99df1f349fc5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[706],{3017:function(e,t,s){"use strict";s.r(t),s.d(t,{__N_SSG:function(){return c}});var i=s(9008),a=s.n(i),r=s(1664),l=s.n(r),n=s(9332),o=s(5893),c=!0;t.default=function(e){var t,s,i=e.title,r=e.description,c=e.seo,d=null!==(t=null==c?void 0:c.title)&&void 0!==t?t:"Sparkbox - Building a Better Web through Partnerships",h=null!==(s=null==c?void 0:c.description)&&void 0!==s?s:"Sparkbox works with enterprise‑level clients to provide the benefit of our years of experience and our best new ideas. Got a problem? Let’s solve it together.";return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(a(),{children:[(0,o.jsx)("title",{children:d}),(0,o.jsx)("meta",{name:"description",content:h}),(0,o.jsx)("meta",{property:"og:title",content:d},"og:title"),(0,o.jsx)("meta",{property:"og:description",content:h},"og:description"),(0,o.jsx)("meta",{property:"og:type",content:"website"}),(0,o.jsx)("meta",{property:"og:url",content:"https://sparkbox.com".concat((0,n.usePathname)())},"og:url"),(0,o.jsx)("meta",{property:"og:locale",content:"en_US"}),(0,o.jsx)("link",{rel:"canonical",href:"https://sparkbox.com".concat((0,n.usePathname)())},"canonical"),(0,o.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,o.jsx)("meta",{name:"twitter:site",content:"@hearsparkbox"})]}),(0,o.jsx)("div",{className:"cmp-work-header util-dark-gray-section",children:(0,o.jsxs)("div",{className:"obj-max-width",children:[(0,o.jsx)("header",{className:"util-grid-block",children:(0,o.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-two-thirds@md util-position-relative",children:[(0,o.jsx)("h1",{className:"cmp-work-header__title",children:i}),(0,o.jsx)("p",{className:"cmp-work-header__description",children:r})]})}),(0,o.jsx)("div",{className:"cmp-work-header__hero-image",children:(0,o.jsx)("img",{src:"/uploads/work/sfc/SFC-hero.jpg",srcSet:"/uploads/work/sfc/[email protected]",alt:""})}),(0,o.jsxs)("div",{className:"cmp-work-header__meta util-grid-block",children:[(0,o.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,o.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Client"}),(0,o.jsx)("p",{children:"Shoes for Crews is a footwear company that designs, manufactures, and sells innovative, safety-first work shoes and boots for men and women."})]}),(0,o.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,o.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Solution"}),(0,o.jsx)("p",{children:"Sparkbox created a new digital experience for Shoes for Crews to reflect updated branding and product lines. The website incorporates a design system that allows for flexibility and reusability."})]}),(0,o.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,o.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Scope"}),(0,o.jsxs)("ul",{className:"util-delist util-bullet-list",children:[(0,o.jsx)("li",{className:"util-bullet-list-item",children:"Ecommerce platform"}),(0,o.jsx)("li",{className:"util-bullet-list-item",children:"Website strategy"}),(0,o.jsx)("li",{className:"util-bullet-list-item",children:"Design"}),(0,o.jsx)("li",{className:"util-bullet-list-item",children:"Development"})]})]}),(0,o.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,o.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Tech"}),(0,o.jsxs)("ul",{className:"util-delist util-bullet-list",children:[(0,o.jsx)("li",{className:"util-bullet-list-item",children:"Design System"}),(0,o.jsx)("li",{className:"util-bullet-list-item",children:"Ecommerce Integration"}),(0,o.jsx)("li",{className:"util-bullet-list-item",children:"Jenkins"})]})]})]})]})}),(0,o.jsxs)("article",{className:"cmp-work-detail",children:[(0,o.jsx)("h2",{className:"util-visually-hidden",children:"Shoes for Crews Case Study"}),(0,o.jsxs)("div",{className:"obj-max-width obj-max-width--article",children:[(0,o.jsx)("div",{className:"cmp-work-detail__vertical-margin",children:(0,o.jsx)("p",{className:"cmp-work-detail__intro util-three-quarter-width",children:"Shoes for Crews is an industry leader in footwear safety, providing slip-resistant shoes for people who w

1ork in places like restaurants, hospitals, and manufacturing facilities. When they began a brand realignment, Shoes for Crews looked to Sparkbox to redesign their ecommerce website."})}),(0,o.jsx)("div",{className:"cmp-work-detail__vertical-margin",children:(0,o.jsxs)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:["We began with an"," ",(0,o.jsx)(l(),{href:"/foundry/what_is_it_like_to_work_with_sparkbox_onboarding_iterating_offboarding_process",children:"Onboarding phase"})," ","to understand the current project landscape and identify the critical challenges associated with growing the business and updating branding. Through this process, we learned that Shoes for Crews needed to support multiple brand themes across their web properties. We recommended a design system to manage and extend their brand guidelines and frontend components, which could be integrated by the Shoes for Crews technical team. We also uncovered a need for an updated release pipeline to improve sustainability."]})}),(0,o.jsxs)("div",{className:"cmp-work-detail__vertical-margin",children:[(0,o.jsx)("h2",{children:"Experience Design"}),(0,o.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"User experience and design are critical for an ecommerce website. The Shoes for Crews team has intentionally crafted their unique brands to foster customer loyalty. It was only natural that they wanted to continue to appeal to the uniqueness of each brand's audience on the site. But those unique brand elements needed to seamlessly blend alongside consistent components, especially on the product detail page."})]}),(0,o.jsx)("div",{className:"cmp-work-detail__vertical-margin",children:(0,o.jsxs)("figure",{children:[(0,o.jsx)("img",{src:"/uploads/work/sfc/sfc-caseStudy-newSite-shoes.png",alt:""}),(0,o.jsx)("figcaption",{children:"Mobile and desktop view of a Shoes for Crews product detail page."})]})}),(0,o.jsxs)("div",{className:"cmp-work-detail__vertical-margin",children:[(0,o.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"We began our design explorations on Mozo, which was the most well-defined brand at the time. This allowed us to work through all the features required in wireframes and confirm that newly art-directed product photos should be the stars in the layout. Through static designs and an InVision prototype, we were able to show how the consistent layout and components could then be layered with themed brand colors and typography for on-brand, consistent experiences."}),(0,o.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"Given the dominance of mobile traffic as an ecommerce revenue-generator, we also made sure to focus on perfecting the small-screen experience."})]}),(0,o.jsxs)("div",{className:"cmp-work-detail__vertical-margin",children:[(0,o.jsx)("h2",{children:"Development"}),(0,o.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"We worked with the Shoes for Crews' team to determine the build priority. We translated the designs into HTML, CSS, and JavaScript components as well as documented brand and usage guidelines. The Shoes for Crews development team then used the design system to integrate the new look and feel into their content management system and ecommerce platform while we provided support."}),(0,o.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"Since its launch, the Shoes for Crews team (with occasional help from Sparkbox) has used the design system to create new features and components for the website, decreasing the amount of time spent in design and development."}),(0,o.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"We also collaborated with the Shoes for Crews team to re-architect their release pipeline to adopt continuous integration and automated deployment practices. Not only did this mean smoother collaboration between our teams to create and adopt the new designs, but now, their release process is more stable and sustainable."})]})]}),(0,o.jsx)("div",{className:"cmp-work-detail__results",children:(0,o.jsxs)("div",{className:"obj-max-width",children:[(0,o.jsx)("h2",{className:"cmp-work-detail__results-heading subtitle",children:"Results"}),(0,o.jsx)("p",{className:"cmp-work-detail__results-content",children:"Today, Shoes for Crews reaps the benefits of having a design-forward, highly usable ecommerce website that is much easier to extend and maintain. Coupled with a modern release pipeline, Shoes for Crews' ecommerce site is poised for a long life."})]})})]})]})}},4067:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/success-stories/shoes-for-crews",function(){return s(3017)}])}},function(e){e.O(0,[774,888,179],function(){return e(e.s=4067)}),_N_E=e.O()}]);