CINXE.COM
Design Studio fallefreundig: Design & Code
<!DOCTYPE html> <html lang="de"> <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-2025 of Kasper Skaarhoj. Extensions are copyright of their respective owners. Information and contribution at https://typo3.org/ --> <link rel="icon" href="/_assets/1de828b61e6c8f1a787bdbca5406e0ab/Images/favicon.ico" type="image/vnd.microsoft.icon"> <title>Design Studio fallefreundig: Design & Code</title> <meta name="generator" content="TYPO3 CMS"> <meta name="description" content="Seit 2012 gestalte ich Marken und digitale Erlebnisse mit kreativer Exzellenz, Fingerspitzengefühl und einem untrüglichen Gespür für das Wesentliche."> <meta name="robots" content="index,follow"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="twitter:card" content="summary"> <meta name="revisit-after" content="7 days"> <link rel="stylesheet" href="/typo3temp/assets/compressed/merged-eb3d8b8056cf8429f183097884e5cad1-559c1f12868d7326af9a1fcd86773f9a.css?1736848926" media="all"> <link rel="canonical" href="https://fallefreundig.de/"/> </head> <body> <nav class="navbar"> <div class="container-fluid"> <div class="row justify-content-between align-items-center"> <div class="navbar--logo col col-auto"> <a href="/"> <img class="navbar--logo-wort" src="/fileadmin/user_upload/01_global/logo.gif" /> </a> </div> <div class="navbar--toggle col col-auto"> <div id="toggle">+</div> </div> <div class="navbar--inner col col-12 col-lg-auto"> <ul class="main" role="navigation" aria-label="Hauptnavigation"><li class="startpage"><a href="/" class="current" title="Seit 2012 gestalte ich Marken und digitale Erlebnisse mit kreativer Exzellenz, Fingerspitzengefühl und einem untrüglichen Gespür für das Wesentliche.">Studio</a></li><li><a href="/projekte" title="Projekte">Projekte</a></li><li><a href="/kontakt" title="Kontakt">Kontakt</a></li></ul> </div> </div> </div> <script> var el = document.querySelector('#toggle'); el.onclick = function() { el.parentElement.parentElement.parentElement.parentElement.classList.toggle('active'); } </script> </nav> <main role="main"> <section class="text"> <div class="container-fluid"> <div class="row"> <div class="col col-12 col-lg-10"> <h1><span class="light">fallefreundig</span> ist ein Design Studio für präzise, kluge und klare Gestaltung mit Haltung in Köln.</h1> </div> </div> </div> </section><section class="text frame-space-after-small"> <div class="container-fluid"> <div class="row"> <div class="col col-12 col-lg-10"> <p><span class="time">Das Neueste</span></p> </div> </div> </div> </section> <section class="teaser-studio"> <a href="/10-perspektiven"> <div class="row g-0 mx-0"> <div class="teaser-studio--element col-12"> <video autoplay loop muted playsinline> <source src="/fileadmin/user_upload/02_projects/10-perspektiven/000_10-perspektiven-logoanimation.mp4" type="video/mp4" /> </video> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-12"> <h2>10 Perspektiven</h2> <p><span class="light">Onlinepublikation</span></p> </div> </div> </div> </a> </section> <section class="text frame-space-after-medium"> <div class="container-fluid"> <div class="row"> <div class="col col-12 col-lg-8 col-xl-6 offset-lg-2 offset-xl-3"> <p><span class="time">Leidenschaft & Kompetenz</span></p> <p>Ich liebe Themen mit <span class="light">Substanz</span>, gesellschaftlichem <span class="light">Mehrwert</span> und echter <span class="light">Relevanz</span>.</p> </div> </div> </div> </section><section class="listical"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12 col-lg-6"> <div class="listical--wrapper"> <div class="row align-items-center justify-content-between"> <div class="col-6 col-lg-3"> <img src="/fileadmin/user_upload/01_global/konzeption.png" srcset="/fileadmin/_processed_/c/e/csm_konzeption_52ab319c68.png 768w, /fileadmin/user_upload/01_global/konzeption.png 1920w" alt="" title="" /> </div> <div class="col-12 col-lg-8"> <h3>Konzeption</h3> <p>Am Anfang war das Wort: Ich begleite bei der strategischen Positionierung, arbeite die Essenz deines Projektes heraus und entwickle eine prägnante Kernbotschaft.</p> </div> </div> </div> </div> <div class="w-100"></div> <div class="col-12 col-lg-6"> <div class="listical--wrapper"> <div class="row align-items-center justify-content-between"> <div class="col-6 col-lg-3"> <img src="/fileadmin/user_upload/01_global/design.png" srcset="/fileadmin/_processed_/3/e/csm_design_1ff695f773.png 768w, /fileadmin/user_upload/01_global/design.png 1920w" alt="" title="" /> </div> <div class="col-12 col-lg-8"> <h3>Design</h3> <p>Das Konzept übersetze ich in eine stimmige und einheitliche Tonalität. Ob Keyvisual, Kampagnenlook oder digitale Anwendung: Ich verstehe Design von Print bis UX.</p> </div> </div> </div> </div> <div class="w-100"></div> <div class="col-12 col-lg-6"> <div class="listical--wrapper"> <div class="row align-items-center justify-content-between"> <div class="col-6 col-lg-3"> <img src="/fileadmin/user_upload/01_global/programmierung.png" srcset="/fileadmin/_processed_/0/e/csm_programmierung_6529ec30b6.png 768w, /fileadmin/user_upload/01_global/programmierung.png 1920w" alt="" title="" /> </div> <div class="col-12 col-lg-8"> <h3>Development</h3> <p>Mein Signature Dish: Detailverliebte, anwendungsfreundliche und skalierbare Websites für die bestmögliche digitale Kommunikation und Interaktion.</p> </div> </div> </div> </div> <div class="w-100"></div> </div> </div> </section><section class="text frame-space-after-small"> <div class="container-fluid"> <div class="row"> <div class="col col-12 col-lg-10"> <p><span class="time">Weitere Projekte</span></p> </div> </div> </div> </section> <section class="teaser-studio"> <div class="container-fluid"> <div class="row g-lg-2"> <div class="teaser-studio--element no-grayscale col-12 col-md-6 col-lg-4"> <a href="/open-roberta"> <img src="/fileadmin/user_upload/02_projects/open-roberta/000_feature_9_6.gif" width="1000" height="667" alt="" /> <h2>Open Roberta</h2> <p><span class="light">Soft Rebranding</span></p> </a> </div> <div class="teaser-studio--element col-12 col-md-6 col-lg-4"> <a href="/werde-zweitzeugin"> <img src="/fileadmin/_processed_/1/d/csm_000_feature_91dd3a28d0.jpg" srcset="/fileadmin/_processed_/1/d/csm_000_feature_eaeae33d70.jpg 768w, /fileadmin/_processed_/1/d/csm_000_feature_91dd3a28d0.jpg 1920w" alt="" title="" /> <h2>Werde Zweitzeug*in</h2> <p><span class="light">Lernplattform</span></p> </a> </div> <div class="teaser-studio--element col-12 col-md-6 col-lg-4"> <a href="/andorfer-oelmuehle"> <img src="/fileadmin/_processed_/4/f/csm_000_feature_c231a456a2.jpg" srcset="/fileadmin/_processed_/4/f/csm_000_feature_fdc8848d31.jpg 768w, /fileadmin/_processed_/4/f/csm_000_feature_c231a456a2.jpg 1920w" alt="" title="" /> <h2>andorfer ölmühle</h2> <p><span class="light">Onlineshop</span></p> </a> </div> </div> </div> </section> </main> <footer> <div class="container-fluid"> <div class="row justify-content-between align-items-end"> <div class="col col-auto"> <!-- <span class="smile">© 2025</span> --> <span class="smile">◡̈</span> </div> <div class="col col-auto"> <ul class="footer" role="navigation" aria-label="Rechtliches"><li><a href="/impressum" title="Impressum">Impressum</a></li><li><a href="/datenschutz" title="Datenschutz">Datenschutz</a></li></ul> </div> </div> </div> </footer> </body> </html>