{"componentChunkName":"component---src-templates-insight-tsx","path":"/designer-developer-collaboration-guide-tools","result":{"data":{"contentfulInsight":{"id":"77b976e7-63e0-5e0e-8354-76b0d2c83ddb","newStyles":null,"isGated":false,"type":"eBook","topics":["Design Strategy","Process"],"title":"6 Steps to Achieving Designer-Developer Bliss for a Bullet-Proof Digital Product","subtitle":null,"heroIllustration":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/6E4gByLjEWCEs3efynMbl4/8fed85a9e6b0ef74288f9e895fb42198/eBook_Abstract_-_Header_Image.svg"}},"author":{"name":"Abby Milan","headshot":{"fixed":{"width":96,"height":96,"src":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=96&h=96&q=50&fit=fill&f=face","srcSet":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=96&h=96&q=50&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=144&h=144&q=50&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=192&h=192&q=50&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=288&h=288&q=50&fit=fill&f=face 3x","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=96&h=96&q=50&fm=webp&fit=fill&f=face","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=96&h=96&q=50&fm=webp&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=144&h=144&q=50&fm=webp&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=192&h=192&q=50&fm=webp&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=288&h=288&q=50&fm=webp&fit=fill&f=face 3x"}}},"sidebarAd":null,"content":{"raw":"{\"nodeType\":\"document\",\"data\":{},\"content\":[{\"nodeType\":\"heading-3\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Creating and shipping a product people love doesn’t fall on the shoulders of just one person or one team. It’s up to \",\"marks\":[],\"data\":{}},{\"nodeType\":\"text\",\"value\":\"everyone.\",\"marks\":[{\"type\":\"italic\"}],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"From designers to developers to marketing and customer service, collective teamwork makes the dream work.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"You would think all these teams would be working together like a well-oiled machine. But that’s far from reality — especially when it comes to designers and developers. In fact, the relationship between the two teams is notoriously bad.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Maybe it’s a left-brain vs. right-brain dynamic. Or perhaps it’s because you’ve never really tried to get these two talking in the first place. But when these two teams stay siloed, only coming together at the end of the project (if at all), setbacks, headaches, and frustration are the norm.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"And your users suffer the consequences of a disjointed UX that doesn’t live up to your product’s true potential.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"To build a better product \",\"marks\":[],\"data\":{}},{\"nodeType\":\"text\",\"value\":\"and\",\"marks\":[{\"type\":\"italic\"}],\"data\":{}},{\"nodeType\":\"text\",\"value\":\" foster a stronger work environment you need a cohesive team of developers and designers who work together from the get-go — and make collaboration happen throughout the life of the project. Good luck, right?\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"We’re here to tell you that your teams can pull it off.\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"heading-3\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"In this ebook you’ll take away:\",\"marks\":[],\"data\":{}}]},{\"nodeType\":\"unordered-list\",\"data\":{},\"content\":[{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"The consequences of letting designers and developers stay in their silos\",\"marks\":[{\"type\":\"bold\"}],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"How everyone wins when designers and developers work together\",\"marks\":[{\"type\":\"bold\"}],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"6 steps to make willful collaboration a reality\",\"marks\":[{\"type\":\"bold\"}],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"Game-changing tools for effective collaboration\",\"marks\":[{\"type\":\"bold\"}],\"data\":{}}]}]},{\"nodeType\":\"list-item\",\"data\":{},\"content\":[{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"…and more!\",\"marks\":[{\"type\":\"bold\"}],\"data\":{}}]}]}]},{\"nodeType\":\"paragraph\",\"data\":{},\"content\":[{\"nodeType\":\"text\",\"value\":\"\",\"marks\":[],\"data\":{}}]}]}","references":[]},"publishDate":"2022-05-11","hashtags":null,"readNext":null,"shareQuote":{"shareQuote":"Product team silos lead to poor UX and user churn. Follow these 6 steps to infuse your process with designer-developer collaboration opportunities & tools."},"shareImage":{"fixed":{"src":"//images.ctfassets.net/ry6adbgbrq11/4qwbUMpBraaqd619A64rkW/cdc2811efccc5c3eb72f2d5f3270c5a9/Future_State_Ideation_-_Social_Share.jpg?w=1200&h=630&q=50&fit=fill"}},"contentUpgrade":{"blurb":null,"formImage":{"file":{"url":"//images.ctfassets.net/ry6adbgbrq11/TqAiQkNkc01Hp8WhIOt5U/4a024b576d064673be8463a3570a6c2a/eBook_Abstract_-_Get_Ebook.png"}},"formImageWithSpacing":null,"simpleFormTitle":"Get the free eBook on Designer-Developer Collaboration","title":"Get the free eBook on Designer-Developer Collaboration","resourceFormTitle":null,"resourceBlurb":null,"upgradeContent":{"file":{"url":"//assets.ctfassets.net/ry6adbgbrq11/4CRftapv2TPYr8o0x4Gjto/c7b355fb6142d60f28a116df56e8c89d/webuild_eBook_-_Designer_Developer_Collaboration_Tips_to_Success.pdf"}}},"seoTitle":"Designer-Developer Collaboration Guide: 6 Tips & Tools"},"allContentfulInsight":{"nodes":[{"type":"Article","title":"Accessibility Standards: Are They Part of Your Fintech Product Yet?","slug":"ada-compliance-checklist-for-fintech-products","author":{"name":"Abby Milan","headshot":{"fixed":{"width":48,"height":48,"src":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=48&h=48&q=50&fit=fill&f=face","srcSet":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=48&h=48&q=50&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=72&h=72&q=50&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=96&h=96&q=50&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=144&h=144&q=50&fit=fill&f=face 3x","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=72&h=72&q=50&fm=webp&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=96&h=96&q=50&fm=webp&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=144&h=144&q=50&fm=webp&fit=fill&f=face 3x"}}}},{"type":"Article","title":"Fintech on Fire: Trends, Investments, and How to Make Your Product Beat the Rest","slug":"fintech-technology-trends-2021","author":{"name":"Evan Shoemaker","headshot":{"fixed":{"width":48,"height":48,"src":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fit=fill&f=face","srcSet":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=72&h=72&q=50&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=96&h=96&q=50&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=144&h=144&q=50&fit=fill&f=face 3x","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=72&h=72&q=50&fm=webp&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=96&h=96&q=50&fm=webp&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=144&h=144&q=50&fm=webp&fit=fill&f=face 3x"}}}},{"type":"Article","title":"8 Reasons Why Every Product Design Team Needs to Use Figma — Or Get Left Behind","slug":"why-use-figma-for-digital-product-design","author":{"name":"Evan Shoemaker","headshot":{"fixed":{"width":48,"height":48,"src":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fit=fill&f=face","srcSet":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=72&h=72&q=50&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=96&h=96&q=50&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=144&h=144&q=50&fit=fill&f=face 3x","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=72&h=72&q=50&fm=webp&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=96&h=96&q=50&fm=webp&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=144&h=144&q=50&fm=webp&fit=fill&f=face 3x"}}}},{"type":"Article","title":"The Ultimate Unifier: Why Your Digital Product Needs a Design System","slug":"ux-design-system-goals-5-step-guide","author":{"name":"Evan Shoemaker","headshot":{"fixed":{"width":48,"height":48,"src":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fit=fill&f=face","srcSet":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=72&h=72&q=50&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=96&h=96&q=50&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=144&h=144&q=50&fit=fill&f=face 3x","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=72&h=72&q=50&fm=webp&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=96&h=96&q=50&fm=webp&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/2o8ORNmNcKbkvTC9fPJwK4/0f8f8e30f5f6afeeb3236c103d748bae/Employee__1_.png?w=144&h=144&q=50&fm=webp&fit=fill&f=face 3x"}}}},{"type":"Article","title":"How to Make Your Product Come First in the Frenzied Fintech Brand Race","slug":"best-fintech-branding-strategy","author":{"name":"Abby Milan","headshot":{"fixed":{"width":48,"height":48,"src":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=48&h=48&q=50&fit=fill&f=face","srcSet":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=48&h=48&q=50&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=72&h=72&q=50&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=96&h=96&q=50&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=144&h=144&q=50&fit=fill&f=face 3x","srcWebp":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face","srcSetWebp":"//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=48&h=48&q=50&fm=webp&fit=fill&f=face 1x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=72&h=72&q=50&fm=webp&fit=fill&f=face 1.5x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=96&h=96&q=50&fm=webp&fit=fill&f=face 2x,\n//images.ctfassets.net/ry6adbgbrq11/4x5mYiTzDHIhuz4Qns3GN0/f4260c3d45eee4d35e015041da397b75/Employee.png?w=144&h=144&q=50&fm=webp&fit=fill&f=face 3x"}}}}]}},"pageContext":{"slug":"designer-developer-collaboration-guide-tools","topics":["Product Design","Design Strategy","Tools & Trends","Process","Product Marketing","Design Systems","Performance"]}},"staticQueryHashes":["150141661","2802189038"]}