https://sparkbox.com/_next/static/chunks/pages/success-stories/aperian-global-6bc1bd3eb88923de.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[485],{6346:function(e,i,l){"use strict";l.r(i),l.d(i,{__N_SSG:function(){return n}});var t=l(9008),a=l.n(t),r=l(9332),s=l(5893),n=!0;i.default=function(e){var i,l,t=e.title,n=e.description,o=e.seo,c=null!==(i=null==o?void 0:o.title)&&void 0!==i?i:"Sparkbox - Building a Better Web through Partnerships",d=null!==(l=null==o?void 0:o.description)&&void 0!==l?l:"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,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(a(),{children:[(0,s.jsx)("title",{children:c}),(0,s.jsx)("meta",{name:"description",content:d}),(0,s.jsx)("meta",{property:"og:title",content:c}),(0,s.jsx)("meta",{property:"og:description",content:d}),(0,s.jsx)("meta",{property:"og:type",content:"website"}),(0,s.jsx)("meta",{property:"og:url",content:"https://sparkbox.com".concat((0,r.usePathname)())}),(0,s.jsx)("meta",{property:"og:locale",content:"en_US"}),(0,s.jsx)("link",{rel:"canonical",href:"https://sparkbox.com".concat((0,r.usePathname)())},"canonical"),(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{name:"twitter:site",content:"@hearsparkbox"})]}),(0,s.jsx)("div",{className:"cmp-work-header util-dark-gray-section",children:(0,s.jsxs)("div",{className:"obj-max-width",children:[(0,s.jsx)("header",{className:"util-grid-block",children:(0,s.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-two-thirds@md util-position-relative",children:[(0,s.jsx)("h1",{className:"cmp-work-header__title",children:t}),(0,s.jsx)("p",{className:"cmp-work-header__description",children:n})]})}),(0,s.jsx)("div",{className:"cmp-work-header__hero-image",children:(0,s.jsx)("img",{src:"/uploads/work/aperian/aperian-hero.jpg",srcSet:"/uploads/work/aperian/[email protected]",alt:""})}),(0,s.jsxs)("div",{className:"cmp-work-header__meta util-grid-block",children:[(0,s.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,s.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Client"}),(0,s.jsx)("p",{children:"Aperian Global offers online learning and resources to empower teams working across global boundaries."})]}),(0,s.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,s.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Solution"}),(0,s.jsx)("p",{children:"Sparkbox works with Aperian on proprietary digital tools collectively called GlobeSmart, optimizing design, functionality, and user experience. We've also helped hire and mentor their internal development team to support an iterative approach to development."})]}),(0,s.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,s.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Scope"}),(0,s.jsxs)("ul",{className:"util-delist util-bullet-list",children:[(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Web application optimization and improvement"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"UX design for a survey app and Culture Guides"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Usability testing and heuristic evaluation"})]})]}),(0,s.jsxs)("div",{className:"util-grid-cell-full util-grid-cell-half@sm util-grid-cell-quarter@lg",children:[(0,s.jsx)("h2",{className:"cmp-work-header__meta-heading",children:"Tech"}),(0,s.jsxs)("ul",{className:"util-delist util-bullet-list",children:[(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Drupal"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"React w/ Serverside Rendering"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"NodeJS"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"ExpressJS"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"SailsJS"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Amazon AWS EC2, S3, RDS, Cloudfront"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Auth0"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Ansible"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"CircleCI"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Code Climate"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Rollbar"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"New Relic"}),(0,s.jsx)("li",{className:"util-bullet-list-item",children:"Multi-product Design System"})]})]})]})]})}),(0,s.jsxs)("article",{className:"cmp-work-detail",children:[(0,s.jsx)("h2",{className:"util-visually-hidden",children:"Aperian Global Case Study"}),(0,s.jsxs)("div",{className:"obj-max-width obj-max-width--article",children:[(0,s.jsx)("div",{className:"cmp-work-detail__vertical-margin",children:(0,s.jsx)("p",{className:"cmp-work-detail__intro util-three-quarter-width",children:"We've worked with Aperian Global, a provider of diversity, inclusion, and cultural competence solutions, to help them reimagine their GlobeSmart product. As part of a long-term partnership, we rebuilt and redesigned Aperian's core products: the Work Styles assessment and profile and the Culture Guides learning library. Working closely with the internal team, we improved the user experience and design, and modernized front- and backend code while implementing a headless Drupal content management system (CMS)."})}),(0,s.jsxs)("div",{className:"cmp-work-detail__vertical-margin",children:[(0,s.jsx)("h2",{children:"Experience Design"}

