<!DOCTYPE html>
<!--[if lt IE 9]><html class="no-js ie9 oldie" lang="de"><![endif]-->
<!--[if IE 9]><html class="no-js ie9" lang="de"><![endif]-->
<!--[if gt IE 9]><!--><html class="no-transition" lang="de"><!--<![endif]-->
<head>

<meta charset="utf-8">
<!-- 
	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2017 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at https://typo3.org/
-->



<title>Digitalagentur dotfly aus Köln - Strategie, Konzeption, Design &amp; Online Marketing für Ihre digitale Transformation - dotfly</title>
<meta name="generator" content="TYPO3 CMS">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover">
<meta name="robots" content="index, follow">
<meta name="X-UA-Compatible" content="ie=edge">
<meta name="google-site-verification" content="aiTXNQQME2dIixx95EGpzrqQR9SWmwU3ebM5pQmURrU">
<meta name="description" content="Internetagentur für digitale Strategien - Konzeption, Design &amp; Online Marketing. Wir begleiten B2B &amp; B2C Kunden seit mehr als 15 Jahren mit großem Erfolg auf Ihrem Weg zu den besten Online Playern Ihrer Branche. Gestalten auch Sie Ihre digitale Transformation mit uns!">


<link rel="stylesheet" type="text/css" href="//static.dotfly.de/assets/dist/css/main.css?1560775171" media="all">








<!-- WindowsTile -->
<meta name="application-name" content="dotfly."/>

<!-- Icons -->
<link rel="apple-touch-icon" href="/assets/img/structure/touch_icons/apple-touch-icon.png" />
<link rel="apple-touch-icon" href="/assets/img/structure/touch_icons/apple-touch-icon-precomposed.png" />
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/structure/touch_icons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/img/structure/touch_icons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/img/structure/touch_icons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/img/structure/touch_icons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/img/structure/touch_icons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/img/structure/touch_icons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/img/structure/touch_icons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/img/structure/touch_icons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/structure/touch_icons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/assets/img/structure/touch_icons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/img/structure/touch_icons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/assets/img/structure/touch_icons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/assets/img/structure/touch_icons/android-chrome-192x192.png" sizes="192x192">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


</head>
<body>

<div class="container header-large header-home ">
    
<!--[if lt IE 9]>
<div class="optimized">
    <p>dotfly.</p>
    <img src="/assets/img/content/ie/pc.jpg" alt="Alter PC" />
    <strong>
        Wir sind im Jahr 2015!<br />
        Um unsere Seite besuchen zu können aktualisieren Sie bitte Ihren <a title="Neuen Browser bei Browserhappy laden" href="http://browsehappy.com/">Browser</a>.
    </strong>
</div>
<![endif]-->

<!-- START :: Header -->


        
                <header id="Header" role="banner" >
            
    

    <div class="row-full">
        <div class="row-large">

            <!-- START :: Logo -->
            <div class="header-branding">
                <a class="logo" title="Zur Startseite" href="/"><img src="/assets/img/content/logo_black_vector.svg" width="100" alt="Dotfly"></a>
            </div>
            <!-- END :: Logo -->

            <!-- START :: Nav -->
            <button class="nav-toggle" aria-label="Toggle Navigation" type="button">
                <span class="lines"></span>
            </button>
            <nav id="Nav" class="header-navigation" role="navigation">
                <ul>
                    <li class="navigation-start"><a title="Startseite von Dotfly" href="/">Start</a></li>
                    <li><a href="/projekte/" title="Projekte">Projekte</a></li><li><a href="/services/" title="Services">Services</a></li><li><a href="/agentur/" title="Agentur">Agentur</a></li><li><a href="/jobs/" title="Jobs">Jobs</a></li><li><a href="/kontakt/" title="Kontakt">Kontakt</a></li>
                </ul>
            </nav>
            <!-- END :: Nav -->

        </div>
    </div>

    
    <div class="row-large">

        <!-- START :: Stage -->
        <section class="header-stage">
            <div class="header-inner">
                
                        <div class="header-inner-special">
                            <h1>Digital. Strategy. Agency.</h1>
                            <p>Wir machen Marken und Produkte digital erfolgreich: Mit nachhaltigen Strategien, exzellentem Design und begeisternder Kommunikation.</p>
                            <a class="header-link-special" href="/agentur/#c1780">Mehr erfahren</a>
                        </div>
                    
            </div>
        </section>
        <!-- END :: Stage -->

    </div>
    
</header>
<!-- END :: Header -->

    <main id="MainContent" role="main" >
        
