<div class="paper"> <div class="navigation ebene2"> <a href="https://www.designmadeingermany.de/verzeichnis/neu/agenturen/">Agenturen</a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/">Freelancer</a> </div> <link rel="stylesheet" type="text/css" media="all" href="https://www.designmadeingermany.de/newstyles.css"> <style> #agenturnav { background: #ddd; } .renav a.renav1 { width: 127px; } .renav a.renav2 { width: 126px; } .renav a.renav5, .renav span.renav5 { width: 120px; } .renav a.renav6 { width: 126px; } @media all and (max-width: 699px) { .renav a.renav6 { display: none; } .renav a.renav5, .renav span.renav5 { display: none; } .renav a, .renav span { border-bottom: solid 1px #f1f1f1 !important; border-top: none !important; } .renav { margin: 0 20px; background: #e4e4e4 !important; overflow: hidden; box-shadow: inset 0px -1px 0 #f1f1f1 !important; } } </style> <div class="retop"></div> <div class="reheader"> <a class="reheaderlogo" href="https://www.designmadeingermany.de/" draggable="false"> <img src="https://www.designmadeingermany.de/ddig/files/logo.svg"> </a> <a class="reheadertitle" href="//www.designmadeingermany.de/" draggable="false"> <b class="nimbus">Design made in <br>Germany</b> </a> <a class="reheadersubmit forgermans" href="//www.designmadeingermany.de/verzeichnis/neu/agentureintrag/" draggable="false"> <b class="nimbus">Agentur <br>eintragen</b> </a> <div class="reheaderlinks forgermans"> <a class="reheaderlinks2" href="//www.designmadeingermany.de/kontakt/" draggable="false"><b class="nimbus" style="padding: 13px 0; display: block;">Impressum <br>Kontakt</b></a> </div> </div> <div class="content"> <div class="maincolumn"> <div class="item"> <h1 style="height:212px;"> Christos Zarampoukas <span>Designer</span> </h1> </div> <div class="stats"> <span>Designer</span> </div> <div class="item"> <a href="https://www.designmadeingermany.de/2011/20340/"><img src="https://www.designmadeingermany.de/2011/data/files/2011/10/01_RUN_SFC-800x533.jpg"></a> <div> <h2><a href="https://www.designmadeingermany.de/2011/20340/">RUN SFC – Streets of San Francisco</a></h2> <p class="last">A crossmedia production about the wonderful town in california. © Photography: Tom Roeler © Motiondesign: M. J. Spindler © Sounddesign: Chr. Zarampoukas Thanks 2: Kero1, New Bohemia Signs Crew, Weird Fish, Marteen, Andy, Vica, Jay & Zoe </p> </div> </div> </div> <div class="littlebar"> </div> <div class="sidebar"> <div class="item"> <h2>Profil</h2> <p>Selbstständiger Komponist und Sounddesigner aus Hamburg. Musikproduktion, Vertonung und Sounddesign für Visuelles. <br /><a href="http://www.combovaria.com"><span>http://www.combovaria.com</span></a></p> </div> </div> </div> <!-- Footer:Start --> <div id="sitemap" style="display: none;"> <div style="margin: 0; margin-bottom: -12px; background: #fff;"> <style> #sitemap a h2 { border-top: solid 0px #f1f1f1; background: #fff; clear: both; text-align: center; } #sitemap a p { background: #fff; font-family: Harmonia, sans-serif; font-size: 20px; text-transform: uppercase; text-decoration: none; padding: 0px 20px; border-bottom: solid 1px #f1f1f1; line-height: 50px; height: 50px; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; box-shadow: -1px 0 #f1f1f1; text-align: center; } @media all and (min-width: 600px) { #sitemap a p { width: 33.333%; } } #sitemap h2 span { float: right; margin-right: -700px; } #sitemap span { float: right; margin-right: -300px; } </style> <div class="item" style="background: #f1f1f1;"> <a href="https://www.designmadeingermany.de/designpreis/"><h2>Designpreis <span>Deutschland</span></h2></a> <a href="https://www.designmadeingermany.de/galerie/projekte/"><p>Projekte</p></a> <a href="https://www.designmadeingermany.de/galerie/plakate/"><p>Plakate <span>Design</span></p></a> <a href="https://www.designmadeingermany.de/galerie/illustrationen/"><p>Illustrationen</p></a> <a href="https://www.designmadeingermany.de/galerie/logos/"><p>Logos <span>Design</span></p></a> <a href="https://www.designmadeingermany.de/galerie/webseiten/"><p>Webseiten <span>Design</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/"><h2><span>Design</span> Agenturen</h2></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/augsburg/"><p><span>Design Agenturen in</span> Augsburg</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/berlin/"><p><span>Design Agenturen in</span> Berlin</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/bielefeld/"><p><span>Design Agenturen in</span> Bielefeld</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/bochum/"><p><span>Design Agenturen in</span> Bochum</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/bonn/"><p><span>Design Agenturen in</span> Bonn</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/bremen/"><p><span>Design Agenturen in</span> Bremen</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/dortmund/"><p><span>Design Agenturen in</span> Dortmund</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/dresden/"><p><span>Design Agenturen in</span> Dresden</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/duisburg/"><p><span>Design Agenturen in</span> Duisburg</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/duesseldorf/"><p><span>Design Agenturen in</span> Düsseldorf</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/essen/"><p><span>Design Agenturen in</span> Essen</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/frankfurt/"><p><span>Design Agenturen in</span> Frankfurt</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/freiburg/"><p><span>Design Agenturen in</span> Freiburg</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/hamburg/"><p><span>Design Agenturen in</span> Hamburg</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/hannover/"><p><span>Design Agenturen in</span> Hannover</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/karlsruhe/"><p><span>Design Agenturen in</span> Karlsruhe</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/kiel/"><p><span>Design Agenturen in</span> Kiel</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/koeln/"><p><span>Design Agenturen in</span> Köln</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/leipzig/"><p><span>Design Agenturen in</span> Leipzig</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/mannheim/"><p><span>Design Agenturen in</span> Mannheim</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/muenchen/"><p><span>Design Agenturen in</span> München</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/muenster/"><p><span>Design Agenturen in</span> Münster</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/nuernberg/"><p><span>Design Agenturen in</span> Nürnberg</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/stuttgart/"><p><span>Design Agenturen in</span> Stuttgart</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/wiesbaden/"><p><span>Design Agenturen in</span> Wiesbaden</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/agenturen/wuppertal/"><p><span>Design Agenturen in</span> Wuppertal</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/studios/"><p>Design Studios</p></a> <a href="https://www.designmadeingermany.de/verzeichnis/freelancer/"><h2>Designer <span>/ Freelancer</span></h2></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/corporatedesign/"><p>Corporate Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/packungsdesign/"><p>Verpackungs Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/typedesign/"><p>Type Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/fotodesign/"><p>Foto Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/ausstellungsdesign/"><p>Ausstellungs Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/interfacedesign/"><p>Interface Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/gamedesign/"><p>Game Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/produktdesign/"><p>Produkt Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/textildesign/"><p>Textil Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/schmuckdesign/"><p>Schmuck Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/modedesign/"><p>Mode Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/editorialdesign/"><p>Editorial Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/grafikdesign/"><p>Grafik Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/typografie/"><p>Typografie <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/werbegrafik/"><p>Werbegrafik <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/bildbearbeitung/"><p>Bildbearbeitung <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/satz/"><p>Satz <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/reinzeichnung/"><p>Reinzeichnung <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/farbmanagement/"><p>Farbmanagement <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/illustration/"><p>Illustration <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/informationsgrafik/"><p>Informationsgrafik <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/computergrafik/"><p>Computergrafik <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/character/"><p>Character <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/handcrafted/"><p>Handcrafted <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/lettering/"><p>Lettering <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/storyboard/"><p>Storyboard <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/experiencedesign/"><p>Experience Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/information/"><p>Information <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/interaction/"><p>Interaction <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/usability/"><p>Usability <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/interfacedesign/"><p>Interface Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/screendesign/"><p>Screen Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/webdesign/"><p>Web Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/konzept/"><p>Konzept <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/gestaltung/"><p>Gestaltung <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/entwicklung/"><p>Entwicklung <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/motiondesign/"><p>Motion Designer <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/animation/"><p>Animation <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/graphics/"><p>Graphics <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/verzeichnis/neu/freelancer/sound/"><p>Sound <span>Freelancer</span></p></a> <a href="https://www.designmadeingermany.de/blog/"><h2><span>Design</span> Blog</h2></a> <a href="https://www.designmadeingermany.de/weblog/arbeitsumgebung/"><p>Kreative Arbeitsumgebungen: Wie Büros das Design beeinflussen</p></a> <a href="https://www.designmadeingermany.de/weblog/seo-ux-ui/"><p>SEO und UX/UI: Wie wichtig ist Design wirklich?</p></a> <a href="https://www.designmadeingermany.de/weblog/licht-architektur/"><p>Die Rolle von Licht in der modernen Architektur</p></a> <a href="https://www.designmadeingermany.de/weblog/licht-linie-leichtigkeit/"><p>Licht, Linie, Leichtigkeit: Wie man Räume schafft, die eleganten Luxus nicht nur zeigen, sondern spürbar machen</p></a> <a href="https://www.designmadeingermany.de/weblog/kreative-werbemittel/"><p>Von der Idee zur Wirkung: Kreative Werbemittel als Erfolgsfaktor für Unternehmen</p></a> <a href="https://www.designmadeingermany.de/weblog/technologische-trends/"><p>Technologische Trends, die die Designbranche verändern werden</p></a> <a href="https://www.designmadeingermany.de/weblog/high-dining/"><p>High Dining: Wie Cannabis die Gourmetküche in Nordamerika verändert</p></a> <a href="https://www.designmadeingermany.de/weblog/jobwechsel/"><p>Der Jobwechsel und seine Tücken – so vermeiden Sie sie</p></a> <a href="https://www.designmadeingermany.de/weblog/farbtheorie/"><p>Die Bedeutung von Farbtheorie und Technologie bei der Wahl einer Webhosting-Plattform</p></a> <a href="https://www.designmadeingermany.de/weblog/haptik-und-storytelling/"><p>Zwischen Haptik und Storytelling: Die Verpackung als multisensorisches Erlebnis</p></a> <a href="https://www.designmadeingermany.de/weblog/hoergeraetetechnologie/"><p>Die neuesten Fortschritte in der Hörtechnologie</p></a> <a href="https://www.designmadeingermany.de/weblog/zimmer-in-dresden/"><p>Günstige Zimmer in Dresden – für Monteure und Handwerker</p></a> <a href="https://www.designmadeingermany.de/weblog/emas/"><p>Blockieren EMAs den Kursanstieg von Dogecoin?</p></a> <a href="https://www.designmadeingermany.de/weblog/arbeitsplatzgestaltung/"><p>Die Zukunft der Arbeitsplatzgestaltung: Ergonomie und Effizienz vereint</p></a> <a href="https://www.designmadeingermany.de/weblog/lasergravur/"><p>Designs zum Leben erwecken: Die Kunst der Lasergravur Einleitung</p></a> <a href="https://www.designmadeingermany.de/weblog/designprinzipien/"><p>Moderne Designprinzipien: Die Grundlagen für eine gelungene Gestaltung</p></a> <a href="https://www.designmadeingermany.de/jobs/"><h2><span>Design</span> Jobs</h2></a> <a href="https://www.designmadeingermany.de/jobs/suche/konzepter/"><p>Konzepter <span>Jobs</span></p></a> <a href="https://www.designmadeingermany.de/jobs/suche/entwickler/"><p>Entwickler <span>Jobs</span></p></a> <a href="https://www.designmadeingermany.de/jobs/suche/manager/"><p>Manager <span>Jobs</span></p></a> <a href="https://www.designmadeingermany.de/jobs/suche/sonstige/"><p>Sonstige <span>Jobs</span></p></a> <a href="https://www.designmadeingermany.de/jobs/suche/praktikum/"><p>Praktika <span>Praktikum Jobs</span></p></a> <a href="https://www.designmadeingermany.de/jobs/suche/grafikdesigner/"><p>Grafikdesigner <span>Jobs</span></p></a> <a href="https://www.designmadeingermany.de/jobs/suche/ux-ui-designer/"><p>UX/UI Designer <span>Jobs</span></p></a> <a href="https://www.designmadeingermany.de/jobs/suche/art-director/"><p>Art Director <span>Jobs</span></p></a> <a href="https://www.designmadeingermany.de/jobs/suche/mediengestalter/"><p>Mediengestalter <span>Jobs</span></p></a> <div style="clear: both;"></div> </div> </div> </div> <div style="height: 10px; clear: both;"></div> <div id="footerrenav" style="margin-bottom: -2px; margin-top: -9px; position: relative; z-index: 2;"> </div> <div class="footernavigation" style="border-top: solid 1px #f1f1f1;"> <a id="footerlinkhome" href="http://www.designmadeingermany.de/" style="width: 299px;"><img src="https://www.designmadeingermany.de/2013/wp-content/uploads/images/designmadeingermany-logo.png" width="50" height="50" style="display: block; width: 50px; margin: 8px 0;" alt="Adler-Logo"></a> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="https://www.designmadeingermany.de/jquery-3.6.0.min.js"><\/script>');</script> <script> $("#nojs").hide(); $("#eintragen").show(); $("#searchform1").submit(function( event ) { var search = 'https://www.designmadeingermany.de/suche/'; var query = $(".was1").val(); if (query != '') { var searchquery = search + query; window.location = searchquery; } event.preventDefault(); }); $("#searchform3").submit(function( event ) { var search = 'https://www.designmadeingermany.de/jobs/suche/'; var string1 = $(".was3").val(); var query1 = string1.replace(" ", "-"); var query1 = query1.replace(" ", "-"); var query1 = query1.replace(" ", "-"); var query1 = query1.replace(/ö/g, "o"); var query1 = query1.replace(/ä/g, "a"); var query1 = query1.replace(/ü/g, "u"); var query1 = query1.replace(/ß/g, "ss"); var query = query1; if (query != '') { var searchquery = search + query + "/"; var searchquery = searchquery.replace("-/", "/"); var searchquery = searchquery.replace("/-", "/"); window.location = searchquery; } event.preventDefault(); }); $("#searchform4").submit(function( event ) { var search = 'https://www.designmadeingermany.de/verzeichnis/neu/agentursuche/'; var string1 = $(".was4").val(); var query1 = string1.replace(" ", "-"); var query1 = query1.replace(" ", "-"); var query1 = query1.replace(" ", "-"); var query1 = query1.replace(/ö/g, "o"); var query1 = query1.replace(/ä/g, "a"); var query1 = query1.replace(/ü/g, "u"); var query1 = query1.replace(/ß/g, "ss"); var query = query1; if (query != '') { var searchquery = search + query + "/"; var searchquery = searchquery.replace("-/", "/"); var searchquery = searchquery.replace("/-", "/"); window.location = searchquery; } event.preventDefault(); }); $("#searchform5").submit(function( event ) { var search = 'https://www.designmadeingermany.de/verzeichnis/neu/freelancersuche/'; var string1 = $(".was5").val(); var query1 = string1.replace(" ", "-"); var query1 = query1.replace(" ", "-"); var query1 = query1.replace(" ", "-"); var query1 = query1.replace(/ö/g, "o"); var query1 = query1.replace(/ä/g, "a"); var query1 = query1.replace(/ü/g, "u"); var query1 = query1.replace(/ß/g, "ss"); var query = query1; if (query != '') { var searchquery = search + query + "/"; var searchquery = searchquery.replace("-/", "/"); var searchquery = searchquery.replace("/-", "/"); window.location = searchquery; } event.preventDefault(); }); </script> <script type="text/javascript" src="https://www.designmadeingermany.de/stats/pws.php?mode=js"></script> <noscript><img src="https://www.designmadeingermany.de/stats/pws.php?mode=img" style="border:0; width:1px; height:1px" alt="noscript-img"></noscript>