https://sparkbox.com/_next/static/chunks/pages/how-we-help-b6b032c7bb93f3ee.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[246],{8276:function(e,t,i){"use strict";var n=i(7697),s=i(5893);t.Z=function(e){var t=e.heading,i=e.headingId,a=e.items,r=["cmp-link-grid",e.className].filter(Boolean).join(" ");return(0,s.jsx)("section",{className:r,"aria-labelledby":i,children:(0,s.jsxs)("div",{className:"obj-max-width",children:[(0,s.jsx)("h2",{id:i,className:"cmp-link-grid__heading subtitle",children:t}),(0,s.jsx)("div",{className:"cmp-link-grid__grid",children:a.map(function(e){var t=e.key,i=e.title,a=e.href,r=e.linkText,o=e.linkLabel,l=e.arrowDirection;return(0,s.jsxs)("div",{className:"cmp-link-grid__item",children:[(0,s.jsx)("h3",{className:"cmp-link-grid__title title-sm",children:i}),(0,s.jsx)(n.Z,{href:a,text:r,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),s=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,a=e.narrow;return(0,s.jsx)("header",_objectSpread(_objectSpread({},"string"==typeof t?{"aria-label":t}:{}),{},{children:(0,s.jsx)("div",{className:"util-margin-vertical-1xl util-margin-vertical-2xl@lg "+(void 0!==a&&a?"obj-max-width obj-max-width--content":"obj-max-width"),children:(0,s.jsxs)("div",{className:"cmp-header",children:[(0,s.jsx)("h1",{className:"display-sm",children:t}),(0,s.jsx)("p",{className:"title-sm",children:i}),n]})})}))}},941:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return g},default:function(){return how_we_help}});var n=i(9008),s=i.n(n),a=i(9332),r=i(1858),o=i(7697),l=i(8276),c=[{key:"link1",title:"The Design Systems Experts",description:"Sparkbox has been working with design systems for almost a decade. We have strategic, UX/UI, and technical expertise, allowing us to create and evolve successful systems alongside our clients.",link:"/foundry/why_understanding_the_anatomy_of_a_design_system_can_help_you_and_your_team_create_and_grow_a_powerful_design_system",linkText:"Explore the Anatomy of Design Systems"},{key:"link2",title:"AI: Balancing Innovation with Humanity",description:"AI has transformed the digital landscape with shocking speed. Sparkbox is committed to using AI when it can provide true value to our clients and their users.",link:"/foundry/sparkbox_and_ai",linkText:"Learn more about Sparkbox and AI"},{key:"link3",title:"The Right Team at the Right Time",description:"Successful products usually require flexible, multidisciplinary teams, and that can be hard (or expensive) to staff internally. Sparkbox can support your team with the skills you need exactly when they'll be most valuable.",link:"/foundry/sparkbox_right_team_right_time_model_for_web_development_and_design_better_than_staff_augmentation",linkText:"Learn How Our Work Model Benefits You"}],d=[{sectionID:"system-builds",sectionClassModifier:"system-builds",sectionHeadingImage:"/uploads/expertise/quality-symbol.svg",sectionHeading:"System Builds",sectionDescription:"Sparkbox clients benefit from more than a decade of design system experience. Our work spans everything from early strategic planning through system launch and continued evolution. We bring a collaborative, long-term approach to every engagement.",sectionListGroup:[{sectionListID:"strategy-and-planning",listHeading:"Strategy & Planning",listItems:["System audits and asset assessment","Cultural and maturity assessments","AI readiness review","Token architecture & theming strategy","Tooling evaluation/recommendations","Governance and workflow models","Roadmapping"]},{sectionListID:"tactical-delivery",listHeading:"Tactical Delivery",listItems:["Token development","Component library design","Accessible, reusable components","Design and development assets","Layered component architecture","Frontend system architecture","Documentation sites"]},{sectionListID:"organizational-readiness",listHeading:"Organizational Readiness",listItems:["Communication strategy","Documentation and training","Coaching and team leadership","Contribution models","Sustainable transition of ownership","Adoption strategy"]}]},{sectionID:"design",sectionClassModifier:"design",sectionHeadingImage:"/uploads/expertise/design-symbol.png",sectionHeading:"UX Strategy & Design",sectionDescription:"Digital products should be driven by the needs of the end user, so we put a lot of effort into getting to the bottom of what those needs are. This allows us to create user interfaces and functionality that exceed expectations and support measurable results.",sectionListGroup:[{sectionListID:"strategic-planning",listHeading:"Strategic Planning",listItems:["Audience definition","Requirements gathering","Evaluations and audits","Data and research analysis","Recommendations","Roadmapping"]},{sectionListID:"user-focused-solutions",listHeading:"User-Focused Solutions",listItems:["Interviews","User research and analysis","Journey mapping","Information architecture","Wireframing","Usability testing","Application and design system planning"]},{sectionListID:"visual-interactive-design",listHeading:"Visual & Interactive Design",listItems:["Concept design","UI design","Design systems","User testing","Rapid prototyping","Animation"]}]},{sectionID:"development",sectionClassModifier:"development",sectionHeadingImage:"/uploads/expertise/development-symbol.svg",sectionHeading:"Development & Engineering",sectionDescription:"Sparkbox was founded by software engineers and has been focused on building a better web for more than 15 years. Our expertise is both broad and deep which allows us to bring creativity and consultative thinking to our clients. Technology is changing constantly, and a big part of our job is continual learning.",sectionListGroup:[{sectionListID:"standards-based-fundamentals",listHeading:"Standards-Based Fundamentals",listItems:["HTML, modern CSS, and JavaScript","TypeScript","Frontend frameworks (e.g. React, Vue, Lit, Angular, React Native)","Web Components for framework-agnostic delivery","CMS and platform integration (e.g. WordPress, Contentful, Drupal)"]},{sectionListID:"system-architecture-tooling",listHeading:"System Architecture & Tooling",listItems:["Design token pipelines and theming (e.g. DTCG format, Style Dictionary, Figma Variables)","Storybook, documentation sites, and Figma Code Connect","Documentation and tooling built for AI coding agents (e.g. MCP servers, agent-readable docs, rules and skills files)","Monorepos and package publishing (e.g. Nx, Turborepo, pnpm workspaces, Changesets)","Component architecture across product teams and micro frontend environments"]},{sectionListID:"quality-shipping",listHeading:"Quality & Shipping",listItems:["Build and deploy pipelines in your environment","Unit, interaction, and end-to-e

