{"id":59905,"date":"2023-10-16T14:14:22","date_gmt":"2023-10-16T14:14:22","guid":{"rendered":"https:\/\/decode.agency\/?post_type=case-study&#038;p=59905"},"modified":"2026-04-21T11:04:11","modified_gmt":"2026-04-21T11:04:11","slug":"koer","status":"publish","type":"case-study","link":"https:\/\/decode.agency\/de\/case-study\/koer\/","title":{"rendered":"KOER"},"content":{"rendered":"<style type=\"text\/css\">:root {--headerBgColor: #11d490;--headerTextColor: #FFFFFF;}<\/style>\n\n\n<section class=\"wp-block-decode-grid\"><div class=\"block-grid\" style=\"background-color:#11d490\"><div class=\"container lh-0\" style=\"color:#FFFFFF;padding-top:calc(120px*var(--scale))\">\n<h2 class=\"wp-block-heading\" style=\"max-width:calc(950px*var(--scale));margin-bottom:calc(30px*var(--scale))\"><strong><strong><strong>Flutter HVAC \u00dcberwachungs-App <\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-24-font-size\" style=\"max-width:calc(840px*var(--scale))\">Nehmen wir an, Sie haben ein Lagerhaus. Es braucht Bel\u00fcftung, Heizung, Klimaanlage usw. Sie m\u00fcssen all diese Ger\u00e4te \u00fcberwachen. Aber wie? Wie w\u00e4re es mit einer mobilen App?<\/p>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__043018a3-7dc8-4efe-8c11-5e03804a37f1 { height: calc(120px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__043018a3-7dc8-4efe-8c11-5e03804a37f1 { height: calc(120px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__043018a3-7dc8-4efe-8c11-5e03804a37f1 { height: calc(120px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__043018a3-7dc8-4efe-8c11-5e03804a37f1 { height: calc(120px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__043018a3-7dc8-4efe-8c11-5e03804a37f1\" id=\"\"><\/block><\/section>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20px\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image-align aligncenter \">\n<figure class=\"wp-block-image aligncenter size-medium mobile-fullscreen\"><img decoding=\"async\" width=\"700\" height=\"700\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-700x700.png\" alt=\"\" class=\"wp-image-50508\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-700x700.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-1440x1440.png 1440w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-330x330.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-455x455.png 455w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer.png 1680w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20px\"><\/div>\n<\/div>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"wp-block-decode-grid\"><div class=\"block-grid\"><div class=\"container\" style=\"padding-top:calc(160px*var(--scale));padding-bottom:calc(200px*var(--scale))\">\n<h1 class=\"wp-block-heading\" style=\"max-width:calc(840px*var(--scale));margin-bottom:calc(120px*var(--scale))\"><span class=\"text-uppercase\">AUF EINEN BLICK<\/span><\/h1>\n\n\n\n<div class=\"wp-block-columns stacked-md stacked-sm is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<h6 class=\"wp-block-heading\" style=\"margin-bottom:calc(10px*var(--scale))\"><strong>Industrie<\/strong><\/h6>\n\n\n\n<p class=\"has-18-font-size\" style=\"margin-bottom:calc(50px*var(--scale))\">HVAC<\/p>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"margin-bottom:calc(10px*var(--scale))\"><strong>Zeitleiste<\/strong><\/h6>\n\n\n\n<p class=\"has-18-font-size\" style=\"margin-bottom:calc(50px*var(--scale))\">2020- 2021<\/p>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"margin-bottom:calc(10px*var(--scale))\"><span class=\"fw-500\"><strong>Unsere<\/strong><\/span> <strong>Dienstleistungen<\/strong><\/h6>\n\n\n\n<p>Entwicklung mobiler Anwendungen<\/p>\n\n\n\n<p>UX\/UI-Entwurf<\/p>\n\n\n\n<p style=\"padding-bottom:calc(50px*var(--scale))\">Qualit\u00e4tssicherung<\/p>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"margin-bottom:calc(10px*var(--scale))\"><strong><strong>Technologie<\/strong><\/strong><\/h6>\n\n\n\n<p style=\"padding-bottom:calc(50px*var(--scale))\">Flutter<\/p>\n\n\n\n<h6 class=\"wp-block-heading\" style=\"margin-bottom:calc(10px*var(--scale))\"><strong>Team<\/strong><\/h6>\n\n\n\n<p>Flutter Ingenieur<\/p>\n\n\n\n<p>UX\/UI-Designer<\/p>\n\n\n\n<p>QA-Ingenieur<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<div class=\"wp-block-group max-width-md-100 max-width-sm-100 is-layout-flow wp-block-group-is-layout-flow\" style=\"max-width:calc(840px*var(--scale));margin-right:0;margin-left:auto\">\n<p class=\"has-36-font-size indent\" style=\"margin-bottom:calc(100px*var(--scale))\">Wir haben eine App entwickelt, um Geb\u00e4udemanager bei der \u00dcberwachung aller installierten HLK-Ger\u00e4te zu unterst\u00fctzen. Sie k\u00f6nnen Ger\u00e4te an verschiedenen Standorten verwalten, Ausl\u00f6ser f\u00fcr Alarme festlegen und rechtzeitig auf Probleme reagieren. Die App macht es einfach, alles unter Kontrolle zu haben, egal wo sie sind.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-bottom:calc(30px*var(--scale))\">Die Herausforderung<\/h3>\n\n\n\n<p class=\"has-24-font-size\" style=\"padding-bottom:calc(30px*var(--scale))\">Der Kunde verf\u00fcgte \u00fcber eine Webanwendung mit allen Funktionen, die bereits vorhanden waren.<\/p>\n\n\n\n<p class=\"has-24-font-size\" style=\"padding-bottom:calc(30px*var(--scale))\">Die Aufabe war, all das in eine mobile App zu \u00fcbersetzen.<\/p>\n\n\n\n<p class=\"has-24-font-size\">Genau das haben wir getan.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\" style=\"margin-top:calc(100px*var(--scale));margin-bottom:calc(30px*var(--scale))\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-bottom:calc(30px*var(--scale))\">Die L\u00f6sung<\/h3>\n\n\n\n<p class=\"has-24-font-size\" style=\"padding-bottom:calc(30px*var(--scale))\">Wir haben uns f\u00fcr Flutter entschieden, da es eine kosteneffiziente M\u00f6glichkeit bietet, eine App sowohl f\u00fcr iOS- als auch f\u00fcr Android-Plattformen zu entwickeln.<\/p>\n\n\n\n<p class=\"has-24-font-size\" style=\"padding-bottom:calc(30px*var(--scale))\">Wir haben das Team zusammengestellt, unseren Plan aufgestellt und uns an die Arbeit gemacht.<\/p>\n\n\n\n<p class=\"has-24-font-size\" style=\"padding-bottom:calc(30px*var(--scale))\">Schauen Sie sich an, was wir gemacht haben:<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__4c4daf3f-1445-4067-b5dd-80d9148d5b45 { height: calc(200px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__4c4daf3f-1445-4067-b5dd-80d9148d5b45 { height: calc(200px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__4c4daf3f-1445-4067-b5dd-80d9148d5b45 { height: calc(200px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__4c4daf3f-1445-4067-b5dd-80d9148d5b45 { height: calc(200px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__4c4daf3f-1445-4067-b5dd-80d9148d5b45\" id=\"\"><\/block><\/section>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full ratio ratio-4-3 ratio-portrait\"><img decoding=\"async\" width=\"1240\" height=\"1520\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-1.png\" alt=\"\" class=\"wp-image-50513\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-1.png 1240w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-1-700x858.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-1-330x405.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-1-455x558.png 455w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full ratio ratio-4-3 ratio-portrait\"><img decoding=\"async\" width=\"1240\" height=\"1520\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/HVAC-1.png\" alt=\"\" class=\"wp-image-50515\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/HVAC-1.png 1240w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/HVAC-1-700x858.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/HVAC-1-330x405.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/HVAC-1-455x558.png 455w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__a39c8c11-76cd-4889-be00-f14fb80b5fc5 { height: calc(200px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__a39c8c11-76cd-4889-be00-f14fb80b5fc5 { height: calc(200px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__a39c8c11-76cd-4889-be00-f14fb80b5fc5 { height: calc(200px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__a39c8c11-76cd-4889-be00-f14fb80b5fc5 { height: calc(200px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__a39c8c11-76cd-4889-be00-f14fb80b5fc5\" id=\"\"><\/block><\/section>\n\n\n<h2 class=\"wp-block-heading\">Projekt-Highlights<\/h2>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__48b87344-af3d-400b-a156-1b2e2790d695 { height: calc(120px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__48b87344-af3d-400b-a156-1b2e2790d695 { height: calc(120px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__48b87344-af3d-400b-a156-1b2e2790d695 { height: calc(120px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__48b87344-af3d-400b-a156-1b2e2790d695 { height: calc(120px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__48b87344-af3d-400b-a156-1b2e2790d695\" id=\"\"><\/block><\/section>\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"max-width:calc(1060px*var(--scale));margin-right:0;margin-left:auto\">\n<div class=\"wp-block-columns stacked-md stacked-sm border-top max-width-md-100 max-width-sm-100 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"max-width:calc(1060px*var(--scale));margin-right:0;margin-left:auto;padding-top:calc(30px*var(--scale));padding-bottom:calc(100px*var(--scale))\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading max-width-lg-100 max-width-md-100 max-width-sm-100\" style=\"max-width:calc(400px*var(--scale));margin-right:auto;margin-left:calc(,*var(--scale))\">Zahlreiche Features<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-24-font-size\" style=\"padding-bottom:calc(30px*var(--scale))\">Dazu geh\u00f6ren:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-style-6 has-24-font-size\">\n<li class=\"has-24-font-size\">Alarme f\u00fcr verschiedene Ger\u00e4te, zum Beispiel bei niedrigem Kraftstoffstand<\/li>\n\n\n\n<li class=\"has-24-font-size\">Ger\u00e4te\u00fcbersicht: der Benutzer kann wichtige Werte wie z.B. den CO2-Gehalt sehen<\/li>\n\n\n\n<li class=\"has-24-font-size\">Aufl\u00f6sung des Alarms<\/li>\n\n\n\n<li class=\"has-24-font-size\">Verwaltung von Ger\u00e4ten an verschiedenen Standorten<\/li>\n\n\n\n<li class=\"has-24-font-size\">In-App-Benachrichtigungen<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns stacked-md stacked-sm border-top max-width-md-100 max-width-sm-100 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"max-width:calc(1060px*var(--scale));margin-right:0;margin-left:auto;padding-top:calc(30px*var(--scale));padding-bottom:calc(100px*var(--scale))\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading max-width-lg-100 max-width-md-100 max-width-sm-100\" style=\"max-width:calc(400px*var(--scale));margin-right:auto;margin-left:calc(,*var(--scale))\">UX\/UI-Entwurf<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-24-font-size\">Wir haben die App von Grund auf neu entwickelt. Das erste Ziel war es, den Benutzerfluss und den Prototyp der App zu erstellen. Es gab viele Bildschirme, die wir logisch miteinander verbinden mussten, damit der Nutzer ein m\u00f6glichst intuitives Erlebnis hat.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns stacked-md stacked-sm border-top max-width-md-100 max-width-sm-100 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"max-width:calc(1060px*var(--scale));margin-right:0;margin-left:auto;padding-top:calc(30px*var(--scale));padding-bottom:calc(100px*var(--scale))\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading max-width-lg-100 max-width-md-100 max-width-sm-100\" style=\"max-width:calc(400px*var(--scale));margin-right:auto;margin-left:calc(,*var(--scale))\">Qualit\u00e4tssicherung <\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-24-font-size\">Apps, die Ger\u00e4te im Wert von Tausenden von Dollar steuern, m\u00fcssen einwandfrei funktionieren. Wir haben manuelle und automatisierte Tests kombiniert, um genau das zu erreichen.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns stacked-md stacked-sm border-top max-width-md-100 max-width-sm-100 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"max-width:calc(1060px*var(--scale));margin-right:0;margin-left:auto;padding-top:calc(30px*var(--scale));padding-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading max-width-lg-100 max-width-md-100 max-width-sm-100\" style=\"max-width:calc(400px*var(--scale));margin-right:auto;margin-left:calc(,*var(--scale))\">Wartung und Wachstum<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-24-font-size\">Die Arbeit h\u00f6rt nicht mit dem MVP auf. <br>Wann immer neue Funktionen zu implementieren sind oder Bugs behoben werden m\u00fcssen, sind wir f\u00fcr den Kunden da.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"wp-block-decode-grid\"><div class=\"block-grid\" style=\"background-color:#ffffff\"><div class=\"container\" style=\"color:#262626;padding-top:calc(0px*var(--scale));padding-bottom:calc(200px*var(--scale))\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full ratio ratio-4-3 ratio-portrait\"><img decoding=\"async\" width=\"1240\" height=\"1520\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-app.png\" alt=\"\" class=\"wp-image-50516\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-app.png 1240w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-app-700x858.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-app-330x405.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-app-455x558.png 455w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full ratio ratio-4-3 ratio-portrait\"><img decoding=\"async\" width=\"1240\" height=\"1520\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-mobile-app.png\" alt=\"\" class=\"wp-image-50517\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-mobile-app.png 1240w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-mobile-app-700x858.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-mobile-app-330x405.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/koer-mobile-app-455x558.png 455w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"wp-block-decode-grid\"><div class=\"block-grid\" style=\"background-color:#ffffff\"><div class=\"container\" style=\"color:#262626;padding-top:calc(0px*var(--scale));padding-bottom:calc(200px*var(--scale))\">\n<h2 class=\"wp-block-heading\" style=\"margin-bottom:calc(60px*var(--scale))\">Technischer Stack<\/h2>\n\n\n\n<div class=\"wp-block-columns stacked-md stacked-sm is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"padding-top:calc(80px*var(--scale))\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group display-flex display-xxl-flex display-xl-flex display-lg-flex display-md-flex display-sm-block flex-direction-row align-items-flex-start justify-content-flex-start flex-wrap-nowrap is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group display-flex display-xxl-block display-xl-block display-lg-block display-md-block display-sm-block is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"min-width:calc(64px*var(--scale));margin-right:calc(60px*var(--scale))\"><img decoding=\"async\" width=\"200\" height=\"200\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/Flutter.png\" alt=\"\" class=\"wp-image-50864\"><\/figure>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__4afcb4c4-631b-4919-a45a-20d93782e715 { height: calc(0px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__4afcb4c4-631b-4919-a45a-20d93782e715 { height: calc(0px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__4afcb4c4-631b-4919-a45a-20d93782e715 { height: calc(0px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__4afcb4c4-631b-4919-a45a-20d93782e715 { height: calc(20px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__4afcb4c4-631b-4919-a45a-20d93782e715\" id=\"\"><\/block><\/section><\/div>\n\n\n\n<div class=\"wp-block-group display-flex display-xxl-block display-xl-block display-lg-block display-md-block display-sm-block is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading max-width-md-100 max-width-sm-100\" style=\"max-width:calc(460px*var(--scale));margin-bottom:calc(20px*var(--scale))\"><span class=\"fw-500\"><span class=\"fw-500\"><span class=\"fw-500\">Flutter f\u00fcr die plattform\u00fcbergreifende Entwicklung<\/span><\/span><\/span><\/h4>\n\n\n\n<p class=\"has-text-color max-width-md-100 max-width-sm-100\" style=\"max-width:calc(460px*var(--scale))\">Eine plattform\u00fcbergreifende Flutter-App kann die Aufgabe von nativen iOS- und Android-Apps \u00fcbernehmen. Deshalb haben wir uns bei diesem Projekt f\u00fcr Flutter entschieden.<\/p>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__a32c5ef6-be8f-45a9-803f-d2f5854f2889 { height: calc(0px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__a32c5ef6-be8f-45a9-803f-d2f5854f2889 { height: calc(0px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__a32c5ef6-be8f-45a9-803f-d2f5854f2889 { height: calc(40px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__a32c5ef6-be8f-45a9-803f-d2f5854f2889 { height: calc(40px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__a32c5ef6-be8f-45a9-803f-d2f5854f2889\" id=\"\"><\/block><\/section><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group display-flex display-xxl-flex display-xl-flex display-lg-flex display-md-flex display-sm-block flex-direction-row align-items-flex-start justify-content-flex-start flex-wrap-nowrap is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group display-flex display-xxl-block display-xl-block display-lg-block display-md-block display-sm-block is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full\" style=\"min-width:calc(64px*var(--scale));margin-right:calc(60px*var(--scale))\"><img decoding=\"async\" width=\"200\" height=\"200\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/11\/Figma.png\" alt=\"\" class=\"wp-image-50808\"><\/figure>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__3cedbfc6-44c2-4b6e-84c8-4e9dcf866b96 { height: calc(0px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__3cedbfc6-44c2-4b6e-84c8-4e9dcf866b96 { height: calc(0px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__3cedbfc6-44c2-4b6e-84c8-4e9dcf866b96 { height: calc(0px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__3cedbfc6-44c2-4b6e-84c8-4e9dcf866b96 { height: calc(20px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__3cedbfc6-44c2-4b6e-84c8-4e9dcf866b96\" id=\"\"><\/block><\/section><\/div>\n\n\n\n<div class=\"wp-block-group display-flex display-xxl-block display-xl-block display-lg-block display-md-block display-sm-block is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading max-width-md-100 max-width-sm-100\" style=\"max-width:calc(460px*var(--scale));margin-bottom:calc(20px*var(--scale))\"><span class=\"fw-500\"><span class=\"fw-500\"><strong><span class=\"fw-500\"><span class=\"fw-500\"><span class=\"fw-500\">Figma f\u00fcr UX\/UI-Design<\/span><\/span><\/span><\/strong><\/span><\/span><\/h4>\n\n\n\n<p class=\"has-text-color max-width-md-100 max-width-sm-100\" style=\"max-width:calc(460px*var(--scale))\">Unser Tool der Wahl f\u00fcr UX\/UI-Design und vieles mehr. Wir halten Workshops in FigJam ab und verwenden Figma f\u00fcr das Prototyping und die Zusammenarbeit mit Kunden und Kollegen.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__bbbbb1f5-a188-453e-b99d-0ceb4c2dacd0 { height: calc(220px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__bbbbb1f5-a188-453e-b99d-0ceb4c2dacd0 { height: calc(220px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__bbbbb1f5-a188-453e-b99d-0ceb4c2dacd0 { height: calc(220px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__bbbbb1f5-a188-453e-b99d-0ceb4c2dacd0 { height: calc(220px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__bbbbb1f5-a188-453e-b99d-0ceb4c2dacd0\" id=\"\"><\/block><\/section>\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2023\/10\/kvac-mobile-app-.svg\" alt=\"\" class=\"wp-image-50527\" style=\"object-fit:cover;width:1440px;height:855px\"><\/figure>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__d4f24145-962d-4442-acfb-4777176633ce { height: calc(200px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__d4f24145-962d-4442-acfb-4777176633ce { height: calc(200px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__d4f24145-962d-4442-acfb-4777176633ce { height: calc(200px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__d4f24145-962d-4442-acfb-4777176633ce { height: calc(200px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__d4f24145-962d-4442-acfb-4777176633ce\" id=\"\"><\/block><\/section>\n\n\n<div class=\"wp-block-group max-width-md-100 max-width-sm-100 is-layout-flow wp-block-group-is-layout-flow\" style=\"max-width:calc(840px*var(--scale));margin-right:auto;margin-left:auto\">\n<h3 class=\"wp-block-heading\" style=\"margin-bottom:calc(30px*var(--scale))\">Ergebnis<\/h3>\n\n\n\n<p class=\"has-24-font-size\" style=\"padding-bottom:calc(30px*var(--scale))\">Das haben wir erreicht:<\/p>\n\n\n\n<ul style=\"padding-bottom:calc(30px*var(--scale))\" class=\"wp-block-list is-style-style-2\">\n<li class=\"has-24-font-size\">Ein erfolgreicher Start eines Flutter-MVP<\/li>\n\n\n\n<li class=\"has-24-font-size\">Weitere Versionen nach Auswertung von R\u00fcckmeldungen<\/li>\n\n\n\n<li class=\"has-24-font-size\">Ein durchdachtes Produkt<\/li>\n<\/ul>\n\n\n\n<p class=\"has-24-font-size\">Wir sind auch immer in Bereitschaft, wenn der Kunde neue Funktionen ben\u00f6tigt oder wenn Probleme gel\u00f6st werden m\u00fcssen.<\/p>\n<\/div>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__8b1ff5d3-1351-4ca8-8317-32d2d93cb446 { height: calc(240px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__8b1ff5d3-1351-4ca8-8317-32d2d93cb446 { height: calc(240px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__8b1ff5d3-1351-4ca8-8317-32d2d93cb446 { height: calc(240px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__8b1ff5d3-1351-4ca8-8317-32d2d93cb446 { height: calc(240px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__8b1ff5d3-1351-4ca8-8317-32d2d93cb446\" id=\"\"><\/block><\/section>\n\n\n<h2 class=\"wp-block-heading\" style=\"margin-bottom:calc(120px*var(--scale))\">Weitere Fallstudien<\/h2>\n\n\n<section><block class=\"block-custom-posts\">\n\t\t\t\n\t\t\t<ul class=\"small-post-grid columns-2 custom\"><li><article id=\"post-59912\" class=\"small-post-item case-study post-59912 type-case-study status-publish has-post-thumbnail hentry\">\n  \n  <div class=\"image\">\n        <a href=\"https:\/\/decode.agency\/de\/case-study\/proptia\/\" class=\"img-link\" title=\"Proptia\">\n                <div class=\"img-box png\" ><img decoding=\"async\" width=\"800\" height=\"645\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2024\/12\/Proptia-thumb.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2024\/12\/Proptia-thumb.png 800w, https:\/\/decode.agency\/wp-content\/uploads\/2024\/12\/Proptia-thumb-700x564.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2024\/12\/Proptia-thumb-330x266.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2024\/12\/Proptia-thumb-455x367.png 455w\" sizes=\"(max-width: 800px) 100vw, 800px\"><\/div>\n          <\/a>\n      <\/div>\n\n  <div class=\"text\">\n\n    \n          <a class=\"title\" href=\"https:\/\/decode.agency\/de\/case-study\/proptia\/\">Proptia<\/a>\n              <p class=\"excerpt\">Sicherheits-App f\u00fcr Wohnanlagen<\/p>\n                    <div class=\"links\">\n          <a href=\"https:\/\/decode.agency\/de\/case-study\/proptia\/\" class=\"tdua\">View case study \u2192<\/a>\n        <\/div>\n              \n  <\/div>\n\n<\/article>\n<\/li>\n<li><article id=\"post-59885\" class=\"small-post-item case-study post-59885 type-case-study status-publish has-post-thumbnail hentry\">\n  \n  <div class=\"image\">\n        <a href=\"https:\/\/decode.agency\/de\/case-study\/gdi\/\" class=\"img-link\" title=\"GDI\">\n                <div class=\"img-box jpeg\" ><img decoding=\"async\" width=\"1240\" height=\"1269\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2021\/09\/GDI-case-study.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2021\/09\/GDI-case-study.jpg 1240w, https:\/\/decode.agency\/wp-content\/uploads\/2021\/09\/GDI-case-study-700x716.jpg 700w, https:\/\/decode.agency\/wp-content\/uploads\/2021\/09\/GDI-case-study-330x338.jpg 330w, https:\/\/decode.agency\/wp-content\/uploads\/2021\/09\/GDI-case-study-455x466.jpg 455w\" sizes=\"(max-width: 1240px) 100vw, 1240px\"><\/div>\n          <\/a>\n      <\/div>\n\n  <div class=\"text\">\n\n    \n          <a class=\"title\" href=\"https:\/\/decode.agency\/de\/case-study\/gdi\/\">GDI<\/a>\n              <p class=\"excerpt\">Workforce-Management-App mit 1.200 Gesch\u00e4ftskunden<\/p>\n                    <div class=\"links\">\n          <a href=\"https:\/\/decode.agency\/de\/case-study\/gdi\/\" class=\"tdua\">View case study \u2192<\/a>\n        <\/div>\n              \n  <\/div>\n\n<\/article>\n<\/li>\n<\/ul>\n\t\t<\/block><\/section><\/div><\/div><\/section>\n\n\n\n<section class=\"wp-block-decode-grid\"><div class=\"block-grid\"><div class=\"container\" style=\"padding-top:calc(120px*var(--scale));padding-bottom:calc(200px*var(--scale))\">\n<h2 class=\"wp-block-heading max-width-lg-100 max-width-md-100 max-width-sm-100 indent\" id=\"positions\" style=\"max-width:calc(1060px*var(--scale));margin-right:auto;margin-bottom:calc(30px*var(--scale));margin-left:0\">SIE WOLLEN EIN PRODUKT WIE DIESES? &#8211; LASSEN SIE UNS REDEN <\/h2>\n\n\n\n<p style=\"max-width:calc(730px*var(--scale));margin-top:calc(30px*var(--scale))\">F\u00fcllen Sie einfach das kurze Formular unten aus, oder springen Sie zum Ende des Formulars, um direkt ein Gespr\u00e4ch mit Ihrem pers\u00f6nlichen Ansprechpartner zu vereinbaren. In jedem Fall werden wir uns so bald wie m\u00f6glich bei Ihnen melden, um ein informelles Gespr\u00e4ch zu vereinbaren.<\/p>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__ff6cc55f-9c30-4222-8982-c33d10abc109 { height: calc(120px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__ff6cc55f-9c30-4222-8982-c33d10abc109 { height: calc(120px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__ff6cc55f-9c30-4222-8982-c33d10abc109 { height: calc(120px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__ff6cc55f-9c30-4222-8982-c33d10abc109 { height: calc(120px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__ff6cc55f-9c30-4222-8982-c33d10abc109\" id=\"\"><\/block><\/section>\n\n\n<div class=\"wp-block-group max-width-md-100 max-width-sm-100 is-layout-flow wp-block-group-is-layout-flow\" style=\"max-width:calc(840px*var(--scale));margin-right:auto;margin-left:auto\">\n<heyflow-wrapper flow-id=\"hDpsOvwwDC7XEkXU1tzt\" dynamic-height scroll-up-on-navigation style-config='{\"width\":\"800px\"}'><\/heyflow-wrapper>\n\n\n\n<p class=\"has-text-align-center has-gray-700-color has-text-color has-18-font-size\" style=\"max-width:calc(510px*var(--scale));margin-top:calc(40px*var(--scale));margin-right:auto;margin-left:auto\">Keine Sorge, die von Ihnen angegebenen Daten werden nur f\u00fcr gesch\u00e4ftliche Zwecke gespeichert. Weitere Informationen finden Sie in unserer Datenschutzrichtlinie.<\/p>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__16d91344-3487-4df6-ad02-e500858b3ad7 { height: calc(100px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__16d91344-3487-4df6-ad02-e500858b3ad7 { height: calc(100px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__16d91344-3487-4df6-ad02-e500858b3ad7 { height: calc(100px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__16d91344-3487-4df6-ad02-e500858b3ad7 { height: calc(100px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__16d91344-3487-4df6-ad02-e500858b3ad7\" id=\"\"><\/block><\/section>\n\n<div class=\"wp-block-separator-overlay\">\n<hr class=\"wp-block-separator has-css-opacity overlay-text\"\/>\n<div class=\"overlay-text-box\">or<\/div><\/div>\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__7194b5a9-df0b-4a1e-beb6-5f06821bdac7 { height: calc(50px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__7194b5a9-df0b-4a1e-beb6-5f06821bdac7 { height: calc(50px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__7194b5a9-df0b-4a1e-beb6-5f06821bdac7 { height: calc(50px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__7194b5a9-df0b-4a1e-beb6-5f06821bdac7 { height: calc(50px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__7194b5a9-df0b-4a1e-beb6-5f06821bdac7\" id=\"\"><\/block><\/section>\n\n\n<div class=\"wp-block-group display-flex display-sm-none flex-direction-sm-column align-items-center justify-content-space-between is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group display-flex align-items-center is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\" style=\"min-width:calc(90px*var(--scale));margin-right:calc(20px*var(--scale))\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/decode.agency\/wp-content\/uploads\/2025\/01\/Miki.png\" alt=\"\" class=\"wp-image-60012\" style=\"width:83px;height:83px\" srcset=\"https:\/\/decode.agency\/wp-content\/uploads\/2025\/01\/Miki.png 1024w, https:\/\/decode.agency\/wp-content\/uploads\/2025\/01\/Miki-700x700.png 700w, https:\/\/decode.agency\/wp-content\/uploads\/2025\/01\/Miki-330x330.png 330w, https:\/\/decode.agency\/wp-content\/uploads\/2025\/01\/Miki-455x455.png 455w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Vereinbaren Sie direkt ein Gespr\u00e4ch mit Miki!<\/p>\n<\/div>\n\n\n<style type=\"text\/css\">@media (min-width: 1200px) { .block-vertical-spacer__aa72a50f-feb9-4d8b-a429-0f5fbcdfa657 { height: calc(0px*var(--scale)); width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .block-vertical-spacer__aa72a50f-feb9-4d8b-a429-0f5fbcdfa657 { height: calc(0px*var(--scale)); width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .block-vertical-spacer__aa72a50f-feb9-4d8b-a429-0f5fbcdfa657 { height: calc(0px*var(--scale)); width: 100%; } } @media (max-width: 767px) { .block-vertical-spacer__aa72a50f-feb9-4d8b-a429-0f5fbcdfa657 { height: calc(40px*var(--scale)); width: 100%; } } <\/style>\n<section><block class=\"block-spacer-responsive block-vertical-spacer__aa72a50f-feb9-4d8b-a429-0f5fbcdfa657\" id=\"\"><\/block><\/section>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-sm\"><a class=\"wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/calendly.com\/miki-decode\/30min\" target=\"_blank\" rel=\"noreferrer noopener\">Termin buchen<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"<p>Flutter-basierte HVAC-Monitoring-App<\/p>\n","protected":false},"featured_media":68014,"template":"","tags":[],"cs_category":[],"class_list":["post-59905","case-study","type-case-study","status-publish","has-post-thumbnail","hentry"],"cmb2":{"custom_author_metabox":{"custom_author1_id":"","custom_author2_id":"","custom_author3_id":""},"pages_metabox":{"page_footer_cta":"cta3"}},"_links":{"self":[{"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/case-study\/59905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/case-study"}],"about":[{"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/types\/case-study"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/media\/68014"}],"wp:attachment":[{"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/media?parent=59905"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/tags?post=59905"},{"taxonomy":"cs_category","embeddable":true,"href":"https:\/\/decode.agency\/de\/wp-json\/wp\/v2\/cs_category?post=59905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}