<?xml-stylesheet type="text/xsl" href="renderingassets/default.xsl"?>
<html>
	<head>
		<title>NETATCK</title>
		<meta name="description" content="Netatck ist eine Web- und Software-Development-Agentur aus München. Mit unseren Developern, Grafikern und Online Producern helfen wir Ihnen bei Ihren Projekten, Migrationen und dem täglichen Content Management."/>
	</head>
	<body>
		<div>
			<div class="page">
				<a name="portfolio"></a>
				<div class="header">
					<h2>Huh? Was für eine Agentur?</h2>
					<p>Einfach. Vermutlich haben Sie bereits eine Website oder mehrere. Aber auch die besten Sites setzen Staub an, und sicher könnte man manches schneller oder eleganter erledigen. Oder Sie haben eine Idee für den Appstore? Und dabei helfen wir Ihnen.</p>
					<ul class="navigation">
						<li>
							<a href="#services" class="active">Services</a>
						</li>
						<li>
							<a href="#preisanfrage-angebot">Preisanfrage / Angebot</a>
						</li>
					</ul>
				</div>
				<div>
					<a name="services"></a>
					<h2>Web Development + Online Production</h2>
					<p>Erwischt, im Herzen sind wir ein Haufen Entwickler.  Und obwohl wir immer das gleiche machen, gehen wir jedes Mal einen neuen Weg. Nämlich Ihren. Ganz gleich, ob Sie das Web neu erfinden oder fünf Achtel Programmierer als Unterstützung benötigen.</p>
					<a href="#mehr-zu-web-development-und-online-production" class="show-me-more">Soso, und welche Techniken genau?</a>
					<div class="show-me-more">
						<a name="mehr-zu-web-development-und-online-production"></a>
						<p>Sie wollen es ja nicht anders. Dass wir HTML kennen, haben Sie sich vermutlich schon gedacht, aber darüber hinaus sind uns explizit diese im Gedächtnis geblieben:</p>
						<ul>
							<li>Cloud Computing, Azure</li>
							<li>XSLT + XSD = Template Programming</li>
							<li>Myriaden von APIs, am häufigsten: Shopify, Facebook, Bing und Google Maps + Search + CAPTCHA APIs, Acrobat, Amazon</li>
							<li>C# / .NET</li>
							<li>Migrationen (nicht wirklich eine Technologie, aber ein Großteil unserer Aufträge)</li>
							<li>Adobe Analytics, Google Analytics</li>
							<li>LAMP, ganz allgemein</li>
						</ul>
						<p>
							Und wie sieht's aus mit ...? Vielleicht haben wir das nur vergessen, ansonsten lernen wir sehr gerne dazu.
							<a href="#preisanfrage-angebot">Belehren Sie uns eines Besseren.</a>
						</p>
					</div>
					<h2>Apps + Applications</h2>
					<p>Gehört eigentlich zu Punkt Eins. Oder wir wüssten zumindest nicht wie man das trennen soll. Jedenfalls mögen wir auch iOS, Android und Windows 11. Und wir unterstützen Sie bei Applikationen und Workflows im Intranet, mit ganz neuen oder weil Ihr altes System mehr graue Haare hervorruft als bei Gandalf.</p>
					<a href="#mehr-zu-apps-und-applications" class="show-me-more">Und was ist jetzt am besten?</a>
					<div class="show-me-more">
						<a name="mehr-zu-apps-und-applications"></a>
						<p>Ihre Idee, wollen wir mal hoffen. Wir bringen dafür Expertise mit in:</p>
						<ul>
							<li>Azure</li>
							<li>Microsoft Dynamics</li>
							<li>Shopify</li>
							<li>SQL Server</li>
							<li>Virtualisierung + Hyper-V</li>
						</ul>
						<p>
							Da fehlt was? Das dachten wir uns schon. Aber uns hält das sicher nicht auf, Sie vielleicht?
							<a href="#preisanfrage-angebot">Legen wir los.</a>
						</p>
					</div>
					<h2>Leiharbeit</h2>
					<p>Sie suchen Hilfe für Online-Aufgaben oder Program Management, zur Mitarbeit vor Ort in Ihrem Unternehmen? Wir haben viel Erfahrung mit Arbeitnehmerüberlassung, wenn auch nicht so viel wie unsere Mitarbeiter mit ihrem Job.</p>
					<a href="#mehr-zu-leiharbeit" class="show-me-more">Kennen Sie Paragraph §404?</a>
					<div class="show-me-more">
						<a name="mehr-zu-leiharbeit"></a>
						<p>Eben. Dafür sind wir ja da. Wir erbringen Leistungen in unseren Kerngebieten zu Web- und Developmenttechnologien auch als Zeitarbeit.</p>
						<p>
							Gerne informieren wir Sie über aktuell oder in Kürze verfügbare Job Descriptions. Oder teilen Sie uns Ihr Anforderungsprofil mit.
							<a href="#preisanfrage-angebot">Sie müssen auch nicht viel ausfüllen.</a>
						</p>
					</div>
				</div>
				<div>
				<a name="preisanfrage-angebot"></a>
					<h2>Ihre Anfrage</h2>
					<p>
						Wir freuen uns auf Ihre Nachricht. Und wenn Sie eine Telefonnummer hinterlassen, rufen wir auch gerne gleich zurück. Falls Sie nicht so kurz warten möchten: Unter
						<span class="nowrap">089-2000055-55</span> erreichen Sie uns von 10:00 bis 19:00 Uhr.
					</p>
				</div>
			</div>
		</div>
		<div>
			<div class="page" id="referenzen">
				<a name="referenzen"></a>
				<div class="header">
					<h2>Was gibt's zu sehen? Eine Auswahl.</h2>
					<p>Wir sind seit 1999 fleißig und kann gut sein, dass wir in den letzten Jahren mehr als 1999 Projekte für unsere Kunden betreut haben. Sie rechnen noch? Eine zugegeben nicht mehr ganz aktuelle Auswahl ist unten bebildert.</p>
					<ul class="navigation">
						<li><a href="#arbeitsbeispiele" class="active">Arbeitsbeispiele</a></li>
						<li><a href="#vertragskunden">Für Vertragskunden / Mehr im Intranet</a></li>
					</ul>
				</div>
				<div class="tiles">
					<a name="arbeitsbeispiele"></a>
					<a href="#msdn-academic"><img src="renderingassets/casestudies/msdn-academic.png" /></a>
					<a href="#msdn-news"><img src="renderingassets/casestudies/msdn-news.png" /></a>
					<a href="#lafer" class="active"><img src="renderingassets/casestudies/lafer.png" /><span></span></a>
					<a href="#warum-miete-zahlen" class="active"><img src="renderingassets/casestudies/warum-miete-zahlen.png" /><span></span></a>
					<a href="#msn" class="active"><img src="renderingassets/casestudies/msn.png" /><span></span></a>
					<a href="#osterSpecial" class="active"><img src="renderingassets/casestudies/osterSpecial.png" /><span></span></a>
					<a href="#comscore"><img src="renderingassets/casestudies/comscore.png" /></a>
					<a href="#matchingPairs"><img src="renderingassets/casestudies/matchingPairs.png" /></a>
					<a href="#kmuAdventskalender"><img src="renderingassets/casestudies/kmuAdventskalender.png" /></a>
					<a href="#artoftouch"><img src="renderingassets/casestudies/artoftouch.png" /></a>
					<a href="#server-chooser"><img src="renderingassets/casestudies/server-chooser.png" /></a>
					<a href="#geek-cup"><img src="renderingassets/casestudies/geek-cup.png" /></a>
					<a href="#retail-display"><img src="renderingassets/casestudies/retail-display.png" /></a>
					<a href="#dart"><img src="renderingassets/casestudies/dart.png" /></a>
					<a href="#exacttarget"><img src="renderingassets/casestudies/exacttarget.png" /></a>
					<a href="#webtrends"><img src="renderingassets/casestudies/webtrends.png" /></a>
					<a href="#googleanalytics"><img src="renderingassets/casestudies/googleanalytics.png" /></a>
					<a href="#deepzoom" class="active"><img src="renderingassets/casestudies/deepzoom.jpg" /><span></span></a>
				</div>
				<div>
					<a name="vertragskunden"></a>
					<p>Sie haben einen Rahmenvertrag mit uns?<br /><a href="http://krikkit.dns.microsoft.com/referenzen/" rel="nofollow">Weitere Links zu Referenzprojekten aus Ihrem Unternehmen schicken wir Ihnen auf Anfrage</a>.</p>
				</div>
				<div>
					<a name="msdn-academic"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/msdn-academic-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>MSDN TechStudent</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="msdn-news"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/msdn-news-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>MSDN Website "Visual Studio Evolution"</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="lafer"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/lafer-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Johann Lafer Rezepte App für Windows Phone 7</h2>
								<p>Für ein spontanes Kochvergnügen der Extraklasse sorgt die kostenlose Windows Phone App des TV-Kochs Johann Lafer. Durch die von uns entwickelte App haben Hobby- und Profiköche gleichermaßen zahlreiche Basis-Rezepte, ein Küchen-ABC und hunderte von Koch-Ideen jederzeit zur Hand.</p>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="warum-miete-zahlen"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/warum-miete-zahlen-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>MSDN TechStudent</h2>
								<p>Um die Social Media Aktivitäten unserer Kunden zu unterstützen und das User Engagement auf deren Plattformen zu fördern, haben wir in der Vergangenheit diverse Special Projects konzipiert und umgesetzt. In einem JavaScript-basierten Labyrinth hatte der Spieler die Aufgabe so viele Softwarelizenzen wie möglich zu finden. Der Student mit der höchsten Ausbeute konnte sich sogar die Miete für ein komplettes Jahr erspielen. Das Spiel wurde über Zielgruppenrelevante Social Media Kanäle wie Facebook promotet und sorgte für eine große Aufmerksamkeit für MS-Studentenlizenzen.</p>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="msn"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/msn-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>MSN Deutschland</h2>
								<p>Bei der technischen Implementierung des weltweiten Webportals setzt Microsoft im deutschen Markt auf ein Production Team aus dem Hause net.attack. Die laut IVW-Ranking im Dezember 2011 siebtmeistbesuchte Seite Deutschlands wird seit Januar 2008 von uns betreut. Der Aufgabenbereich reicht vom technischen Support über das Partnermanagement bis hin zu diversen Special Projects und Design.</p>
								<a href="http://de.msn.com" target="_blank">http://de.msn.com</a>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="osterSpecial"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/osterSpecial-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Microsoft KMU Osterspecial</h2>
								<p>Oster-Game im Monty-Python-Look. Die klassische Eiersuche: Zieh dem Hund die Ohren lang, erschrick das Huhn, oder lüfte den Hut des Butlers - so lange, bis sie das goldene Ei hergeben. An jedem Tag des Monats wartet im eroberten Ei ein neues kostenloses Angebot für den User.</p>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="comscore"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/comscore-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Comscore Analytics</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="matchingPairs"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/matchingPairs-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>MSN Game "Matching Pairs"</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="kmuAdventskalender"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/kmuAdventskalender-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Microsoft KMU Adventskalender</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="artoftouch"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/artoftouch-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Microsoft Hardware "Art of Touch"</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="server-chooser"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/server-chooser-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Server Chooser App</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="geek-cup"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/geek-cup-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>MSDN Geek Cup Facebook App</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="retail-display"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/retail-display-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Retail Display Kiosk</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="dart"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/dart-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Geo Darts</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="exacttarget"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/exacttarget-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>ExactTarget Management</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="webtrends"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/webtrends-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Webtrends Analytics</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="googleanalytics"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/googleanalytics-big.png" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Google Analytics</h2>
							</div>
						</div>
					</div>
				</div>
				<div>
					<a name="deepzoom"></a>
					<div class="columns">
						<div><img src="renderingassets/casestudies/deepzoom-big.jpg" /></div>
						<div>
							<div>
								<a class="close"></a>
								<h2>Deepzoom Mosaic</h2>
								<p>Zum Teil eines Ganzen wurde der User beim MSN Deepzoom Mosaik.  Um die Windows 7 Web-Kampagne mittels User Engagement zu hebeln, wurden die User von MSN Deutschland, im Rahmen eines Gewinnspiels dazu animiert verschiedene private Bilder hochzuladen. Aus den Bildern der User haben wir ein riesiges Mosaik (48000 * 27000 Pixel = ca. 1,3 Gigapixel) erstellt. Dieses konnte dann durch Deepzoom Technologie bis ins Kleinste betrachtet werden.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		<div>
			<div class="page team">
				<a name="team"></a>
				<div class="header">
					<h2>Superhelden. Ganz normale.</h2>
					<p>Wir haben sie alle. Web Developer, App Entwickler, Online Producer, Grafik Designer, SEO Manager, Nintendo-Alleswisser, Rockstars, Office Queens, jemanden der Afrikaans spricht... Was kann da noch schief gehen?</p>
					<ul class="navigation toggle">
						<li><a href="#helden">Wie sehen die nochmal aus?</a></li>
						<li><a href="#mitmachen">Ich bin mindestens genauso schön...</a></li>
					</ul>
				</div>
				<div class="teamtiles">
					<a name="helden"></a>
					<div><img src="renderingassets/team/ruben.jpg" /><span><h2>Ruben</h2></span></div>
					<div><img src="renderingassets/team/adriano.jpg" /><span><h2>Adriano</h2></span></div>
					<div><img src="renderingassets/team/meta.jpg" /><span><h2>Alexander</h2></span></div>
					<div><img src="renderingassets/team/biggi.jpg" /><span><h2>Biggi</h2></span></div>
					<div><img src="renderingassets/team/ray.jpg" /><span><h2>Ray</h2></span></div>
					<div><img src="renderingassets/team/birgit.jpg" /><span><h2>Birgit</h2></span></div>
					<div><img src="renderingassets/team/tobi.jpg" /><span><h2>Tobi</h2></span></div>
					<div><img src="renderingassets/team/hauke.jpg" /><span><h2>Hauke</h2></span></div>
					<div><img src="renderingassets/team/holzi.jpg" /><span><h2>Thomas</h2></span></div>
					<div><img src="renderingassets/team/regina.jpg" /><span><h2>Regina</h2></span></div>
					<div><img src="renderingassets/team/tom.jpg" /><span><h2>Tom</h2></span></div>
					<div><img src="renderingassets/team/julia.jpg" /><span><h2>Julia</h2></span></div>
					<div><img src="renderingassets/team/kai.jpg" /><span><h2>Kai</h2></span></div>
					<div><img src="renderingassets/team/masched.jpg" /><span><h2>Masched</h2></span></div>
					<div><img src="renderingassets/team/patrick.jpg" /><span><h2>Patrick</h2></span></div>
					<div><img src="renderingassets/team/markus.jpg" /><span><h2>Markus</h2></span></div>
					<div><img src="renderingassets/team/basti.jpg" /><span><h2>Basti</h2></span></div>
					<div><img src="renderingassets/team/johannes.jpg" /><span><h2>Johannes</h2></span></div>
					<div><img src="renderingassets/team/riki.jpg" /><span><h2>Riki</h2></span></div>
					<div><img src="renderingassets/team/robert.jpg" /><span><h2>Robert</h2></span></div>
					<div><img src="renderingassets/team/roland.jpg" /><span><h2>Roland</h2></span></div>
					<div><img src="renderingassets/team/tassilo.jpg" /><span><h2>Tassilo</h2></span></div>
					<div><img src="renderingassets/team/franz.jpg" /><span><h2>Franz</h2></span></div>
					<div><img src="renderingassets/team/bardia.jpg" /><span><h2>Bardia</h2></span></div>
					<div><img src="renderingassets/team/jonathan.jpg" /><span><h2>Jonathan</h2></span></div>
				</div>
				<div>
					<a name="mitmachen"></a>
					<h2>Das wollen wir gerne glauben.</h2>
					<p>Wir freuen uns über jede Bewerbung. Bitte senden Sie Ihre Unterlagen an <a href="mailto:los-gehts@netatck.com">los-gehts@netatck.com</a> und vielleicht treffen wir uns schon bald in der Hotterstraße.</p>
				</div>
			</div>
		</div>
		<div>
			<div class="page">
				<a name="kontakt"></a>
				<div class="header">
					<h2>Keine Angst. Wir sind ganz nett.</h2>
					<p>Glauben Sie nicht? Kommen Sie doch einfach vorbei, dann werden wir ja sehen.</p>
					<ul class="navigation">
						<li>
							<a href="impressum-datenschutz.xml#impressum">Impressum</a>
						</li>
						<li>
							<a href="impressum-datenschutz.xml#datenschutz">Datenschutz</a>
						</li>
					</ul>
				</div>
				<div>
					<a name="anfahrt"></a>
					<p>Technik, Design und Münchener Sonnenlicht spielen nicht nur in unserem Office eine große Rolle. Sondern auch um uns herum. Unser Großraumbüro über den Dächern der Münchner Altstadt im Hackenviertel befindet sich in unmittelbarer Nähe zu den bekanntesten Touristenattraktionen Münchens. Der Marienplatz im Herzen Münchens liegt nur wenige Schritte von uns entfernt.</p>
					<div class="columns">
						<div class="vcard">
							<h2>Telefon</h2>
							<div>Tel. 089 - 2 00 00 55-55</div>
							<h2>Anschrift</h2>
							<div class="adr">
								<div class="org">Netatck / net.attack GmbH</div>
								<div class="street-address">Hotterstr. 15</div>
								<div>
									<span class="postal-code">80331</span>&#xa0;
									<span class="locality">München</span>
								</div>
							</div>
							<a target="_blank" href="https://www.google.de/maps/place/NET%23ATCK/@48.1363152,11.5681452,17z/data=!3m1!4b1!4m5!3m4!1s0x479e75f5970a0eeb:0xf118ccde85151166!8m2!3d48.1363116!4d11.5703392?hl=de">Auf der Karte anzeigen...</a>
						</div>
						<div>
							<div id="map" style="width:100%;height:256px;position:relative"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<div class="page">
				<a name="und-sonst"></a>
				<div class="header">
					<h2>Und das passiert sonst noch...</h2>
					<p>Sie wissen ja wie das ist. News pflegen wir schon täglich auf den Seiten unserer Kunden und hier auf unserer Page vergessen wir's dann gerne mal. Wenn Sie auf dem Laufenden bleiben wollen, besuchen Sie uns doch einfach in Facebook (keine Sorge, Sie müssen nix liken).</p>
					<ul class="navigation">
						<li>
							<a href="http://www.facebook.com/netatck" target="_blank">NET#ATCK auf Facebook</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>