<div id="c985">
	

	


	
	<section class="tile__section">
    <div class="row-half">
        
<div id="c1633">
	

	


	
	<div class="tile tile__item tile__item--quarter">
    <div class="tile__inner" style="background-image: url('//static.dotfly.de/fileadmin/user_upload/jobs_heller_01.jpg?56a71e2cea4db6f67d1011576666ab977ac5beb9');">
        <a class="tile__inner-link" href="/jobs/senior-php-developer-wmx/"><span>Jobs</span></a>
        <div class="tile__inner-box">
            <h3>Jobs</h3>
            
        </div>
    </div>
</div>
<!-- END :: TileItem -->

	


</div>

        
<div id="c1024">
	

	


	
	<div class="tile tile__item tile__item--quarter tile__white">
    <div class="tile__inner" style="background-image: url('//static.dotfly.de/fileadmin/user_upload/image_tile.jpg?e74b8fdb1017aa7cb6adbde49d682f123699b456');">
        <a class="tile__inner-link" href="/jobs/"><span></span></a>
        <div class="tile__inner-box">
            <h3></h3>
            
        </div>
    </div>
</div>
<!-- END :: TileItem -->

	


</div>


        <div class="tile tile__item tile__item--full">
            <div class="tile__inner" style="background-image: url('//static.dotfly.de/fileadmin/user_upload/mood_tile.jpg?d0e7d5cd19886970476785be545ced961ae4e0bf');"></div>
            <div class="tile__item--right-bottom">
                
            </div>
        </div>
        <!-- END :: TileItem -->

    </div>
    <div class="row-half">
        <div class="tile tile__item tile__item--full">
            <div class="tile__inner" style="background-image: url('//static.dotfly.de/fileadmin/user_upload/gls_tile.jpg?5f77b08b9a33a8803bf8d152690481b4478a136c');"></div>
            <div class="tile__item--top-left tile__item--transparent">
                
<div id="c2748">
	

	


	
	<div class="tile tile__item tile__item--quarter">
    <div class="tile__inner" style="background-image: url('//static.dotfly.de/fileadmin/user_upload/transparent.png?56efec1b5484166e8c81dc1867f0477a34dca725');">
        <a class="tile__inner-link" href="/projekte/"><span>Projekte</span></a>
        <div class="tile__inner-box">
            <h3>Projekte</h3>
            
        </div>
    </div>
</div>
<!-- END :: TileItem -->

	


</div>

            </div>
            <div class="tile__item--top-right">
                
            </div>
        </div>
        <!-- END :: TileItem -->

        <div class="tile tile__item tile__item--quarter-full is--special">
            <div class="tile__inner" style="background-image: url('/assets/img/content/hg_prinzipbreit.jpg');">
                <a class="tile__inner-link" data-anker="#C1780" href="/agentur/#c1780"></a>
                <span class="tile__headline-speacial"><span>Prinzipien</span></span>
                <div class="tile__inner-box">
                    <h3>Nicht nur von außen Grün</h3>
                    <p>Wir arbeiten am liebsten für Marken mit Haltung. Also für die Guten - und all jene, die es werden sollen.</p>
                </div>
            </div>
        </div>
        
        <!-- END :: TileItem -->
    </div>
</section>
<!-- END :: Tile -->

	


</div>



        
        
        
        
            <section id="c4" class="text-md text-md-center text-md-nomargin text-md-small">
        
        
    

<div class="row-full">
    <article class="text">
        











        

	
		
				
			

		

    
    
       <h1><br />Services</h1>
    
    
    
    



		

		




		
				
			
	


        <p>Wir arbeiten interdisziplinär. Unsere Arbeit stützt sich auf ausgewählte und innovative Methoden. Zum Nutzen unserer Kunden und deren Kunden.</p>
        


    </article>
</div>

</section>


