https://sparkbox.com/_next/static/chunks/pages/success-stories-58a4c4e3b0a83000.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[912],{8276:function(e,t,i){"use strict";var n=i(7697),r=i(5893);t.Z=function(e){var t=e.heading,i=e.headingId,s=e.items,a=["cmp-link-grid",e.className].filter(Boolean).join(" ");return(0,r.jsx)("section",{className:a,"aria-labelledby":i,children:(0,r.jsxs)("div",{className:"obj-max-width",children:[(0,r.jsx)("h2",{id:i,className:"cmp-link-grid__heading subtitle",children:t}),(0,r.jsx)("div",{className:"cmp-link-grid__grid",children:s.map(function(e){var t=e.key,i=e.title,s=e.href,a=e.linkText,o=e.linkLabel,l=e.arrowDirection;return(0,r.jsxs)("div",{className:"cmp-link-grid__item",children:[(0,r.jsx)("h3",{className:"cmp-link-grid__title title-sm",children:i}),(0,r.jsx)(n.Z,{href:s,text:a,variant:"link",iconName:"arrow",arrowDirection:null!=l?l:"right","aria-label":o})]},t)})})]})})}},1858:function(e,t,i){"use strict";i.d(t,{Z:function(){return PageHeader}});var n=i(9499),r=i(5893);function ownKeys(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(i),!0).forEach(function(t){(0,n.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function PageHeader(e){var t=e.title,i=e.description,n=e.children,s=e.narrow;return(0,r.jsx)("header",_objectSpread(_objectSpread({},"string"==typeof t?{"aria-label":t}:{}),{},{children:(0,r.jsx)("div",{className:"util-margin-vertical-1xl util-margin-vertical-2xl@lg "+(void 0!==s&&s?"obj-max-width obj-max-width--content":"obj-max-width"),children:(0,r.jsxs)("div",{className:"cmp-header",children:[(0,r.jsx)("h1",{className:"display-sm",children:t}),(0,r.jsx)("p",{className:"title-sm",children:i}),n]})})}))}},2719:function(e,t,i){"use strict";i.d(t,{g:function(){return Testimonial}});var n=i(9499),r=i(5893);function ownKeys(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(i),!0).forEach(function(t){(0,n.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var Testimonial=function(e){var t=e.heading,i=e.headingId,n=e.quote,s=e.attributionText,a=e.logoUrl,o=e.logoAltText;return(0,r.jsxs)("section",_objectSpread(_objectSpread({className:"cmp-testimonial"},t&&i?{"aria-labelledby":i}:{"aria-label":"Testimonial from ".concat(s)}),{},{children:[t?(0,r.jsx)("h2",{id:i,className:"cmp-testimonial__heading subtitle",children:t}):null,(0,r.jsx)("blockquote",{className:"cmp-testimonial__quote",children:(0,r.jsx)("p",{className:"cmp-testimonial__quote-text title-lg",children:n})}),(0,r.jsxs)("div",{className:"cmp-testimonial__attribution",children:[a&&o?(0,r.jsx)("img",{src:a,className:"cmp-testimonial__attribution-logo",alt:o}):null,(0,r.jsx)("span",{className:"cmp-testimonial__attribution-text body-lg",children:s})]})]}))}},8518:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return h},default:function(){return success_stories}});var n=i(9499),r=i(6687),s=i(7294),a=i(9008),o=i.n(a),l=i(9332),c=i(2719),d=i(8276),u=[{name:"Design Systems",tag:"Design System"},{name:"User Experience",tag:"UX"},{name:"Development",tag:"Web Dev"},{name:"Application",tag:"App Dev"},{name:"Ecommerce",tag:"Ecom"},{name:"Content Management System (CMS)",tag:"CMS",shortName:"CMS"}],g=[{key:"adobe-study",name:"Adobe Spectrum",urlSlug:"adobe-spectrum",image:"/uploads/work/adobe/adobe-spectrum-listing.jpg",imageSrcSet:"/uploads/work/adobe/[email protected]",description:"Long-term team embed and migration.",tags:["Web Dev","Design System"]},{key:"crown-study",name:"Crown",urlSlug:"crown",image:"/uploads/work/crown/crown-listing.jpg",imageSrcSet:"/uploads/work/crown/[email protected]",description:"Evolving partnership and design system growth.",tags:["UX","Web Dev","Design System"]},{key:"ncsbn-design-system-study",name:"NCSBN Design System",urlSlug:"ncsbn-design-system",image:"/uploads/work/ncsbn/ncsbn-design-system-listing.jpg",imageSrcSet:"/uploads/work/ncsbn/[email protected]",description:"The organic development of a system.",tags:["UX","Web Dev","Design System"]},{key:"stanford-design-system-study",name:"Stanford H&S Design System",urlSlug:"stanford-design-system",image:"/uploads/work/stanford/stanford-design-system-listing.png",imageSrcSet:"/uploads/work/stanford/[email protected]",description:"Systematic supp

