{"componentChunkName":"component---src-templates-service-tsx","path":"/what-we-do/design-systems","result":{"data":{"contentfulService":{"title":"Design Systems","subtitle":"The glue that holds it all together.","tagline":"Embark on a mission to create consistency throughout your products.","intro":{"raw":"{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Kick inconsistencies to the curb. With a robust and efficient design system, you and your team can feel confident in your product's uniform appearance and functionality. Finally. \",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"document\"}"},"firstContentBlock":{"raw":"{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Uniquely Tailored\",\"nodeType\":\"text\"}],\"nodeType\":\"heading-3\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"From team processes to your brand’s aesthetic, consistency across all fronts elevates and separates you from the rest. But sometimes it can be hard to pinpoint where things feel off. \",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"That's why we're here. \",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Our design system — tailored uniquely to you — helps your organization build digital products quicker and, you guessed it, with consistency. It's the single source of truth that ties everything together. \",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"No more second-guessing, no more clunky transitions. \",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Built for Speed\",\"nodeType\":\"text\"}],\"nodeType\":\"heading-3\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"We help speed up design and development by having a clear set of consistent guidelines, standards, and components. \",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Your team gets the unifying source of truth it needs, leaving more time for creating and perfecting your product.\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Our process for enacting a design system looks like this: \",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"},{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Identify (and/or create) common styles and patterns\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"list-item\"},{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Convert all existing design assets into components (i.e. header, footer, navigation, product blocks, etc.)\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"list-item\"},{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Document in a central location\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"list-item\"},{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Continually update and iterate\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"list-item\"}],\"nodeType\":\"unordered-list\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"document\"}"},"testimonials":[{"company":"GoSite","name":"Alex Goode","role":"CEO/Founder","quote":{"raw":"{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"We’ve been blown away by the experience of working with the amazing & brilliant team at webuild. They’ve demonstrated an elite \",\"nodeType\":\"text\"},{\"data\":{},\"marks\":[{\"type\":\"bold\"}],\"value\":\"ability to deliver on complex design initiatives\",\"nodeType\":\"text\"},{\"data\":{},\"marks\":[],\"value\":\" that have exceeded even our most ambitious expectations. We are beyond excited to continue building and innovating with the webuild team.\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"document\"}"},"mainHeadshot":{"fluid":{"aspectRatio":0.7870722433460076,"src":"//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=500&q=50","srcSet":"//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=125&h=159&q=50 125w,\n//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=250&h=318&q=50 250w,\n//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=500&h=635&q=50 500w,\n//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=750&h=953&q=50 750w,\n//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=828&h=1052&q=50 828w","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=500&q=50&fm=webp","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=125&h=159&q=50&fm=webp 125w,\n//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=250&h=318&q=50&fm=webp 250w,\n//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=500&h=635&q=50&fm=webp 500w,\n//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=750&h=953&q=50&fm=webp 750w,\n//images.ctfassets.net/ry6adbgbrq11/17mXbVv9wuyYusvJm3aijC/118476bff073d1c46547615109e4c178/AlexGoode.png?w=828&h=1052&q=50&fm=webp 828w","sizes":"(max-width: 500px) 100vw, 500px"}},"featuredHeadshot":{"fluid":{"aspectRatio":0.8971631205673759,"src":"//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=500&q=50","srcSet":"//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=125&h=139&q=50 125w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=250&h=279&q=50 250w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=500&h=557&q=50 500w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=750&h=836&q=50 750w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=1000&h=1115&q=50 1000w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=1012&h=1128&q=50 1012w","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=500&q=50&fm=webp","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=125&h=139&q=50&fm=webp 125w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=250&h=279&q=50&fm=webp 250w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=500&h=557&q=50&fm=webp 500w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=750&h=836&q=50&fm=webp 750w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=1000&h=1115&q=50&fm=webp 1000w,\n//images.ctfassets.net/ry6adbgbrq11/2LnyYRq6ED55WY6eMfb3e1/54619b3aed65956f11ea23a8c10dc8e0/Alex__Product__Testimonial.png?w=1012&h=1128&q=50&fm=webp 1012w","sizes":"(max-width: 500px) 100vw, 500px"}}}],"caseStudies":[{"name":"GoSite","tagline":"A robust digital product design created 10X revenue & $60M raised for this SMB SaaS tool","taglineRichText":{"raw":"{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[{\"type\":\"bold\"}],\"value\":\"A robust digital product design created 10X revenue & $60M raised for this SMB SaaS tool\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"document\"}"},"slug":"gosite","successSummary":{"successSummary":"Brand design and product optimization brought massive product growth."},"logo":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/4O15oFmimbDUSWXHIpoQky/759bb85df68aeceff33eb789a9e526a3/gosite-logo.svg"}},"listingImage":{"fluid":{"aspectRatio":0.6066666666666667,"src":"//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=625&q=50","srcSet":"//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=156&h=257&q=50 156w,\n//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=313&h=516&q=50 313w,\n//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=625&h=1030&q=50 625w,\n//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=728&h=1200&q=50 728w","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=625&q=50&fm=webp","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=156&h=257&q=50&fm=webp 156w,\n//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=313&h=516&q=50&fm=webp 313w,\n//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=625&h=1030&q=50&fm=webp 625w,\n//images.ctfassets.net/ry6adbgbrq11/38GwaTIvLFCTteT4AAoUxP/9fbc2e94e94066597688226934961aa8/gosite-listing-image.png?w=728&h=1200&q=50&fm=webp 728w","sizes":"(max-width: 625px) 100vw, 625px"}}},{"name":"Yotta","tagline":"A transformed visual identity plus a UX/UI overhaul gave this fintech startup new life","taglineRichText":{"raw":"{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"A transformed visual identity plus a UX/UI overhaul gave this fintech startup new life\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"document\"}"},"slug":"yotta","successSummary":{"successSummary":"A robust design system and prototype empowered this dev team to create a best-in-class product experience."},"logo":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/2v4wAFzxyHH2CbePPqypxw/9b5a6df8bebd4c0fb3ed7c50e53ca430/Client_Logos.svg"}},"listingImage":{"fluid":{"aspectRatio":0.6066666666666667,"src":"//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=625&q=50","srcSet":"//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=156&h=257&q=50 156w,\n//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=313&h=516&q=50 313w,\n//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=625&h=1030&q=50 625w,\n//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=728&h=1200&q=50 728w","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=625&q=50&fm=webp","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=156&h=257&q=50&fm=webp 156w,\n//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=313&h=516&q=50&fm=webp 313w,\n//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=625&h=1030&q=50&fm=webp 625w,\n//images.ctfassets.net/ry6adbgbrq11/1Xu1C9KQ9b4imT9ezcsX2n/3e02c657641936628471bf484cd7a644/yotta-listing-image.jpeg?w=728&h=1200&q=50&fm=webp 728w","sizes":"(max-width: 625px) 100vw, 625px"}}}],"secondContentBlock":{"raw":"{\"data\":{},\"content\":[{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Consistency is Key\",\"nodeType\":\"text\"}],\"nodeType\":\"heading-3\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"We establish a design system that can be repeated and reused across multiple channels. The impact of a design system is significant; beyond informing your product you'll also find yourself leveraging it time and time again for sales and marketing. From case studies, ads, and blog posts to your entire marketing website, a cohesive aesthetic spurs growth and investor interest. \",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"},{\"data\":{},\"content\":[{\"data\":{},\"marks\":[],\"value\":\"Speed up collaboration with a design system as your North Star.\",\"nodeType\":\"text\"}],\"nodeType\":\"paragraph\"}],\"nodeType\":\"document\"}"},"illustration":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/11xKc4ez2qdPqnALCmUtFO/d975cfd8ee327a88238020ad238004b3/Design_Systems_Illustration.png"}},"otherServicesIllustration":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/1vDvJFNxZi5SnCudhs6D9h/72e41237691120b0afa5286036501187/other-services-design-3x.png"}},"seo":{"seoTitle":"Design Systems","seoDescription":{"seoDescription":"Kick inconsistencies to the curb. With a robust and efficient design system, you and your team can feel confident in your product's uniform appearance and functionality. Finally."}}},"allContentfulService":{"nodes":[{"shortTitle":"Animation & Interaction","slug":"animation-and-interaction","otherServicesIllustration":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/7IwUxrWGi0o4pxpe3oimD5/f909ba80950f42f8cde1ee87411d1bc9/other-services-animation-3x.png"}},"otherServicesGif":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/1DSSOpG3edijIGEZIeT9m8/59c9cac16ba0ffe0be6e30455d4503b3/animation-interaction-v6.gif"}}},{"shortTitle":"Marketing Design","slug":"marketing-design","otherServicesIllustration":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/3hvk1nLnzcRQTWVW97JxzA/350a76c69469afe71f009f0e586d4c4d/other-services-marketing-3x.png"}},"otherServicesGif":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/5cYywkoPt4rTtykWkHGsgy/62e8cb2f9be583eeb6c013c631d8502a/marketing-design-v6.gif"}}},{"shortTitle":"Product Design","slug":"digital-product-strategy-and-design","otherServicesIllustration":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/67wWywqRQFNzU3kwgadxFw/74b42f8fcb8a70e5157d87f5209414d1/Service_Icon_-_Product_Design.png"}},"otherServicesGif":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/7JWVubag6WL7iLTg7IxLch/7ae575f0cbded07f405983add0108c53/product-strategy-v6.gif"}}},{"shortTitle":"Brand Design","slug":"brand-strategy-and-design","otherServicesIllustration":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/dsTwpkhDSLS4BcCW8SjgY/c65066b399dad58082160915d9230c31/other-services-brand-3x.png"}},"otherServicesGif":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/4j9IMFpwHfcOpkFI8JsnPd/dd925b6b358cab27e2d021889c670579/brand-strategy-v6.gif"}}}]}},"pageContext":{"slug":"design-systems"}},"staticQueryHashes":["150141661"]}