1nd testing (e.g. Vitest, Testing Library, Playwright, Storybook interaction tests)","Visual regression testing (e.g. Chromatic, Percy, BackstopJS)","Accessibility testing and audits (e.g. Axe, WAVE, manual assistive technology testing, WCAG 2.2)","Performance monitoring and budgets (e.g. Lighthouse CI, bundle size limits, Core Web Vitals)"]}]}],u=[{key:"link1",title:"Learn more about how we structure our partnerships with clients from startups to Fortune 500 organizations.",href:"/foundry/what_is_it_like_to_work_with_sparkbox_onboarding_iterating_offboarding_process",linkText:"Understand Our Process",linkLabel:"Read more about our onboarding Process"},{key:"link2",title:"Sparkbox regularly hosts online learning events to share what we know with our peers, clients, and the public.",href:"/foundry/sparkbox_unconference_talks_presentations_on_design_systems_web_development_and_design_user_experience_digital_project_management",linkText:"Learn from Our Team",linkLabel:"Learn from our team through Sparkbox events"},{key:"link3",title:"Want a closer look at what we do? Join us in The Foundry for our best new ideas.",href:"/foundry",linkText:"Go to Our Blog",linkLabel:"Go to the Sparkbox blog, The Foundry"}],m=i(5893),g=!0,how_we_help=function(e){var t,i,n=e.title,g=e.description,p=e.seo,h=null!==(t=null==p?void 0:p.title)&&void 0!==t?t:"Sparkbox - UX, Design & Web Development Consulting Services",b=null!==(i=null==p?void 0:p.description)&&void 0!==i?i:"Learn about our services in user experience and design, web development, IT consulting, and training. Together, we’ll build a better web.",y=(0,a.usePathname)();return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(s(),{children:[(0,m.jsx)("title",{children:h}),(0,m.jsx)("meta",{property:"og:title",content:h},"og:title"),(0,m.jsx)("meta",{name:"description",content:b},"description"),(0,m.jsx)("meta",{property:"og:description",content:b},"og:description"),(0,m.jsx)("meta",{property:"og:url",content:"https://sparkbox.com".concat(y)},"og:url"),(0,m.jsx)("link",{rel:"canonical",href:"https://sparkbox.com".concat(y)},"canonical")]}),(0,m.jsx)(r.Z,{title:n,description:g}),(0,m.jsx)("section",{className:"util-arch-background","aria-label":"Featured Expertise",children:(0,m.jsx)("div",{className:"obj-max-width util-margin-bottom-3xl",children:(0,m.jsx)("div",{className:"cmp-expertise-featured-links util-display-flex util-flex-column",children:c.map(function(e){return(0,m.jsxs)("section",{className:"cmp-expertise-featured-link util-grid-block util-gap-md util-gap-lg@md util-gap-1xl@lg",children:[(0,m.jsx)("div",{className:"util-grid-cell-full util-grid-cell-third@md",children:(0,m.jsx)("h2",{className:"title-md util-margin-vertical-none",children:e.title})}),(0,m.jsx)("div",{className:"util-grid-cell-full util-grid-cell-5-12@md",children:(0,m.jsx)("p",{className:"util-margin-vertical-none",children:e.description})}),(0,m.jsx)("div",{className:"util-grid-cell-full util-grid-cell-quarter@md util-margin-vertical-none",children:(0,m.jsx)(o.Z,{href:e.link,text:e.linkText,variant:"link",iconName:"arrow",arrowDirection:"right"})})]},e.key)})})})}),d.map(function(e){return(0,m.jsx)("section",{id:e.sectionID,className:"cmp-expertise-section cmp-expertise-section--".concat(e.sectionClassModifier),"aria-label":e.sectionID,children:(0,m.jsxs)("div",{className:"cmp-expertise-section__container obj-max-width",children:[(0,m.jsxs)("div",{className:"cmp-expertise-section__header",children:[(0,m.jsx)("img",{src:e.sectionHeadingImage,alt:"",className:"cmp-expertise-section__image"}),(0,m.jsxs)("div",{className:"cmp-expertise-section__text",children:[(0,m.jsx)("h2",{className:"title-lg util-margin-vertical-none",children:e.sectionHeading}),(0,m.jsx)("p",{className:"body-lg",children:e.sectionDescription})]})]}),(0,m.jsx)("div",{className:"cmp-expertise-section__lists",children:e.sectionListGroup.map(function(e){return(0,m.jsxs)("div",{className:"cmp-expertise-custom-list",children:[(0,m.jsx)("h3",{id:e.sectionListID,className:"cmp-expertise-custom-list__heading title-xs",children:e.listHeading}),(0,m.jsx)("ul",{className:"body-sm util-delist util-bullet-list",children:e.listItems.map(function(t,i){return(0,m.jsx)("li",{className:"util-bullet-list-item",children:t},"".concat(e.sectionListID,"-listItem-").concat(i))})})]},e.sectionListID)})})]})},e.sectionID)}),(0,m.jsx)(l.Z,{heading:"Learn With Us",headingId:"howWeWork",items:u})]})}},1534:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/how-we-help",function(){return i(941)}])}},function(e){e.O(0,[774,888,179],function(){return e(e.s=1534)}),_N_E=e.O()}]);