{"id":20092,"date":"2021-12-10T00:00:00","date_gmt":"2021-12-10T00:00:00","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/colaboracao-equipes-desenvolvimento-design\/"},"modified":"2026-09-14T23:34:48","modified_gmt":"2026-09-14T23:34:48","slug":"colaboracao-equipes-desenvolvimento-design","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/","title":{"rendered":"Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Developing an app is a team sport, requiring teamwork from a number of players, including developers and designers. As Roger Staubach, famous Dallas Cowboys quarterback from the 70s, says: \u201cIn any team sport, the best teams have consistency and chemistry.\u201d<\/p>\n\n<p class=\"wp-block-paragraph\">Lack of collaboration between designers and developers results in decreased efficiency and increased turnaround time for projects. Conflicting KPIs, a lack of understanding of each other\u2019s thought process, not having a meeting cadence, and using collaboration tools that favor one side over the other add to the issue. Let\u2019s take a deeper dive into all of these factors and explore how organizations can improve designer-developer collaboration.<\/p>\n\r\n    <nav data-content-type=\"longform\" class=\"toc-block longform-spacings px-5 py-6 px-md-6 px-lg-7 py-md-7 bg-light fs-sm rounded-lg\" aria-labelledby=\"toc-title-2500\"><p class=\"h5 m-0\" id=\"toc-title-2500\">\u00cdndice<\/p><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">01<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#anchor_1-create-ux-focused-non-conflicting-kpis-for-designers-and-developers\">1. Create UX focused, non-conflicting KPIs for designers and developers<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">02<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#anchor_2-provide-front-end-101-training-to-designers-and-design-101-training-to-developers\">2. Provide front-end 101 training to designers and design 101 training to developers<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">03<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#anchor_3-create-a-design-system\">3. Create a design system<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">04<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#anchor_4-set-up-recurring-weekly-or-biweekly-meetings\">4. Set up recurring weekly or biweekly meetings\u00a0<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">05<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#anchor_5-use-a-designer-developer-collaboration-tool-that-works-for-both-teams\">5. Use a designer-developer collaboration tool that works for both teams<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">06<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#designer-developer-collaboration-and-email-marketing\">Designer-developer collaboration and email marketing<\/a><a class=\"scrollme link-body-color\" href=\"#want-more-designer-developer-insights\">Want more designer-developer insights?<\/a><\/div><\/div><\/nav>\n<h2 class=\"wp-block-heading\">1. Create UX focused, non-conflicting KPIs for designers and developers<\/h2>\n\n<p class=\"wp-block-paragraph\">Instead of conventional KPIs, designers and developers can benefit from having user-centric KPIs such as conversion rate, user engagement metrics, session duration, bounce rate, etc. These KPIs will put both groups on the same page and help them focus on what\u2019s really important \u2013 user experience.<\/p>\n\n<p class=\"wp-block-paragraph\">Think of conversion rate as a KPI for a project aimed at\u00a0building landing pages for a new campaign. Instead of delivering the landing page design in X days (designers) and making it live in X days (developers), both teams will focus on making it great from the user\u2019s point of view.<\/p>\n\n<p class=\"wp-block-paragraph\">Conventional KPIs for designers and developers rarely\u00a0factor in collaboration\/wait time and create unnecessary conflict.<\/p>\n\n<p class=\"wp-block-paragraph\"><b>Some of the common KPIs for designers include:<\/b><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Time taken to finish the project<\/li>\n\n\n\n<li>Time spent on revisions<\/li>\n\n\n\n<li>Internal\/external feedback on the design<\/li>\n\n\n\n<li>Number of projects completed in a quarter<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">With these KPIs, feedback from developers is detrimental to designers because they have to take time away from new projects and rework the screens they already turned in. In this case, their KPIs put them at odds with the developers.<\/p>\n\n<p class=\"wp-block-paragraph\"><b>On the other hand, some of the common KPIs for front-end developers include:<\/b><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Lines of code and number of deploys<\/li>\n\n\n\n<li>Cycle time \u2013 time spent on a single task<\/li>\n\n\n\n<li>Code stability and simplicity<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Complex and feature-rich designs require more coding effort from the developers. So, every time designers insist on new features that require complex coding, developers think of it as a hindrance.<\/p>\n\n<p class=\"wp-block-paragraph\">While conventional KPIs do have their advantages, managers should ensure that the KPIs for one team don\u2019t conflict with the other team\u2019s work. This can be achieved by giving more weightage to user-centric and shared KPIs.<\/p>\n\n<h2 class=\"wp-block-heading\">2. Provide front-end 101 training to designers and design 101 training to developers<\/h2>\n\n<p class=\"wp-block-paragraph\">If designers understand the basics of front-end development, they\u2019ll be able to see things from the developers\u2019 perspective. The same goes for developers. Furthermore, designers with a basic understanding of HTML and CSS will also create designs with technological limitations in mind. Understanding how an application works behind the scenes \u2013 even if just the basics and API capabilities \u2013 can help designers understand the technical limitations better.<\/p>\n\n<p class=\"wp-block-paragraph\">By doing some basic courses in each other\u2019s disciplines, developers and designers will be able to speak each other\u2019s languages. This kind of <a href=\"https:\/\/www.edgepointlearning.com\/blog\/cross-training-employees\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>cross-training<\/u><\/a> improves collaboration and results in the two groups working together to come up with better ways to solve problems.<\/p>\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.coursera.org\/specializations\/coding-for-managers\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Coursera<\/u><\/a> and <a href=\"https:\/\/careerfoundry.com\/en\/courses\/frontend-development-for-designers\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Career Foundry<\/u><\/a> offer special courses for designers that want to learn front-end development. These courses cover the basics of web development and teach HTML, CSS, and JavaScript \u2013 the three languages all front-end developers use in their work. These courses also discuss UX and UI design from a developer\u2019s perspective. The designers that take these courses will walk away with a better understanding of how developers make designs come to life.<\/p>\n\n<p class=\"wp-block-paragraph\">Developers can also benefit from courses by <a href=\"https:\/\/designschool.canva.com\/courses\/graphic-design-basics\/?lesson=design-to-communicate\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Canva<\/u><\/a> and <a href=\"https:\/\/www.linkedin.com\/learning\/introduction-to-graphic-design-concepts\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>LinkedIn Learning<\/u><\/a>. These courses cover typography and color combinations, but more importantly, they cover the stages of the creative process and how designers think. The developers that take these courses will acquire a better understanding of what goes into design.<\/p>\n\n<p class=\"wp-block-paragraph\">These courses will require additional time and effort from both designers and developers, but the cross-training will pay off in terms of improved efficiency. Furthermore, anyone taking these courses will also have new skills and certifications under their belt.<\/p>\n\n<h2 class=\"wp-block-heading\">3. Create a design system<\/h2>\n\n<p class=\"wp-block-paragraph\">A design system consists of a style guide and a pattern library. It\u2019s a single source of truth filled with reusable components (drop-down menus, CTA buttons, lead forms&#8230;) and clear instructions on how to use them and reduces discrepancies and back-and-forth between designers and developers. Having a defined system of components that are reused also cuts down on unnecessary <a href=\"https:\/\/en.wikipedia.org\/wiki\/Technical_debt\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>technical debt<\/u><\/a> engineering you may accumulate. This happens when creating the same UI elements more than once. Reusing assets allows for faster delivery time and a consistent application.<\/p>\n\n<p class=\"wp-block-paragraph\">A style guide is a set of standards for all brand identifiers such as the company logo, the color scheme, the font and typeface, and the template design. Most companies begin with a style guide and work their way up to a pattern library as they grow.<\/p>\n\n<p class=\"wp-block-paragraph\">A <a href=\"https:\/\/boagworld.com\/design\/pattern-library\/\" target=\"_tabs\" rel=\"noopener noreferrer\">pattern library<\/a> is a collection of all interactable components of your design, including components such as buttons, navigation bars, and carousels. It also consists of definitions and descriptions of all these components, clearly describes their uses, and contains code associated with them.<\/p>\n\n<p class=\"wp-block-paragraph\">A design system combines these two together and provides the user with complete information on everything included in the style guide and the pattern library, as well as the dos and don\u2019ts of design and implementation guidelines. Designers can create concepts directly in the design system by dragging and dropping pre-stored components. Developers can then see the code associated with each component as well as give feedback to designers in the same space.<\/p>\n\n<p class=\"wp-block-paragraph\">Some of the popular online design system management tools include <a href=\"https:\/\/material.io\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>material.io<\/u><\/a>, <a href=\"https:\/\/www.supernova.io\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>supernova.io<\/u><\/a>, <a href=\"https:\/\/zeroheight.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>zeroheight.com<\/u><\/a>, and <a href=\"https:\/\/www.patternfly.org\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>PatternFly<\/u><\/a>.<\/p>\n\n<h2 class=\"wp-block-heading\">4. Set up recurring weekly or biweekly meetings\u00a0<\/h2>\n\n<p class=\"wp-block-paragraph\">Cross-functional team meetings help <a href=\"https:\/\/reclaim.ai\/blog\/team-meetings#:~:text=Cross-functional%20team%20meeting\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>resolve conflict, improve communication, and increase understanding<\/u><\/a> across two groups. Setting up recurring weekly or biweekly meetings between designers and developers will help them discuss ongoing projects, kick off new projects, and collaborate effectively.\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">In a <a href=\"https:\/\/app.livestorm.co\/mailjet\/enhancing-the-developer-and-designer-relationship-to-its-full-potential-with-pathwire-and-invision?utm_source=Livestorm+company+page\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>webinar on designer-developer collaboration<\/u><\/a>, Nicki Snyder, the manager of experience design at Pathwire, discussed the importance of meetings between the design team and the developers:<\/p>\n\n<p class=\"wp-block-paragraph\">\u201cWe (in design) really like to make things and assume that they are going to work. We did not bring in engineering early in the process and that caused a lot of unnecessary work that could have been avoided had we spent one hour reviewing what we wanted, finding what the end state would be, and having that discussion (with engineering).\u201d<\/p>\n\n<p class=\"wp-block-paragraph\">A product manager would be the ideal person to own these meetings and make sure both groups are focused on improving the user experience. The product manager would also set the agenda for these meetings, which can be any specific issue or roadblock with a project, going over the designs of a new product feature or web page, or conversation on a low-performing landing page. This meeting can also be converted into a <a href=\"https:\/\/www.linkedin.com\/pulse\/working-session-my-favorite-way-get-things-done-kristin-katchan\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>working session<\/u><\/a> where a small group of designers and developers solve a specific problem.<\/p>\n\n<p class=\"wp-block-paragraph\">Doing initial kick-off meetings and working sessions helps developers know whether it\u2019s possible to do what is needed within the application. This allows time to do a research spike if needed for them to see what needs to be true to make the functionality or design happen. Meeting at the start of the project helps Product Managers create realistic delivery timeframes and gives requirements for designers upfront.<\/p>\n\n<p class=\"wp-block-paragraph\">It will be the product manager\u2019s responsibility to make sure these meetings do not turn into status update meetings and that they only happen when there is a predefined agenda that clearly addresses a problem that the participants will try to solve.<\/p>\n\n<p class=\"wp-block-paragraph\">The key takeaways from these meetings can be used to update the design system. Ideally, these meetings will go from weekly to biweekly to monthly, and then to a need-basis as the design system becomes more robust.<\/p>\n\n<h2 class=\"wp-block-heading\">5. Use a designer-developer collaboration tool that works for both teams<\/h2>\n\n<p class=\"wp-block-paragraph\">The conventional designer-developer collaboration process involves a handoff from the designers to the developers. For example, the designers create screens and share the image file with the developers. The developers then provide feedback on what can and cannot be done. The designers then revise (or remake) the screens as needed and hand them off to the developers again, and so on. It is a time-consuming process with a lot of back and forth before anything goes live.<\/p>\n\n<p class=\"wp-block-paragraph\">Designer-developer collaboration tools aim to turn this handoff into a handshake. The designers and developers will be able to look at the same screen in an environment where it can be edited in real-time, which will eliminate the back-and-forth aspect of the process.<\/p>\n\n<p class=\"wp-block-paragraph\">There are also designer-developer collaboration tools like <a href=\"https:\/\/www.adobe.com\/products\/xd.html\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Adobe XD<\/u><\/a> that are more inclined toward the needs of the designer and support the handoff process from wireframes to complete designs. Some tools such as <a href=\"https:\/\/zeplin.io\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>zeplin.io<\/u><\/a> are developer-focused and cater to their needs by giving them code snippets, assets, and specs for different screen sizes in one place. Zeplin integrates with Adobe XD, so it can be used in addition to it to support the developers.<\/p>\n\n<p class=\"wp-block-paragraph\">In the webinar we mentioned earlier, Nicki mentioned some of the challenges related to the handoff process. One of those challenges was getting developer feedback too late in the process. She also mentioned how InVision helped them turn the handoff process into a handshake process.<\/p>\n\n<p class=\"wp-block-paragraph\">Besides <a href=\"https:\/\/www.invisionapp.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>InVision<\/u><\/a>, there are tools like <a href=\"https:\/\/bit.dev\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Bit<\/u><\/a> and <a href=\"https:\/\/www.figma.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Figma<\/u><\/a> that help developers and designers collaborate in real-time. These tools can also be integrated with JIRA or other project management tools. The pricing varies based on the number of users and the number of projects, with $9.95\u2013$20 per user, per month being the price range if you go for a professional plan.<\/p>\n\n<h2 class=\"wp-block-heading\">Designer-developer collaboration and email marketing<\/h2>\n\n<p class=\"wp-block-paragraph\">Usually, the discussion on designer-developer collaboration is focused on web pages and applications, but email can benefit from it too. <\/p>\n\n<p class=\"wp-block-paragraph\"><b>Thanks to better collaboration between designers and developers:<\/b><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Emails will work with all types of inboxes and devices.<\/li>\n\n\n\n<li>Deliverability will increase because of cleaner, simpler code.<\/li>\n\n\n\n<li>Click-through rates will increase due to better layouts.<\/li>\n\n\n\n<li>Unsubscribe rates will go down because of increased engagement.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Furthermore, having a design system in place, along with front-end training and Pathwire\u2019s user-friendly features, will help designers create email templates that can be adjusted and reused time and again. For example, a designer can set up a newsletter template, a developer can make sure it works with all screen sizes with tools like <a href=\"https:\/\/www.emailonacid.com\/inbox-display\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Email on Acid\u2019s Inbox Display<\/u><\/a> or <a href=\"https:\/\/www.mailjet.com\/blog\/product\/inbox-preview\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Mailjet Email Previews<\/u><\/a>, and a marketer can simply add new images and replace the text within the same template every month.<\/p>\n\n<p class=\"wp-block-paragraph\">Speaking of newsletters, <a href=\"https:\/\/www.mailgun.com\/pt\/blog\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>do subscribe to ours<\/u><\/a>. We will send you articles like this, detailed guides, and exciting developments from Pathwire, and a lot more every month.<\/p>\n\n<h3 class=\"wp-block-heading\">Want more designer-developer insights?<\/h3>\n\n<p class=\"wp-block-paragraph\">Watch our live-streamed panel webinar: \u201cEnhancing the developer and designer relationship to its full potential with Pathwire and InVision.\u201d<\/p>\n\n<p class=\"wp-block-paragraph\"><b>The panel discussion includes:<\/b><\/p>\n\n<ul class=\"wp-block-list\">\n<li>Nicki Snyder, Manager of Experience and Design at Mailgun by Pathwire.<\/li>\n\n\n\n<li>Lawrence Norton, Software Engineer at Mailgun by Pathwire.<\/li>\n\n\n\n<li>Nick Karavas, Solutions Consultant of InVision.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>O desenvolvimento de um aplicativo \u00e9 um esporte coletivo. Vamos nos aprofundar em como as empresas podem melhorar a colabora\u00e7\u00e3o entre as equipes de design e desenvolvimento.<\/p>\n","protected":false},"author":15,"featured_media":3952,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"blog_category":[19],"class_list":["post-20092","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog_category-dev-life"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"O desenvolvimento de um aplicativo \u00e9 um esporte coletivo. Vamos nos aprofundar em como as empresas podem melhorar a colabora\u00e7\u00e3o entre as equipes de design e desenvolvimento.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"O desenvolvimento de um aplicativo \u00e9 um esporte coletivo. Vamos nos aprofundar em como as empresas podem melhorar a colabora\u00e7\u00e3o entre as equipes de design e desenvolvimento.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T23:34:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/dev-life\\\/colaboracao-equipes-desenvolvimento-design\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/dev-life\\\/colaboracao-equipes-desenvolvimento-design\\\/\",\"name\":\"Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/dev-life\\\/colaboracao-equipes-desenvolvimento-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/dev-life\\\/colaboracao-equipes-desenvolvimento-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Dev-Life.png\",\"datePublished\":\"2021-12-10T00:00:00+00:00\",\"dateModified\":\"2026-09-14T23:34:48+00:00\",\"description\":\"O desenvolvimento de um aplicativo \u00e9 um esporte coletivo. Vamos nos aprofundar em como as empresas podem melhorar a colabora\u00e7\u00e3o entre as equipes de design e desenvolvimento.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/dev-life\\\/colaboracao-equipes-desenvolvimento-design\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/dev-life\\\/colaboracao-equipes-desenvolvimento-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/dev-life\\\/colaboracao-equipes-desenvolvimento-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Dev-Life.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Dev-Life.png\",\"width\":720,\"height\":448},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/dev-life\\\/colaboracao-equipes-desenvolvimento-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/inicio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Poderosas APIs de e-mail transacional que permitem a voc\u00ea enviar, receber e rastrear e-mails, criadas com os desenvolvedores em mente. Saiba mais hoje mesmo!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"Transactional Email API Service For Developers | Mailgun\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design - Transactional Email API Service For Developers | Mailgun","description":"O desenvolvimento de um aplicativo \u00e9 um esporte coletivo. Vamos nos aprofundar em como as empresas podem melhorar a colabora\u00e7\u00e3o entre as equipes de design e desenvolvimento.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/","og_locale":"pt_BR","og_type":"article","og_title":"Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design - Transactional Email API Service For Developers | Mailgun","og_description":"O desenvolvimento de um aplicativo \u00e9 um esporte coletivo. Vamos nos aprofundar em como as empresas podem melhorar a colabora\u00e7\u00e3o entre as equipes de design e desenvolvimento.","og_url":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-09-14T23:34:48+00:00","og_image":[{"width":720,"height":448,"url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/","url":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/","name":"Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png","datePublished":"2021-12-10T00:00:00+00:00","dateModified":"2026-09-14T23:34:48+00:00","description":"O desenvolvimento de um aplicativo \u00e9 um esporte coletivo. Vamos nos aprofundar em como as empresas podem melhorar a colabora\u00e7\u00e3o entre as equipes de design e desenvolvimento.","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/#primaryimage","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Dev-Life.png","width":720,"height":448},{"@type":"BreadcrumbList","@id":"https:\/\/www.mailgun.com\/pt\/blog\/dev-life\/colaboracao-equipes-desenvolvimento-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/pt\/inicio\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/pt\/blog\/"},{"@type":"ListItem","position":3,"name":"Cinco ideias para uma colabora\u00e7\u00e3o melhor entre equipes de desenvolvimento e design"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/pt\/#website","url":"https:\/\/www.mailgun.com\/pt\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Poderosas APIs de e-mail transacional que permitem a voc\u00ea enviar, receber e rastrear e-mails, criadas com os desenvolvedores em mente. Saiba mais hoje mesmo!","publisher":{"@id":"https:\/\/www.mailgun.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/pt\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mailgun.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","width":512,"height":512,"caption":"Transactional Email API Service For Developers | Mailgun"},"image":{"@id":"https:\/\/www.mailgun.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/users\/15"}],"version-history":[{"count":3,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20092\/revisions"}],"predecessor-version":[{"id":20289,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20092\/revisions\/20289"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/media\/3952"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/media?parent=20092"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog_category?post=20092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}