1),(0,s.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"GlobeSmart's previous design was not mobile-friendly, so we began UX by thinking mobile-first to ensure that both the Work Styles product and Culture Guides library would be easy to use on any device. Direct feedback from users and Aperian's customer support team helped us to uncover inefficiencies and find ways to improve the interface."}),(0,s.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"We also introduced a new visual design that modernized the user interface, unified the product's offerings, and focused on increasing engagement, readability, and understanding. Incorporating moderated usability testing and heuristic reviews allowed us to validate our approach and ensure efficacy for key audiences."})]}),(0,s.jsxs)("div",{className:"util-grid-block util-gap-md util-gap-lg@md util-gap-1xl@lg cmp-work-detail__vertical-margin",children:[(0,s.jsx)("div",{className:"util-grid-cell-full util-grid-cell-half@md",children:(0,s.jsxs)("figure",{children:[(0,s.jsx)("img",{src:"/uploads/work/aperian/intro-profile-min-graph.png",alt:""}),(0,s.jsx)("figcaption",{children:"Desktop and mobile view of the Work Style profile."})]})}),(0,s.jsx)("div",{className:"util-grid-cell-full util-grid-cell-half@md",children:(0,s.jsxs)("figure",{children:[(0,s.jsx)("img",{src:"/uploads/work/aperian/group-comparison-page.jpg",alt:""}),(0,s.jsx)("figcaption",{children:"After you complete a survey, your work style is plotted alongside that of other people on your team or that of other cultures."})]})})]}),(0,s.jsxs)("div",{className:"util-grid-block util-gap-md util-gap-lg@md util-gap-1xl@lg cmp-work-detail__vertical-margin",children:[(0,s.jsx)("div",{className:"util-grid-cell-full util-grid-cell-half@md util-grid-cell-third@lg",children:(0,s.jsxs)("figure",{children:[(0,s.jsx)("img",{src:"/uploads/work/aperian/globesmart-culture-guide-france.jpg",alt:""}),(0,s.jsx)("figcaption",{children:"Culture Guide homepages (shown here for France) serve as two-minute overviews for countries or locations. A homepage usually includes a photo from the country, a map, the flag, a currency converter, the weather, and the time and date."})]})}),(0,s.jsx)("div",{className:"util-grid-cell-full util-grid-cell-half@md util-grid-cell-third@lg",children:(0,s.jsxs)("figure",{children:[(0,s.jsx)("img",{src:"/uploads/work/aperian/culture-guide-core-knowledge-france.jpg",alt:""}),(0,s.jsx)("figcaption",{children:"Country summary pages highlight core values, demographics, and government structures. Summary pages are intended to serve as individual five-minute cultural overviews for a number of primary topics."})]})}),(0,s.jsx)("div",{className:"util-grid-cell-full util-grid-cell-half@md util-grid-cell-third@lg",children:(0,s.jsxs)("figure",{children:[(0,s.jsx)("img",{src:"/uploads/work/aperian/culture-guide-france-core-values.jpg",alt:""}),(0,s.jsx)("figcaption",{children:"Topic pages allow users to access deeper knowledge on a specific topic, such as core values, communication, and managing meetings, among others."})]})})]}),(0,s.jsxs)("div",{className:"cmp-work-detail__vertical-margin",children:[(0,s.jsx)("h2",{children:"Development"}),(0,s.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"We worked with Aperian's technical team to modernize the GlobeSmart application. We took the lead on developing a React app that rendered the Work Style survey and resulting profile, including the country, individual, and team comparisons. We focused on maintainability and performance, delivering a best-in-class experience for users. As internal momentum grew for the project, Aperian was able to grow their team by adding two developers."}),(0,s.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"Together, we implemented a headless Drupal CMS to manage the content in the Culture Guides as well as some of the content on the dashboard and React app. Giving Aperian one source for managing content was a big win for their team, allowing them more flexibility and giving them the ability to add and adjust content without having to engage the technical team."}

1),(0,s.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"We also transformed the new look and feel into a design system that could be used to build out future features and support the developers working on both the React app and the Drupal-powered Culture Guides."}),(0,s.jsx)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:"During our engagement, Aperian was adjusting their payment model, and we were able to support their business changes by integrating Stripe to manage subscriptions and payments."}),(0,s.jsxs)("p",{className:"cmp-work-detail__content util-three-quarter-width",children:["On our recommendation, Aperian also selected Auth0 for user management. Sparkbox architected and implemented this integration to make single sign-on and ",(0,s.jsx)("abbr",{title:"Security Assertion Markup Language",children:"SAML"})," connections seamless for their customers."]})]})]}),(0,s.jsx)("div",{className:"cmp-work-detail__results",children:(0,s.jsxs)("div",{className:"obj-max-width",children:[(0,s.jsx)("h2",{className:"cmp-work-detail__results-heading subtitle",children:"Results"}),(0,s.jsx)("p",{className:"cmp-work-detail__results-content",children:"The improvements we made to the GlobeSmart product enabled Aperian to attract new customers while improving the stability and maintainability of their platform. And, in the process, we were able to help Aperian grow an internal team and take full ownership of the new GlobeSmart platform and its dev strategy."})]})})]})]})}},8686:function(e,i,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/success-stories/aperian-global",function(){return l(6346)}])}},function(e){e.O(0,[774,888,179],function(){return e(e.s=8686)}),_N_E=e.O()}]);