<div id="c136">
	

	


	
	
        <!-- START :: Service - MD -->
        <section class="service-md">
            <div class="row-full">

                <!-- START :: ServiceList -->
                <ul class="service-list">
                    <li class="service-digital">
                        <a title="Digital Strategy" href="/services/digital-strategy/">
                            <h4>
                                <span class="service-headline">Digital Strategy</span>
                                <span class="service-text">Märkte und Unternehmen entwickeln sich dynamisch. Das erfordert eine digitale Strategie.</span>
                            </h4>
                        </a>
                    </li>
                    <li class="service-commerce">
                        <a title="Design" href="/services/design/">
                            <h4>
                                <span class="service-headline">Design</span>
                                <span class="service-text">Konzept ist Design. UX-Design begeistert und führt den User zum Ziel.</span>
                            </h4>
                        </a>
                    </li>
                    <li class="service-corporate">
                        <a title="Technology" href="/services/technology/">
                            <h4>
                                <span class="service-headline">Technology</span>
                                <span class="service-text">Technologie ist sowohl Träger als auch Initiator von Innovation. </span>
                            </h4>
                        </a>
                    </li>
                    <li class="service-marketing">
                        <a title="Online Marketing" href="/services/online-marketing-agentur/">
                            <h4>
                                <span class="service-headline">Online Marketing</span>
                                <span class="service-text">Gute Konzepte verdienen Aufmerksamkeit. Inhalte überzeugen.</span>
                            </h4>
                        </a>
                    </li>
                </ul>
                <!-- END :: ServiceList -->

            </div>
        </section>
        <!-- END :: Service - MD -->
    

	


</div>



        
        
        

        
            <section id="c1729" class="text-md text-md-wide">
        
    

<div class="row-full">
    <article class="text">
        


	
		
			<figure>
				
	
			
	<img src="//static.dotfly.de/fileadmin/user_upload/mood02.jpg?a394ca8be02d096b9cc9ea29d6d5e99d0a68e722" width="2560" height="1440" alt="" />

		

			</figure>
		
		
	










        

	


        
        


    </article>
</div>

</section>

<section class="news-md">
    
<div id="c2681">
	

	


	
	<div class="row-half">
    <div class="news">
        <div class="news-text">
            <time datetime="2015-04-01 19:00">02/2019</time>
            <h3>Man glaubt es kaum – auch 2018 das beliebteste Passwort der Deutschen. Gefolgt übrigens von 12345 und 123456789.</h3>
            <a title="Zum Artikel DOTFLY AUF FACEBOOK" href="https://www.dotfly.de/index.php?id=247" target="_blank">DOTFLY AUF FACEBOOK</a>
        </div>
        <div class="news-picture">
            <a title="Zum Artikel" href="https://www.dotfly.de/index.php?id=247" target="_blank">
                <figure>
                    <img alt="" width="600" height="600" src="//static.dotfly.de/fileadmin/_processed_/b/2/csm_Zahl_des_Tages_f4774709cd.jpg?" />
                </figure>
            </a>
        </div>
    </div>
</div>
<!-- END :: NewsMD -->

	


</div>

<div id="c2650">
	

	


	
	<div class="row-half">
    <div class="news">
        <div class="news-text">
            <time datetime="2015-04-01 19:00">12/2018</time>
            <h3>Dieses Jahr widmen wir uns dem Kampf gegen Pelz. Mit unserer Seite #KAMPFGEGENDENPELZ möchten wir aufklären und ein Bewusstsein für das Thema schaffen.</h3>
            <a title="Zum Artikel DOTFLY AUF FACEBOOK" href="http://kampfgegendenpelz.de/" target="_blank">DOTFLY AUF FACEBOOK</a>
        </div>
        <div class="news-picture">
            <a title="Zum Artikel" href="http://kampfgegendenpelz.de/" target="_blank">
                <figure>
                    <img alt="" width="600" height="600" src="//static.dotfly.de/fileadmin/_processed_/1/4/csm_Xmas_Instagram_6547e10b7a.png?" />
                </figure>
            </a>
        </div>
    </div>
</div>
<!-- END :: NewsMD -->

	


</div>

    
</section>
    </main>
    <!-- END :: MainContent -->

    <div id="Contact" class="">
    

    <section class="contact-md">
        <div class="row-full">

            <div class="contact-wrap">
                <h4>Schreiben Sie uns</h4>
                <div class="contact-fields">
                    
                            <form method="post" name="oForm" class="form" action="/?tx_dotcontact_pi1%5Baction%5D=post&amp;tx_dotcontact_pi1%5Bcontroller%5D=Form&amp;cHash=44b834985ae3c496f7d04c71225ef462#Contact">