1ort for multiple sites.",tags:["UX","Web Dev","Design System","CMS"]},{key:"aperian-global-case-study",name:"Aperian Global",urlSlug:"aperian-global",image:"/uploads/work/aperian/aperian-listing.jpg",imageSrcSet:"/uploads/work/aperian/[email protected]",description:"Optimized design and functionality for web application.",tags:["UX","Web Dev","Design System","App Dev","CMS"]},{key:"psa-case-study",name:"PSA Airlines",urlSlug:"psa-airlines",image:"/uploads/work/psa/psa-listing.jpg",imageSrcSet:"/uploads/work/psa/[email protected]",description:"Audience-focused redesign.",tags:["UX","Web Dev","CMS"]},{key:"kub-case-study",name:"Knoxville Utility Board",urlSlug:"kub",image:"/uploads/work/kub/KUB-listing.jpg",imageSrcSet:"/uploads/work/kub/[email protected]",description:"Website redesign and user experience improvement.",tags:["UX","Web Dev","Design System","App Dev","CMS"]},{key:"stanford-study",name:"The School of Humanities and Sciences at Stanford University",urlSlug:"stanford",image:"/uploads/work/stanford/stanford-listing.png",imageSrcSet:"/uploads/work/stanford/[email protected]",description:"Drupal theme development.",tags:["UX","Web Dev","Design System","CMS"]},{key:"uga-case-study",name:"University of Georgia",urlSlug:"uga",image:"/uploads/work/uga/UGA-listing.png",imageSrcSet:"/uploads/work/uga/[email protected]",description:"Foundational design system.",tags:["UX","Web Dev","Design System","CMS"]},{key:"ncsbn-case-study",name:"NCSBN Timeline",urlSlug:"ncsbn",image:"/uploads/work/ncsbn/ncsbn-listing.jpg",imageSrcSet:"/uploads/work/ncsbn/[email protected]",description:"Website reorganization and redesign.",tags:["UX","Web Dev","Design System"]},{key:"okc-case-study",name:"Oklahoma City Thunder",urlSlug:"oklahoma-city-thunder",image:"/uploads/work/okc/okc-listing.jpg",imageSrcSet:"/uploads/work/okc/[email protected]",description:"Web-based game for fan engagement.",tags:["UX","Web Dev","App Dev"]},{key:"dcmp-case-study",name:"Described and Captioned Media Program",urlSlug:"dcmp",image:"/uploads/work/dcmp/DCMP-listing.jpg",imageSrcSet:"/uploads/work/dcmp/[email protected]",description:"Accessible website and design system development.",tags:["UX","Web Dev","Design System","App Dev"]},{key:"nkf-case-study",name:"National Kidney Foundation",urlSlug:"nkf",image:"/uploads/work/nkf/NKF-listing.png",imageSrcSet:"/uploads/work/nkf/[email protected]",description:"Content strategy and design components.",tags:["UX","Web Dev","Design System"]},{key:"dpnl-case-study",name:"Dayton Power & Light",urlSlug:"dpl",image:"/uploads/work/dpl/DPL-listing.jpg",imageSrcSet:"/uploads/work/dpl/[email protected]",description:"Website and customer service portal.",tags:["UX","Web Dev","Design System","App Dev"]},{key:"resurgent-case-study",name:"Resurgent",urlSlug:"resurgent",image:"/uploads/work/resurgent/resurgent-listing.png",imageSrcSet:"/uploads/work/resurgent/[email protected]",description:"Consumer portal design and development.",tags:["UX","Web Dev","Design System"]},{key:"organized-living-case-study",name:"Organized Living",urlSlug:"organized-living",image:"/uploads/work/organized-living/org-listing.jpg",imageSrcSet:"/uploads/work/organized-living/[email protected]",description:"Website design and design system development.",tags:["UX","Web Dev","Design System","Ecom"]},{key:"sfc-case-study",name:"Shoes for Crews",urlSlug:"shoes-for-crews",image:"/uploads/work/sfc/SFC-listing.jpg",imageSrcSet:"/uploads/work/sfc/[email protected]",description:"Brand relaunch and ecommerce.",tags:["UX","Web Dev","Design System","Ecom"]}],m=[{category:"Business & Professional Services",businesses:["Aperian Global","CodePen","Driver Solutions","Nation Builder","Seer Interactive","Snyk"]},{category:"Non Profit",businesses:["American Geophysical Union","National Kidney Foundation","National Council of State Boards of Nursing","Pink Ribbon Girls","WYSO"]},{category:"Consumer/eCommerce",businesses:["BOTE Board","Oklahoma City Thunder","Organized Living","Penske Media Corporation","Tommy John","YoPortfolio"]},{category:"Education",businesses:["Clark State Community College","Described and Captioned Media Program","Medical University of South Carolina","Stanford University","University of Georgia","Whitworth University"]},{category:"B2B",businesses:["Boom Crate","Ozinga Brothers, Inc.","PSA Airlines"]},{category:"Utilities",businesses:["Dayton Power & Light","Knoxville Utilities Board"]}],p=[{key:"gap-converge",title:"Gap and Sparkbox Present Gap's Design System at Converge Conference.",href:"https://www.youtube.com/watch?v=vbeQHpuOvGE&feature=youtu.be&t=58&ab_channel=Sparkbox",linkText:"Watch the Session",linkLabel:"Watch Gap and Sparkbox Present their Design System Partnership on Youtube",arrowDirection:"top-right"},{key:"uga-buy-in",title:"University of Georgia Shares How to Build Buy-in Across Competing Stakeholders",href:"/foundry/building_buy_in_at_the_university_of_georgia",linkText:"Read the Interview",linkLabel:"Read the interview with University of Georgia"},{key:"organized-living",title:"Organized Living's Engagement Surges after a Redesign",href:"https://clutch.co/profile/sparkbox#review-107627",linkText:"Read the Review on Clutch",linkLabel:"Read the review of Organized Living and Sparkbox on Clutch",arrowDirection:"top-right"}],y=i(1858),b=i(5893);function ownKeys(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};

