<!doctype html>
<html class="no-js" lang="en">

<head>
    <title>69 Grad | Web & Mobile Software Engineering</title>

    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="Wir begleiten Ihre Software von der Ideenfindung und Planung, über die Entwicklung bis hin zu Release und Betrieb über den gesamten Lebenszyklus hinweg.">
    <meta itemprop="name" content="69 Grad | Web & Mobile Software Engineering">
    <meta itemprop="description" content="Wir begleiten Ihre Software von der Ideenfindung und Planung, über die Entwicklung bis hin zu Release und Betrieb über den gesamten Lebenszyklus hinweg.">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="69 Grad | Web & Mobile Software Engineering">
    <meta name="twitter:description" content="Wir begleiten Ihre Software von der Ideenfindung und Planung, über die Entwicklung bis hin zu Release und Betrieb über den gesamten Lebenszyklus hinweg.">
    <meta name="twitter:image:src" content="">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
    <link rel="manifest" href="img/favicon/site.webmanifest">
    <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#00a8d8">
    <link rel="shortcut icon" href="img/favicon/favicon.ico">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="css/application.min.css?v=1.5">
    
</head>

<body>
    
<div id="barba-wrapper">
    <div class="barba-container" data-namespace="home">
        <header id="header">
            <div class="section">
                <div class="row">
                    <div class="col d-flex align-items-center header-inner">
                        <a href="#introduction" class="header-logo">69°</a>
                        <nav>
                            <ul class="header-navigation" role="navigation">
                                <li class="hidden"><a href="#introduction" class="link"></a></li>
                                <li><a href="#services" class="link">Leistungen</a></li>
                                <li><a href="#case-studies" class="link">Referenzen</a></li>
                                <li><a href="#insights" class="link">Einblicke</a></li>
                                <li><a href="#contact" class="link">Kontakt</a></li>
                            </ul>
                        </nav>
                        <button class="menu-button d-md-none">Menu</button>
                    </div>
                </div>
            </div>
        </header>

        <section class="hero mb-2 mb-md-0 link-section" id="introduction">
            <div class="section">
                <div class="row hero-row">
                    <h1 class="col-md-9 col-lg-7 hero-text headline-1 headline-1-intro mb-1 mb-md-2 order-1">Web &amp; Mobile<br />Software Engineering</h1>
                    <div class="col-md-7 col-lg-6 order-3">
                        <p class="hero-text paragraph-intro mb-1">Wir begleiten Ihr Software-Projekt über seinen gesamten Lebenszyklus hinweg. Von der Ideenfindung und Planung, über die Entwicklung bis hin zu Release und Betrieb.</p>
                        <p class="hero-text paragraph-intro mb-1">Freuen Sie sich auf die Zusammenarbeit mit einem hochspezialisierten und erfahrenen Team, das auch in komplexen Situationen zuverlässig Lösungen liefert.</p>
                    </div>
                    <div class="col hero-illustration order-2 mb-2 mb-sm-3">
                        <picture class="d-xl-flex">
                            <source srcset="img/hero@2x.webp 2x, img/hero@1x.webp 1x" type="image/webp">
                            <source srcset="img/hero@2x.png 2x, img/hero@1x.png 1x" type="image/png">
                            <img src="img/hero@2x.png" alt="Development Illustration">
                        </picture>
                        <span class="skew d-none d-md-block"></span>
                    </div>
                </div>
            </div>
        </section>

        <section class="link-section services" id="services">
            <div class="section pb-4 pb-sm-5 pb-md-6 pb-lg-7 pb-xl-8">
                <div class="row">
                    <h2 class="headline-1 text-center col mb-2 mb-md-3 mb-lg-4">Leistungen</h2>
                </div>

                <div class="row mb-2 mb-sm-2 mb-md-3 mb-lg-6 mb-xl-8">
                    <div class="col-12 col-md-8 offset-md-2 offset-lg-0 col-lg-4 mb-2 mb-sm-3 mb-lg-0">
                        <figure>
                            <img src="img/illustration-requirements.svg" alt="Beratung">
                            <span class="shadow"></span>
                        </figure>
                        <h3 class="headline-2 mb-1">Beratung</h3>
                        <p>Ihre Anforderungen im Blick, helfen wir Ihnen bei der Auswahl geeigneter Werk­zeuge und Methoden vor und während der Umsetzung.</p>
                    </div>

                    <div class="col-12 col-md-8 offset-md-2 offset-lg-0 col-lg-4 mb-2 mb-sm-3 mb-lg-0">
                        <figure>
                            <img src="img/illustration-architecture.svg" alt="Konzeption">
                            <span class="shadow architecture"></span>
                        </figure>
                        <h3 class="headline-2 mb-1">Projektsteuerung</h3>
                        <p>Für den Weg von der ersten Idee bis zur Auslieferung und darüber hinaus übernehmen wir Analyse, Planung und Steuerung.</p>
                    </div>

                    <div class="col-12 col-md-8 offset-md-2 offset-lg-0 col-lg-4 mb-2 mb-sm-3 mb-lg-0">
                        <figure>
                            <img src="img/illustration-development.svg" alt="Entwicklung">
                            <span class="shadow development"></span>
                        </figure>
                        <h3 class="headline-2 mb-1">Programmierung</h3>
                        <p>Wir programmieren Ihre Software in einem für Sie passenden agilen Entwicklungs&shy;prozess. Kontinuierlich, Feature für Feature.</p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12 col-md-5 col-lg-4 mb-2 mb-md-0">
                        <h3 class="headline-3 mb-2">Unsere Schwerpunkte</h3>
                        <ul class="scope-list">
                            <li>Web Apps</li>
                            <li>Mobile Apps</li>
                            <li>Cloud Backends</li>
                        </ul>
                    </div>

                    <div class="col-12 col-md-7 col-lg-8">
                        <h3 class="headline-3 mb-2">Womit wir arbeiten</h3>
                        <ul class="tech-list row">
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">.NET</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">Node.js</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">React</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">Next.js</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">Flutter</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">React Native</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">Xamarin</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">TypeScript</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">Dart</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">C#</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">F#</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">TDD</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">DDD</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">Azure</li>
                            <li class="col-sm-4 col-md-6 col-lg-4 col-xl-3">AWS</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section class="link-section separator" id="case-studies">
            <div class="section">
                <div class="row mb-3 mb-xl-5">
                    <h2 class="headline-1 text-center col">Referenzen</h2>
                </div>

                <div class="row case mb-2 mb-md-6 mb-lg-8">
                    <a class="col modal-open" href="/mehr-zeit-fuer-patienten">
                        <div class="case-inner link-button">
                            <div class="row">
                                <div class="col-md-7 col-xl-6 case-description order-2">
                                    <div class="case-link link-button">
                                        <span class="headline-3 case-subline mb-1 mb-md-2">Mehr Zeit für Patienten</span>
                                        <h3 class="headline-2 mb-1">Intuitive Software für Physiotherapeuten</h3>
                                        <p>Zeitsparende und effektive Praxisorganisation für moderne Therapiepraxen.</p>
                                    </div>
                                </div>
                                <div class="col-md-7 col-xl-6 case-picture offset-xl-1 order-1 mb-1 mb-sm-2">
                                    <picture>
                                        <source srcset="img/cases/physiotherapists-software@2x.webp 2x, img/cases/physiotherapists-software@1x.webp 1x" type="image/webp">
                                        <source srcset="img/cases/physiotherapists-software@2x.jpg 2x, img/cases/physiotherapists-software@1x.jpg 1x" type="image/jpg">
                                        <img src="img/cases/physiotherapists-software@2x.jpg" alt="Intuitive Software für Physiotherapeuten">
                                    </picture>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="row case mb-2 mb-md-6 mb-lg-8">
                    <a class="col modal-open" href="/erfolgreiches-neu-gedacht">
                        <div class="case-inner link-button">
                            <div class="row">
                                <div class="col-md-7 col-xl-6 case-description order-2 order-md-1">
                                    <div class="case-link link-button">
                                        <span class="headline-3 case-subline mb-1 mb-md-2">Erfolgreiches neu gedacht</span>
                                        <h3 class="headline-2 mb-1">Ein CRM-System für mobile Hausverwalter</h3>
                                        <p>Mobile CRM-Funktionen für Hausverwaltungen und ihre Mitarbeiter/-innen.</p>
                                    </div>
                                </div>
                                <div class="col-md-7 col-xl-6 case-picture order-1 order-md-2 mb-1 mb-sm-2">
                                    <picture>
                                        <source srcset="img/cases/real-estate-crm@2x.webp 2x, img/cases/real-estate-crm@1x.webp 1x" type="image/webp">
                                        <source srcset="img/cases/real-estate-crm@2x.jpg 2x, img/cases/real-estate-crm@1x.jpg 1x" type="image/jpg">
                                        <img src="img/cases/real-estate-crm@2x.jpg" alt="Ein CRM-System für mobile Hausverwalter">
                                    </picture>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="row case mb-2 mb-md-6 mb-lg-8">
                    <a class="col modal-open" href="/optimale-digitale-kommunikation">
                        <div class="case-inner link-button">
                            <div class="row">
                                <div class="col-md-7 col-xl-6 case-description order-2">
                                    <div class="case-link link-button">
                                        <span class="headline-3 case-subline mb-1 mb-md-2">Optimale digitale Kommunikation</span>
                                        <h3 class="headline-2 mb-1">Eine Plattform für Vermieter und Mieter</h3>
                                        <p>Bessere, schnellere und umfassendere Kommunikation zwischen Mietern, Vermietern und anderen.</p>
                                    </div>
                                </div>
                                <div class="col-md-7 col-xl-6 case-picture offset-xl-1 order-1 mb-1 mb-sm-2">
                                    <picture>
                                        <source srcset="img/cases/digital-communication@2x.webp 2x, img/cases/digital-communication@1x.webp 1x" type="image/webp">
                                        <source srcset="img/cases/digital-communication@2x.jpg 2x, img/cases/digital-communication@1x.jpg 1x" type="image/jpg">
                                        <img src="img/cases/digital-communication@2x.jpg" alt="Eine Plattform für Vermieter und Mieter">
                                    </picture>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="row pt-1 pt-xl-3 pb-3 pb-xl-6">
                    <h3 class="headline-3 logowall-headline text-center col-12 mb-2 mb-md-3">Ausgewählte Kunden</h3>
                    <div class="col-12 logowall">
                        <picture>
                            <source media="(min-width: 540px)" srcset="img/logowall@1x.png 1x, img/logowall@2x.png 2x">
                            <source media="(min-width: 300px)" srcset="img/logowall-mobile@2x.png 1x, img/logowall-mobile@2x.png 2x">
                            <img src="img/logowall@2x.png" alt="Clinet Logos">
                        </picture>
                    </div>
                </div>
            </div>
        </section>

        <section class="link-section separator" id="insights">
            <div class="section">
                <div class="row mb-3 mb-md-4">
                    <h2 class="headline-1 text-center col">Einblicke</h2>
                </div>
                <div class="row insights pb-2 pb-sm-3 pb-md-5 pb-lg-6 pb-xl-8">
                    <div class="col-12 col-lg-4 d-flex">
                        <article class="mb-1">
                            <a href="https://thomasbandt.com/model-view-update" target="_blank" rel="noopener" class="p-1 p-md-2 link-button pb-3">
                                <h3 class="headline-3 mb-1 mb-md-2">
                                    Model-View-Update (MVU): How Does It Work?
                                </h3>
                                <p>MVU (also known as The Elm Architecture) seems to be one of those things which are a mystery to most of us. Until all of a sudden, we understand it and never wanna miss it again. It's not all that complicated.</p>
                            </a>
                        </article>
                    </div>
                    <div class="col-12 col-lg-4 d-flex">
                        <article class="mb-1">
                            <a href="https://thomasbandt.com/type-safe-spa-fable-fsharp-vs-typescript" target="_blank" rel="noopener" class="p-1 p-md-2 link-button pb-3">
                                <h3 class="headline-3 mb-1 mb-md-2">Type-Safe Single Page Apps: F# Vs. TypeScript</h3>
                                <p>While there are many UI libraries available today to build modern web apps, the number of programming languages that compile to JavaScript has also increased in recent years. Here is a quick take on F# and TypeScript.</p>
                            </a>
                        </article>
                    </div>
                    <div class="col-12 col-lg-4 d-flex">
                        <article class="mb-1">
                            <a href="https://thomasbandt.com/certificate-and-public-key-pinning-with-xamarin" target="_blank" rel="noopener" class="p-1 p-md-2 link-button pb-3">
                                <h3 class="headline-3 mb-1 mb-md-2">Certificate And Public Key Pinning With Xamarin</h3>
                                <p>Are you securing the communication between your app and its backend with HTTPS (SSL/TLS)? Fantastic. But how do you make sure the other side is authentic? Read on on how to do this with Xamarin for iOS and Android.</p>
                            </a>
                        </article>
                    </div>
                </div>
            </div>
        </section>

        <section class="link-section separator" id="contact">
            <div class="section contact pb-3 pb-md-5 pb-lg-7">
                <div class="row">
                    <h2 class="headline-1 text-center col-12 mb-2 mb-lg-5 mb-xl-7">Neugierig geworden?<br class="d-none d-lg-block"> Lassen Sie uns sprechen!</h2>
                </div>
                <div class="row align-items-center">
                    <div class="col-12 col-md-10 offset-md-1 col-lg-6 col-xl-5 offset-xl-2 mb-3 mb-sm-4 mb-lg-0 text-sm-center text-md-center">
                        <p class="paragraph-intro mb-2 mb-sm-3">Senden Sie mir einfach eine E-Mail oder rufen Sie mich an. Ich freue mich, von Ihnen zu hören.</p>
                        <a class="contact-link mail mb-1 mb-sm-2" href="mailto:tb@69grad.de">tb@69grad.de</a>
                        <a class="contact-link tel" href="tel:+4989693145560">+49 89 693 145 560</a>
                    </div>
                    <div class="col-12 col-lg-4 col-xl-3 contact-picture">
                        <picture>
                            <source srcset="img/thomas-bandt@2x.webp 2x, img/thomas-bandt@1x.webp 1x" type="image/webp">
                            <source srcset="img/thomas-bandt@2x.jpg 2x, img/thomas-bandt@1x.jpg 1x" type="image/jpg">
                            <img src="img/thomas-bandt@2x.jpg" alt="Thomas Bandt">
                            <svg xmlns="http://www.w3.org/2000/svg" width="240" height="74" viewBox="0 0 240 74"><g fill="none" fill-rule="evenodd"><path fill="#FF54A9" d="M40.5395507,0.1066012 L229.684871,2.15441775 C235.207394,2.21420837 239.635815,6.73956837 239.576024,12.2620922 C239.571573,12.6732004 239.541773,13.0836428 239.486795,13.4910825 L236.491505,35.6887687 C235.819258,40.6707055 231.553003,44.3791792 226.525992,44.3513649 L39.7660104,43.3180268 C34.2432475,43.2874695 29.7909351,38.785614 29.8214924,33.262851 C29.8218749,33.193724 29.8229741,33.1246027 29.82479,33.0554985 L30.4347409,9.84333376 C30.578234,4.38259131 35.0772434,0.047462527 40.5395507,0.1066012 Z" /><path fill="#0088F0" d="M11.6300282,39.8461538 L119.101104,39.8461538 C124.366117,39.8461538 128.729308,43.9285481 129.07902,49.1819347 L130.021226,63.3357808 C130.388065,68.8464318 126.21818,73.6110781 120.707529,73.9779163 C120.486429,73.9926347 120.2649,74 120.04331,74 L10.6878219,74 C5.16497439,74 0.687821892,69.5228475 0.687821892,64 C0.687821892,63.7784101 0.695187205,63.5568814 0.709905633,63.3357808 L1.65211199,49.1819347 C2.0018243,43.9285481 6.36501458,39.8461538 11.6300282,39.8461538 Z" /><path fill="#003CA9" d="M126.989846,43.8010661 L39.6879224,43.3180268 C36.679823,43.3013831 33.9892926,41.9582456 32.1677351,39.8461538 L119.023016,39.8461538 C122.260971,39.8461538 125.157841,41.390191 126.989846,43.8010661 Z" /><text fill="#FFFFFF" font-family="Inter UI" font-size="26" font-weight="500" letter-spacing="-.684"><tspan x="48.882" y="31.769">Thomas Bandt</tspan></text><text fill="#FFFFFF" font-family="Inter UI" font-size="15" font-weight="500" letter-spacing="-.395"><tspan x="13.642" y="61.923">Gründer &amp; CEO</tspan></text></g></svg>
                        </picture>
                    </div>
                </div>
            </div>
        </section>

        <footer class="section py-3">
            <div class="footer-signature mb-2 mb-md-3">
                &copy; 2007–2024 <br /><br />
                69 Grad GmbH<br/>
                Blutenburgstr. 98<br/>
                80636 München
            </div>
            <ul class="col text-center footer-links">
                <li><a href="/impressum" class="modal-open" rel="nofollow">Impressum</a></li>
                <li><a href="/datenschutz" class="modal-open" rel="nofollow">Datenschutz</a></li>
            </ul>
        </footer>

        <div id="mobile-menu" class="px-2 d-md-none">
            <div class="section mb-3">
                <div class="row">
                    <div class="col header-inner">
                        <a href="#introduction" class="header-logo">69°</a>
                    </div>
                </div>
            </div>
            <nav>
                <ul class="header-navigation" role="navigation">
                    <li><a href="#services" class="link link-mobile internal">Leistungen</a></li>
                    <li><a href="#case-studies" class="link link-mobile internal">Referenzen</a></li>
                    <li><a href="#insights" class="link link-mobile internal">Einblicke</a></li>
                    <li><a href="#contact" class="link link-mobile internal">Kontakt</a></li>
                </ul>
            </nav>
        </div>

    </div>
</div>


    <div class="barba-transition"></div>

    <script src="js/min/application.min.js" type="text/javascript"></script>

</body>

</html>
