{"id":20438,"date":"2021-12-10T00:00:00","date_gmt":"2021-12-10T00:00:00","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/zusammenarbeit-design-entwicklung\/"},"modified":"2026-09-14T23:35:51","modified_gmt":"2026-09-14T23:35:51","slug":"zusammenarbeit-design-entwicklung","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/","title":{"rendered":"F\u00fcnf Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Die Entwicklung einer App ist ein Teamsport. Sie erfordert das Zusammenspiel vieler Beteiligter, einschlie\u00dflich der Teams aus Design und Entwicklung. Wie Roger Staubach, der ber\u00fchmte Quarterback der Dallas Cowboys aus den 70er Jahren, sagte: \u201eIn jedem Teamsport zeichnen sich die besten Teams durch Best\u00e4ndigkeit und Teamchemie aus.\u201c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mangelnde Zusammenarbeit zwischen Design und Entwicklung f\u00fchrt zu geringerer Effizienz und l\u00e4ngeren Projektlaufzeiten. Widerspr\u00fcchliche KPIs, fehlendes Verst\u00e4ndnis f\u00fcr die Denkweise der anderen Seite, unregelm\u00e4\u00dfige Meetings und die Nutzung von Tools zur Zusammenarbeit, die eine Gruppe bevorzugen, versch\u00e4rfen das Problem. Betrachten wir all diese Faktoren genauer und finden wir heraus, wie Unternehmen die Zusammenarbeit zwischen Design und Entwicklung verbessern.<\/p>\n\n\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-3019\"><p class=\"h5 m-0\" id=\"toc-title-3019\">Inhaltsverzeichnis<\/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-ux-fokussierte-widerspruchsfreie-kpis-fuer-design-und-entwicklung-definieren\">1. UX-fokussierte, widerspruchsfreie KPIs f\u00fcr Design und Entwicklung definieren<\/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-grundlagenschulungen-im-frontend-fuer-das-design-team-und-im-design-fuer-die-entwicklung-anbieten\">2. Grundlagenschulungen im Frontend f\u00fcr das Design-Team und im Design f\u00fcr die Entwicklung anbieten<\/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-ein-designsystem-erstellen\">3. Ein Designsystem erstellen<\/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-woechentliche-oder-vierzehntaegige-meetings-ansetzen\">4. W\u00f6chentliche oder vierzehnt\u00e4gige Meetings ansetzen\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-ein-tool-zur-zusammenarbeit-nutzen-das-fuer-beide-teams-funktioniert\">5. Ein Tool zur Zusammenarbeit nutzen, das f\u00fcr beide Teams funktioniert<\/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=\"#zusammenarbeit-zwischen-design-und-entwicklung-im-e-mail-marketing\">Zusammenarbeit zwischen Design und Entwicklung im E-Mail-Marketing<\/a><a class=\"scrollme link-body-color\" href=\"#weitere-insights-zur-zusammenarbeit-zwischen-design-und-entwicklung\">Weitere Insights zur Zusammenarbeit zwischen Design und Entwicklung?<\/a><\/div><\/div><\/nav>\n\n\n<h2 class=\"wp-block-heading\">1. UX-fokussierte, widerspruchsfreie KPIs f\u00fcr Design und Entwicklung definieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Statt herk\u00f6mmlicher KPIs profitieren Design und Entwicklung von nutzerzentrierten KPIs wie Konversionsrate, Engagement-Metriken, Sitzungsdauer, Bounce-Rate etc. Diese KPIs bringen beide Gruppen auf einen gemeinsamen Nenner und helfen ihnen, sich auf das Wesentliche zu konzentrieren: die User Experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Stellen Sie sich die Konversionsrate als KPI f\u00fcr ein Projekt vor, dessen Ziel die Erstellung von Landingpages f\u00fcr eine neue\u00a0Kampagne ist. Anstatt das Landingpage-Design in X Tagen abzuliefern (Design) und in X Tagen live zu schalten (Entwicklung), konzentrieren sich beide Teams darauf, die Landingpage aus Nutzerperspektive optimal zu gestalten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Herk\u00f6mmliche KPIs f\u00fcr Design und Entwicklung ber\u00fccksichtigen selten die Zeit f\u00fcr Zusammenarbeit oder Wartezeiten und f\u00fchren zu unn\u00f6tigen\u00a0Konflikten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Zu den g\u00e4ngigen KPIs f\u00fcr Design-Teams geh\u00f6ren:<\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zeit bis zum Abschluss des Projekts<\/li>\n\n\n\n<li>Zeitaufwand f\u00fcr \u00dcberarbeitungen<\/li>\n\n\n\n<li>internes oder externes Feedback zum Design<\/li>\n\n\n\n<li>Anzahl der abgeschlossenen Projekte pro Quartal<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Bei diesen KPIs ist das Feedback der Entwicklung f\u00fcr das Design-Team nachteilig, da Zeit f\u00fcr neue Projekte fehlt und bereits abgegebene Entw\u00fcrfe \u00fcberarbeitet werden m\u00fcssen. In diesem Fall stehen ihre KPIs im Widerspruch zu denen der Entwicklung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Andererseits geh\u00f6ren zu den g\u00e4ngigen KPIs f\u00fcr die Frontend-Entwicklung:<\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Coding-Zeilen und Anzahl der Deploys<\/li>\n\n\n\n<li>Durchlaufzeit\u00a0\u2013 die f\u00fcr eine einzelne Aufgabe aufgewendete Zeit<\/li>\n\n\n\n<li>Stabilit\u00e4t und Einfachheit des Codings<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Komplexe und funktionsreiche Designs erfordern mehr Coding-Aufwand von der Entwicklung. Immer wenn das Design-Team also auf neuen Funktionen beharrt, die komplexes Coding erfordern, wird dies von der Entwicklung als Hindernis empfunden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Obwohl herk\u00f6mmliche KPIs ihre Vorteile haben, sollten F\u00fchrungskr\u00e4fte sicherstellen, dass die KPIs eines Teams nicht mit der Arbeit des anderen Teams in Konflikt geraten. Dies l\u00e4sst sich erreichen, indem nutzerzentrierten und gemeinsamen KPIs mehr Gewicht verliehen wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Grundlagenschulungen im Frontend f\u00fcr das Design-Team und im Design f\u00fcr die Entwicklung anbieten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn das Design-Team die Grundlagen der Frontend-Entwicklung versteht, betrachtet es die Dinge aus der Perspektive der Entwicklung. Das Gleiche gilt f\u00fcr die Entwicklung. Dar\u00fcber hinaus erstellt ein Design-Team mit grundlegenden Kenntnissen in HTML und CSS Entw\u00fcrfe, die technologische Grenzen ber\u00fccksichtigen. Zu verstehen, wie eine Anwendung im Hintergrund funktioniert\u00a0\u2013 selbst wenn es nur um Grundlagen und API-Funktionen geht\u00a0\u2013, hilft beim besseren Verst\u00e4ndnis technischer Einschr\u00e4nkungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Durch die Teilnahme an Grundkursen in der jeweils anderen Disziplin lernen Design- und Entwicklungsteams, die Sprache der anderen zu sprechen. Diese Art der <a href=\"https:\/\/www.edgepointlearning.com\/blog\/cross-training-employees\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>gegenseitigen Schulung<\/u><\/a> verbessert die Zusammenarbeit und f\u00fchrt dazu, dass beide Gruppen gemeinsam bessere Wege zur Probleml\u00f6sung finden.<\/p>\n\n\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> und <a href=\"https:\/\/careerfoundry.com\/en\/courses\/frontend-development-for-designers\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Career Foundry<\/u><\/a> bieten spezielle Kurse f\u00fcr Design-Fachleute an, die sich in der Frontend-Entwicklung weiterbilden m\u00f6chten. Diese Kurse decken die Grundlagen der Webentwicklung ab und vermitteln HTML, CSS und JavaScript\u00a0\u2013 die drei Sprachen, die im Frontend-Bereich allgegenw\u00e4rtig sind. Diese Kurse behandeln auch UX- und UI-Design aus Sicht der Entwicklung. Wer an diesen Kursen teilnimmt, versteht anschlie\u00dfend besser, wie die Entwicklung Designs zum Leben erweckt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Entwicklung profitiert ebenfalls von Kursen auf <a href=\"https:\/\/designschool.canva.com\/courses\/graphic-design-basics\/?lesson=design-to-communicate\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Canva<\/u><\/a> und <a href=\"https:\/\/www.linkedin.com\/learning\/introduction-to-graphic-design-concepts\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>LinkedIn Learning<\/u><\/a>. Diese Kurse behandeln Typografie und Farbkombinationen, vor allem aber die Phasen des kreativen Prozesses und die Denkweise im Design. Die Entwicklungs-Fachleute, die diese Kurse absolvieren, erlangen ein besseres Verst\u00e4ndnis f\u00fcr die Aspekte des Designs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Kurse erfordern zus\u00e4tzlichen Zeit- und Arbeitsaufwand von beiden Seiten, doch die gegenseitigen Schulungen zahlen sich durch eine verbesserte Effizienz aus. Dar\u00fcber hinaus erwerben alle, die diese Kurse absolvieren, neue Skills und Zertifizierungen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Ein Designsystem erstellen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Designsystem besteht aus einem Styleguide und einer Pattern-Bibliothek. Es dient als zentrale Informationsquelle f\u00fcr wiederverwendbare Komponenten (Drop-down-Men\u00fcs, CTA-Buttons, Lead-Formulare &#8230;) sowie klare Anweisungen zu deren Nutzung. Zudem reduziert es Unstimmigkeiten und unn\u00f6tiges Hin und Her zwischen Design und Entwicklung. Ein definiertes System aus wiederverwendbaren Komponenten verringert au\u00dferdem vermeidbare <a href=\"https:\/\/en.wikipedia.org\/wiki\/Technical_debt\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>technische Schulden<\/u><\/a> , die sich bei der Entwicklung ansammeln k\u00f6nnen. Dies geschieht, wenn dieselben UI-Elemente mehrfach erstellt werden. Die Wiederverwendung von Assets erm\u00f6glicht eine schnellere Zustellung und eine konsistente Anwendung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Styleguide ist ein Standardwerk f\u00fcr alle Markenkennzeichen wie das Firmenlogo, das Farbschema, die Schriftart und das Vorlagendesign. Die meisten Unternehmen beginnen mit einem Styleguide und erarbeiten sich im Laufe ihres Wachstums eine Pattern-Bibliothek.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein <a href=\"https:\/\/boagworld.com\/design\/pattern-library\/\" target=\"_tabs\" rel=\"noopener noreferrer\">Pattern-Bibliothek<\/a> ist eine Sammlung aller interaktiven Komponenten des Designs, darunter Buttons, Navigationsleisten und Karusselle. Sie enth\u00e4lt zudem Definitionen und Beschreibungen all dieser Komponenten, erl\u00e4utert deren Verwendungszweck und liefert das zugeh\u00f6rige Coding.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Designsystem kombiniert diese beiden Elemente. Es bietet dem Nutzer umfassende Informationen zu den Inhalten des Styleguides und der Pattern-Bibliothek sowie Richtlinien zur Umsetzung und Vorgaben, was beim Design zu beachten oder zu vermeiden ist. Das Design-Team erstellt Konzepte direkt im Designsystem, indem es gespeicherte Komponenten per Drag and Drop einf\u00fcgt. Die Entwicklung sieht das zugeh\u00f6rige Coding jeder Komponente und gibt Feedback direkt in derselben Umgebung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zu den beliebten Online-Tools f\u00fcr das Management von Designsystemen geh\u00f6ren <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> und <a href=\"https:\/\/www.patternfly.org\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>PatternFly<\/u><\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. W\u00f6chentliche oder vierzehnt\u00e4gige Meetings ansetzen\u00a0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Team\u00fcbergreifende Meetings helfen dabei, <a href=\"https:\/\/reclaim.ai\/blog\/team-meetings#:~:text=Cross-functional%20team%20meeting\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Konflikte zu l\u00f6sen, die Kommunikation zu verbessern und das Verst\u00e4ndnis<\/u><\/a> zwischen beiden Gruppen zu f\u00f6rdern. Wiederkehrende w\u00f6chentliche oder vierzehnt\u00e4gige Meetings zwischen Design und Entwicklung helfen dabei, laufende Projekte zu besprechen, neue Projekte zu starten und effektiv zusammenzuarbeiten.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In einer <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 zur Zusammenarbeit zwischen Design und Entwicklung<\/u><\/a> betonte Nicki Snyder, Manager of Experience Design bei Pathwire, wie wichtig Meetings zwischen dem Design-Team und der Entwicklung sind:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201eWir (im Design) gestalten sehr gerne Dinge und gehen davon aus, dass sie auch funktionieren. Wir haben die Technik nicht fr\u00fchzeitig einbezogen. Das f\u00fchrte zu viel unn\u00f6tiger Arbeit, die sich durch eine Stunde Besprechung unserer W\u00fcnsche und des angestrebten Endzustands (mit der Technik) h\u00e4tte vermeiden lassen.\u201c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Produktmanagement ist ideal daf\u00fcr geeignet, diese Meetings zu leiten und sicherzustellen, dass sich beide Gruppen auf die Verbesserung der User Experience konzentrieren. Das Produktmanagement legt auch die Agenda f\u00fcr diese Meetings fest. Das kann ein spezifisches Problem oder Hindernis in einem Projekt sein, die Durchsicht von Designs f\u00fcr eine neue Produktfunktion oder Webseite, oder eine Konversation \u00fcber eine leistungsschwache Landingpage. Dieses Meeting l\u00e4sst sich auch in eine <a href=\"https:\/\/www.linkedin.com\/pulse\/working-session-my-favorite-way-get-things-done-kristin-katchan\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Arbeitssitzung<\/u><\/a> umwandeln, in der eine kleine Gruppe aus Design und Entwicklung ein bestimmtes Problem l\u00f6st.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auftakt-Meetings und Arbeitssitzungen helfen der Entwicklung dabei, abzusch\u00e4tzen, ob sich die Anforderungen innerhalb der Anwendung umsetzen lassen. So bleibt Zeit f\u00fcr eine Vorabuntersuchung, falls n\u00f6tig, um herauszufinden, welche Voraussetzungen f\u00fcr die Umsetzung der Funktionalit\u00e4t oder des Designs erf\u00fcllt sein m\u00fcssen. Ein Meeting zu Projektbeginn hilft dem Produktmanagement, realistische Zeitrahmen f\u00fcr die Zustellung festzulegen, und liefert dem Design-Team klare Anforderungen vorab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Produktmanagement tr\u00e4gt die Verantwortung daf\u00fcr, dass diese Meetings nicht zu reinen Status-Updates werden. Sie sollten nur stattfinden, wenn eine vordefinierte Agenda vorliegt, die klar ein zu l\u00f6sendes Problem benennt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die wichtigsten Erkenntnisse aus diesen Meetings flie\u00dfen in die Aktualisierung des Designsystems ein. Idealerweise finden diese Meetings anfangs w\u00f6chentlich, dann alle zwei Wochen und sp\u00e4ter monatlich statt. Sobald das Designsystem ausgereift ist, werden sie nur noch bei Bedarf abgehalten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5. Ein Tool zur Zusammenarbeit nutzen, das f\u00fcr beide Teams funktioniert<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der herk\u00f6mmliche Prozess der Zusammenarbeit zwischen Design und Entwicklung beinhaltet eine \u00dcbergabe vom Design- an das Entwicklungs-Team. Beispielsweise erstellt das Design-Team Bildschirmentw\u00fcrfe und teilt die Bild-Datei mit der Entwicklung. Die Entwicklung gibt dann Feedback dazu, was machbar ist und was nicht. Das Design-Team \u00fcberarbeitet (oder erstellt) die Entw\u00fcrfe bei Bedarf neu und \u00fcbergibt sie erneut an die Entwicklung \u2013 und so weiter. Dieser Prozess ist zeitaufwendig und erfordert viel Abstimmung, bevor etwas live geschaltet wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tools zur Zusammenarbeit zwischen Design und Entwicklung zielen darauf ab, aus dieser \u00dcbergabe eine direkte Abstimmung zu machen. Design und Entwicklung betrachten denselben Entwurf in einer Umgebung, die eine Bearbeitung in Echtzeit erm\u00f6glicht. Dadurch entf\u00e4llt das st\u00e4ndige Hin und Her.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zudem gibt es Tools zur Zusammenarbeit wie <a href=\"https:\/\/www.adobe.com\/products\/xd.html\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Adobe XD<\/u><\/a> , die st\u00e4rker auf die Bed\u00fcrfnisse im Design ausgerichtet sind und den \u00dcbergabeprozess von Wireframes zu fertigen Designs unterst\u00fctzen. Einige Tools wie <a href=\"https:\/\/zeplin.io\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>zeplin.io<\/u><\/a> sind auf die Entwicklung fokussiert und erf\u00fcllen deren Anforderungen, indem sie Code-Snippets, Assets und Spezifikationen f\u00fcr verschiedene Bildschirmgr\u00f6\u00dfen an einem zentralen Ort bereitstellen. Zeplin l\u00e4sst sich in Adobe XD integrieren. So kann es erg\u00e4nzend eingesetzt werden, um die Entwicklung zu unterst\u00fctzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In dem zuvor erw\u00e4hnten Webinar sprach Nicki \u00fcber einige der Herausforderungen, die mit dem \u00dcbergabeprozess einhergehen. Eine dieser Herausforderungen bestand darin, das Feedback der Entwicklung zu sp\u00e4t im Prozess zu erhalten. Sie erw\u00e4hnte auch, wie InVision ihnen dabei half, die \u00dcbergabe durch eine direkte Abstimmung zu ersetzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neben <a href=\"https:\/\/www.invisionapp.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>InVision<\/u><\/a> gibt es Tools wie <a href=\"https:\/\/bit.dev\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Bit<\/u><\/a> und <a href=\"https:\/\/www.figma.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Figma<\/u><\/a> , die Design und Entwicklung bei der Zusammenarbeit in Echtzeit unterst\u00fctzen. Diese Tools lassen sich auch in JIRA oder andere Projektmanagement-Tools integrieren. Die Preisgestaltung variiert je nach Anzahl der Nutzer sowie der Projekte. F\u00fcr ein professionelles Abonnement liegen die Kosten zwischen 9,95 und 20\u00a0$ pro Nutzer und Monat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zusammenarbeit zwischen Design und Entwicklung im E-Mail-Marketing<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Meistens konzentriert sich die Diskussion \u00fcber die Zusammenarbeit zwischen Design und Entwicklung auf Webseiten und Anwendungen. Doch auch die E-Mail profitiert davon. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Dank einer besseren Zusammenarbeit zwischen Design und Entwicklung:<\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>E-Mails funktionieren in allen Arten von Posteing\u00e4ngen und auf s\u00e4mtlichen Endger\u00e4ten.<\/li>\n\n\n\n<li>Zustellbarkeit steigt aufgrund von saubererem, einfacherem Coding.<\/li>\n\n\n\n<li>Klickrate erh\u00f6ht sich durch bessere Layouts.<\/li>\n\n\n\n<li>Abmelderate sinkt aufgrund des h\u00f6heren Engagements.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Dar\u00fcber hinaus helfen ein etabliertes Designsystem, Frontend-Schulungen und die nutzerfreundlichen Funktionen von Pathwire dem Design-Team dabei, E-Mail-Vorlagen zu erstellen, die sich anpassen und immer wieder neu verwenden lassen. Beispielsweise erstellt das Design-Team eine Newsletter-Vorlage. Die Entwicklung pr\u00fcft die Darstellung auf allen Bildschirmgr\u00f6\u00dfen mit Tools wie  <a href=\"https:\/\/www.emailonacid.com\/inbox-display\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Inbox Display von Email on Acid<\/u><\/a> oder <a href=\"https:\/\/www.mailjet.com\/blog\/product\/inbox-preview\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>der E-Mail-Vorschau von Mailjet<\/u><\/a> und das Marketing f\u00fcgt jeden Monat einfach neue Bilder ein und ersetzt den Text in derselben Vorlage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apropos Newsletter: <a href=\"https:\/\/www.mailgun.com\/de\/blog\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Abonnieren Sie unseren<\/u><\/a>. Wir senden Ihnen jeden Monat Artikel wie diesen, ausf\u00fchrliche Ratgeber, spannende Neuigkeiten von Pathwire und vieles mehr.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Weitere Insights zur Zusammenarbeit zwischen Design und Entwicklung?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sehen Sie sich unser als Live-Stream \u00fcbertragenes Panel-Webinar an: \u201eDas volle Potenzial der Zusammenarbeit zwischen Entwicklung und Design mit Pathwire und InVision aussch\u00f6pfen.\u201c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>An der Podiumsdiskussion nehmen teil:<\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nicki Snyder, Manager of Experience and Design bei Mailgun by Pathwire.<\/li>\n\n\n\n<li>Lawrence Norton, Software Engineer bei Mailgun by Pathwire.<\/li>\n\n\n\n<li>Nick Karavas, Solutions Consultant bei InVision.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Die Entwicklung einer App ist ein Teamsport\u00a0\u2013 betrachten wir genauer, wie Unternehmen die Zusammenarbeit zwischen Design- und Entwicklungsteams verbessern.<\/p>\n","protected":false},"author":15,"featured_media":3952,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"blog_category":[19],"class_list":["post-20438","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>5 Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"Die Entwicklung einer App ist ein Teamsport\u00a0\u2013 betrachten wir genauer, wie Unternehmen die Zusammenarbeit zwischen Design- und Entwicklungsteams verbessern.\" \/>\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\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"Die Entwicklung einer App ist ein Teamsport\u00a0\u2013 betrachten wir genauer, wie Unternehmen die Zusammenarbeit zwischen Design- und Entwicklungsteams verbessern.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T23:35:51+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\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/dev-life\\\/zusammenarbeit-design-entwicklung\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/dev-life\\\/zusammenarbeit-design-entwicklung\\\/\",\"name\":\"5 Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/dev-life\\\/zusammenarbeit-design-entwicklung\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/dev-life\\\/zusammenarbeit-design-entwicklung\\\/#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:35:51+00:00\",\"description\":\"Die Entwicklung einer App ist ein Teamsport\u00a0\u2013 betrachten wir genauer, wie Unternehmen die Zusammenarbeit zwischen Design- und Entwicklungsteams verbessern.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/dev-life\\\/zusammenarbeit-design-entwicklung\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/dev-life\\\/zusammenarbeit-design-entwicklung\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/dev-life\\\/zusammenarbeit-design-entwicklung\\\/#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\\\/de\\\/blog\\\/dev-life\\\/zusammenarbeit-design-entwicklung\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"F\u00fcnf Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Leistungsstarke Transaktions-E-Mail-APIs, mit denen Sie E-Mails senden, empfangen und nachverfolgen k\u00f6nnen, speziell f\u00fcr Entwickler konzipiert. Erfahren Sie noch heute mehr!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/de\\\/#\\\/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\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung - Transactional Email API Service For Developers | Mailgun","description":"Die Entwicklung einer App ist ein Teamsport\u00a0\u2013 betrachten wir genauer, wie Unternehmen die Zusammenarbeit zwischen Design- und Entwicklungsteams verbessern.","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\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/","og_locale":"de_DE","og_type":"article","og_title":"5 Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung - Transactional Email API Service For Developers | Mailgun","og_description":"Die Entwicklung einer App ist ein Teamsport\u00a0\u2013 betrachten wir genauer, wie Unternehmen die Zusammenarbeit zwischen Design- und Entwicklungsteams verbessern.","og_url":"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-09-14T23:35:51+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\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/","url":"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/","name":"5 Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/#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:35:51+00:00","description":"Die Entwicklung einer App ist ein Teamsport\u00a0\u2013 betrachten wir genauer, wie Unternehmen die Zusammenarbeit zwischen Design- und Entwicklungsteams verbessern.","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.mailgun.com\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/#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\/de\/blog\/dev-life\/zusammenarbeit-design-entwicklung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/de\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/de\/blog\/"},{"@type":"ListItem","position":3,"name":"F\u00fcnf Ideen f\u00fcr eine bessere Zusammenarbeit zwischen Design und Entwicklung"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/de\/#website","url":"https:\/\/www.mailgun.com\/de\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Leistungsstarke Transaktions-E-Mail-APIs, mit denen Sie E-Mails senden, empfangen und nachverfolgen k\u00f6nnen, speziell f\u00fcr Entwickler konzipiert. Erfahren Sie noch heute mehr!","publisher":{"@id":"https:\/\/www.mailgun.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/de\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.mailgun.com\/de\/#\/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\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog\/20438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/users\/15"}],"version-history":[{"count":2,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog\/20438\/revisions"}],"predecessor-version":[{"id":20506,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog\/20438\/revisions\/20506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/media\/3952"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/media?parent=20438"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/de\/wp-json\/wp\/v2\/blog_category?post=20438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}