<div>
<input type="hidden" name="tx_dotcontact_pi1[__referrer][@extension]" value="DotContact" />
<input type="hidden" name="tx_dotcontact_pi1[__referrer][@vendor]" value="Dotfly" />
<input type="hidden" name="tx_dotcontact_pi1[__referrer][@controller]" value="Form" />
<input type="hidden" name="tx_dotcontact_pi1[__referrer][@action]" value="show" />
<input type="hidden" name="tx_dotcontact_pi1[__referrer][arguments]" value="YTowOnt905b40dadc300d1c299b6570efd178566aebe61c4" />
<input type="hidden" name="tx_dotcontact_pi1[__referrer][@request]" value="a:4:{s:10:&quot;@extension&quot;;s:10:&quot;DotContact&quot;;s:11:&quot;@controller&quot;;s:4:&quot;Form&quot;;s:7:&quot;@action&quot;;s:4:&quot;show&quot;;s:7:&quot;@vendor&quot;;s:6:&quot;Dotfly&quot;;}0aa6c5427092c0f28fb295bebef940214b0403dd" />
<input type="hidden" name="tx_dotcontact_pi1[__trustedProperties]" value="a:1:{s:5:&quot;oForm&quot;;a:3:{s:4:&quot;name&quot;;i:1;s:5:&quot;email&quot;;i:1;s:7:&quot;message&quot;;i:1;}}4c644aa796924c62394a584a16f50efc60f312c5" />
</div>

                                <span class="contact-field-item">
                                    <input placeholder="Vorname, Name" type="text" name="tx_dotcontact_pi1[oForm][name]" required="required" />
                                </span>
                                <span class="contact-field-item">
                                    <input placeholder="E-Mail" type="email" name="tx_dotcontact_pi1[oForm][email]" required="required" />
                                </span>
                                <span class="contact-field-item contact-field-combine">
                                    <textarea required="required" placeholder="Anfrage" name="tx_dotcontact_pi1[oForm][message]"></textarea>
                                    <button class="btn btn-default" type="submit"><i>Senden</i></button>
                                </span>
                            </form>
                        
                    <div class="contact-fields-text">
                        <p>Durch Klick auf den Senden Button, erklären Sie sich einverstanden, dass wir Ihre Daten zur weiteren Bearbeitung speichern. Informationen zu unserem Datenschutz finden Sie in unserer <a target="_blank" href="/datenschutz/">Datenschutzerklärung</a>.</p>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- END :: Contact - MD -->
</div>


        <!-- START :: Accessible - MD -->
        <section class="accessible-md">
            <div class="row-full">

                <div class="accessible-wrap">
                    <span class="accessible-item accessible-mail">
                        <a title="Schreiben Sie uns eine E-Mail" href="mailto:info@dotfly.de">
                            <strong>Mail</strong>
                            <span>info@dotfly.de</span>
                        </a>
                    </span>
                    <span class="accessible-item accessible-location">
                        <a title="Besuchen Sie uns" target="_blank" href="https://www.google.de/maps/place/dotfly/@50.9341714,6.9353133,17z/data=!3m1!4b1!4m2!3m1!1s0x47bf250402f63b17:0x64fac987916e60f7">
                            <strong>Meet</strong>
                            <span>dotfly. <br />Lindenstraße 20<br /> 50674 Köln</span>
                        </a>
                    </span>
                    <span class="accessible-item accessible-phone">
                        <a title="Rufen Sie uns an" href="tel:022133777000">
                            <strong>Call</strong>
                            <span>T 0221 33 777 00-0 </span>
                        </a>
                    </span>
                </div>

                <div class="accessible-social-wrap">
                    <span class="accessible-social-item accessible-facebook">
                        <a title="Besuchen Sie uns auf Facebook" target="_blank" href="https://www.facebook.com/dotfly">
                            <strong><span>Facebook</span></strong>
                        </a>
                    </span>
                    <span class="accessible-social-item accessible-twitter">
                        <a title="Besuchen Sie uns auf Twitter" target="_blank" href="https://twitter.com/dotfly">
                            <strong><span>Twitter</span></strong>
                        </a>
                    </span>
                    <span class="accessible-social-item accessible-instagram">
                        <a title="Besuchen Sie uns auf Instagram" target="_blank" href="https://www.instagram.com/dotfly/">
                            <strong><span>Instagram</span></strong>
                        </a>
                    </span>
                </div>

            </div>
        </section>
        <!-- END :: Accessible - MD -->
    





<div class="c-cookie">
    <div class="c-cookie__inner">
        <div class="c-cookie__item">
            <p>
                Wir verwenden Cookies, um die Qualität unserer Website und ihre Inhalte zu verbessern. Möchten Sie die Cookies deaktivieren, dann können Sie das bei unserer
                <a target="_blank" href="/datenschutz/">Datenschutzerklärung</a>
            </p>
        </div>
        <div class="c-cookie__item">
            <button class="btn btn-default js-set-cookie" type="button">Einverstanden</button>
        </div>
    </div>