1t%2?ownKeys(Object(i),!0).forEach(function(t){(0,n.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var f=Object.fromEntries(u.map(function(e){var t;return[e.tag,null!==(t=e.shortName)&&void 0!==t?t:e.name]})),CaseStudyCard=function(e){var t=e.name,i=e.image,n=e.imageSrcSet,r=e.description,s=e.tags,a=e.urlSlug,o=s.map(function(e){return e.toLowerCase().replace(/\s/g,"")}).join(",")+",";return(0,b.jsxs)("li",{"data-filter":o,className:"cmp-case-study",children:[(0,b.jsxs)("a",{href:"success-stories/".concat(a),className:"util-delink util-display-block",children:[(0,b.jsx)("div",{className:"cmp-case-study__image-wrapper",style:{position:"relative"},children:(0,b.jsx)("img",{className:"cmp-case-study__image",src:i,srcSet:n,alt:""})}),(0,b.jsx)("h3",{className:"util-margin-all-none",children:(0,b.jsx)("span",{className:"cmp-case-study__title title-sm",children:t})}),(0,b.jsx)("p",{className:"cmp-case-study__copy",children:r})]}),(0,b.jsx)("ul",{className:"cmp-case-study__categories","aria-label":"Areas of work for ".concat(t),children:s.map(function(e){var t;return(0,b.jsx)("li",{className:"cmp-case-study__category-item",children:null!==(t=f[e])&&void 0!==t?t:e},"".concat(a,"--").concat(e))})})]})},h=!0,success_stories=function(e){var t,i,n=e.title,a=e.description,f=e.seo,h=null!==(t=null==f?void 0:f.title)&&void 0!==t?t:"Sparkbox - Building a Better Web through Partnerships",S=null!==(i=null==f?void 0:f.description)&&void 0!==i?i:"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.",k=(0,s.useState)([]),w=k[0],j=k[1],toggleCategorySelection=function(e){w.includes(e)?j(w.filter(function(t){return t!==e})):j([].concat((0,r.Z)(w),[e]))},v=(0,s.useState)(!1),x=v[0],_=v[1],D=(0,s.useState)(!0),O=D[0],N=D[1];(0,s.useEffect)(function(){window.innerWidth>=480?_(!1):_(!0);var handleResize=function(){window.innerWidth>=480?_(!1):_(!0)};return window.addEventListener("resize",handleResize),function(){window.removeEventListener("resize",handleResize)}},[]);var isCategorySelected=function(e){return w.includes(e)},C=0===w.length?g:g.filter(function(e){return e.tags.some(function(e){return w.includes(e)})});return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(o(),{children:[(0,b.jsx)("title",{children:h}),(0,b.jsx)("meta",{name:"description",content:S}),(0,b.jsx)("meta",{property:"og:title",content:h}),(0,b.jsx)("meta",{property:"og:description",content:S}),(0,b.jsx)("meta",{property:"og:type",content:"website"}),(0,b.jsx)("meta",{property:"og:url",content:"https://sparkbox.com".concat((0,l.usePathname)())}),(0,b.jsx)("meta",{property:"og:locale",content:"en_US"}),(0,b.jsx)("link",{rel:"canonical",href:"https://sparkbox.com".concat((0,l.usePathname)())},"canonical"),(0,b.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,b.jsx)("meta",{name:"twitter:site",content:"@hearsparkbox"})]}),(0,b.jsx)(y.Z,{title:n,description:a}),(0,b.jsxs)("div",{className:"obj-max-width",children:[(0,b.jsxs)("div",{className:"util-display-flex util-align-center util-justify-between cmp-case-studies-header",children:[(0,b.jsx)("h2",{id:"caseStudies",className:"title-xl",children:"Case Studies"}),(0,b.jsx)(function(){return(0,b.jsx)("button",{className:"cmp-work-filters__show-filters cmp-link cmp-link--toggle util-display-none@sm","aria-label":O?"Show categories to filter case studies":"Hide category filters",onClick:function(){return N(!O)},children:"Filter"})},{}),(0,b.jsx)("p",{role:"region","aria-live":"polite",id:"workFilterInfo",className:"util-visually-hidden"})]}),(0,b.jsx)("div",{className:"cmp-work-filters__wrapper",children:(0,b.jsxs)("div",{"data-cy":"work-filters",className:"cmp-work-filters","aria-hidden":x?O:"false",children:[(0,b.jsx)("ul",{className:"cmp-work-filters__list util-display-flex@sm util-flex-wrap@sm","aria-label":"Case study filters",children:u.map(function(e){return(0,b.jsx)("li",{className:"cmp-work-filters__list-item",children:(0,b.jsx)("button",{className:"cmp-work-filters__button cmp-pill ".concat(0===w.length?"":isCategorySelected(e.tag)?"work-filter selected":"work-filter"),"data-filter":e.tag,"aria-label":e.name,"aria-pressed":isCategorySelected(e.tag),onClick:function(){return toggleCategorySelection(e.tag)},children:e.name})},e.name)})}),(0,b.jsx)("button",{className:"cmp-work-filters__reset","data-filter":"all","aria-label":"Reset filters to 

1show all case studies",onClick:function(){return j([])},children:"Reset"})]})}),(0,b.jsx)("section",{"aria-labelledby":"caseStudies",children:(0,b.jsx)("ul",{className:"cmp-case-study-grid util-delist",children:C.map(function(e){return(0,s.createElement)(CaseStudyCard,_objectSpread(_objectSpread({},e),{},{key:e.key}))})})}),(0,b.jsx)(c.g,{quote:"Sparkbox drove our traffic up 50–130% by brand. Our mature conversion is up roughly 15%, and our conversion on mobile is up over 70%. This never could have happened without Sparkbox.",attributionText:"Ellery Fisher, former Director of Ecommerce, ACCO Brands"})]}),(0,b.jsx)("section",{className:"cmp-work-clients util-arch-background","aria-labelledby":"sparkboxClients",children:(0,b.jsxs)("div",{className:"obj-max-width",children:[(0,b.jsx)("h2",{id:"sparkboxClients",className:"cmp-work-clients__heading title-md",children:"Sparkbox Clients"}),(0,b.jsx)("div",{className:"cmp-work-clients__grid",children:m.map(function(e){return(0,b.jsxs)("div",{children:[(0,b.jsx)("h3",{className:"cmp-work-clients__category title-xs",children:e.category}),(0,b.jsx)("ul",{className:"cmp-work-clients__list util-delist",children:e.businesses.map(function(e){return(0,b.jsx)("li",{className:"cmp-work-clients__item util-bullet-list-item body-sm",children:e},e)})})]},e.category)})})]})}),(0,b.jsx)(d.Z,{heading:"What Our Clients Are Saying",headingId:"clientTestimonials",items:p,className:"util-bg-gray"})]})}},721:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/success-stories",function(){return i(8518)}])},6687:function(e,t,i){"use strict";function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;i++)n[i]=e[i];return n}function _toConsumableArray(e){return function(e){if(Array.isArray(e))return _arrayLikeToArray(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);if("Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i)return Array.from(e);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return _arrayLikeToArray(e,t)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}i.d(t,{Z:function(){return _toConsumableArray}})}},function(e){e.O(0,[774,888,179],function(){return e(e.s=721)}),_N_E=e.O()}]);