</div>
<!-- //Cookie -->

<!-- START :: Footer -->
<footer id="Footer" role="contentinfo">

    <!-- START :: Sitemap -->
    <section class="footer-sitemap">
        <div class="row-large">
            <h4>We <span></span> Love Google</h4>
            <ul>
                <li><a href="/allefuersklima/" title="#AlleFürsKlima">#AlleFürsKlima</a></li><li><a href="/dmexco/" title="Wir machen, was wirkt | DMEXCO 2019 | dotfly">Wir machen, was wirkt | DMEXCO 2019 | dotfly</a></li><li><a href="/agenturkultur-2019/" title="AgenturKultur 2019">AgenturKultur 2019</a></li><li><a href="/" title="Froscon">Froscon</a></li><li><a href="/wanted/" title="wanted">wanted</a></li><li><a href="/usability-award-2017/" title="Usability Award 2017">Usability Award 2017</a></li><li><a href="/agentur-typo3-web-design/" title="Agentur TYPO3-Web-Design">Agentur TYPO3-Web-Design</a></li><li><a href="/e-commerce-agentur-koeln/" title="E-Commerce-Agentur Köln">E-Commerce-Agentur Köln</a></li><li><a href="/internet-agentur/" target="https://www.dotfly.de/internetagentur-koeln/" title="Internet-Agentur">Internet-Agentur</a></li><li><a href="/online-marketing/" title="Online Marketing">Online Marketing</a></li><li><a href="/online-shop/" title="Online-Shop">Online-Shop</a></li><li><a href="/oxid-agentur/" title="OXID-Agentur">OXID-Agentur</a></li><li><a href="/oxid-online-shop/" title="OXID-Online-Shop">OXID-Online-Shop</a></li><li><a href="/oxid-enterprise-partner/" title="OXID Enterprise Partner">OXID Enterprise Partner</a></li><li><a href="/shopware-agentur/" title="Shopware-Agentur">Shopware-Agentur</a></li><li><a href="/seo-agentur-koeln/" title="SEO Agentur Köln">SEO Agentur Köln</a></li><li><a href="/typo3-agentur/" title="TYPO3-Agentur">TYPO3-Agentur</a></li><li><a href="/usability-agentur/" title="Usability-Agentur">Usability-Agentur</a></li><li><a href="/web-agentur/" title="Web-Agentur">Web-Agentur</a></li><li><a href="/web-design-agentur-koeln/" title="Web-Design-Agentur Köln">Web-Design-Agentur Köln</a></li><li><a href="/ibusiness-b2b-studie/" title="ibusiness B2B Studie">ibusiness B2B Studie</a></li><li><a href="/berlinerspatzenretter/" title="#BerlinerSpatzenretter">#BerlinerSpatzenretter</a></li><li><a href="/thedogdaysareover/" title="#TheDogDaysAreOver">#TheDogDaysAreOver</a></li><li><a href="/kampfgegendenpelz/" title="#KampfgegendenPelz">#KampfgegendenPelz</a></li><li><a href="/dieweltisteindesaster/" title="#DIEWELTISTEINDESASTER">#DIEWELTISTEINDESASTER</a></li>
            </ul>
        </div>
    </section>
    <!-- END :: Sitemap -->

    <!-- START :: FooterNav -->
    <div class="footer-nav">
        <div class="row-large">
            <ul>
                <li><a title="Startseite von Dotfly" href="/">Start</a></li>
                <li><a href="/projekte/" title="Projekte">Projekte</a></li><li><a href="/services/" title="Services">Services</a></li><li><a href="/agentur/" title="Agentur">Agentur</a></li><li><a href="/jobs/" title="Jobs">Jobs</a></li><li><a href="/kontakt/" title="Kontakt">Kontakt</a></li>
                <li><a href="/impressum/">Impressum</a></li>
                <li><a href="/datenschutz/">Datenschutz</a></li>
                <li><a href="/agb/">AGB</a></li>
            </ul>
        </div>
    </div>
    <!-- END :: FooterNav -->

</footer>
<!-- END :: Footer -->



<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TNPQ2W"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TNPQ2W');</script>
<!-- End Google Tag Manager -->



    <div class="overlay"></div>
</div>
<!-- END :: SiteContainer -->

<script src="//static.dotfly.de/typo3temp/compressor/merged-df528e5edd53f559e807bdcbbbc5ebbe-ca331d6a0d47595d7e76e0b965ed28db.js?1560775908" type="text/javascript"></script>



</body>
</html>