MEIN SERVICE

Web-Entwicklung & Fotografie

[ Fusion von Gestaltung und Programmierung ]

Kennen Sie das Gefühl?

Sie sitzen auf einem teuren Designerstuhl und fühlen sich einfach nur unwohl, weil er unbequem ist. Sie benutzen einen praktischen Gegenstand und denken: „Warum können praktische Dinge nicht auch schön sein?“

Wie wäre es mit der goldenen Mitte? Genau auf diese habe ich mich spezialisiert. Denn ich bin als ausgebildeter Programmierer und Fotograf im Quellcode genauso zu Hause wie in der Gestaltung. Ich möchte Ihnen ein Produkt anbieten, das Sie zugleich praktisch und schön finden. Die Seite, auf der Sie sich gerade bewegen, wurde von mir gestaltet und programmiert, also lade ich sie herzlich ein, meine Seite ganz genau unter die Lupe zu nehmen. Sollte Ihnen die Seite gefallen, versuchen Sie einmal, ein vergleichbares Pendant im Netz zu finden.

Viel Spaß beim Scrollen

Tatort Web  Logo Tatort Web

Macbook und Iphone mit Inhalt Webseite
Ipad mit Inhalt Webseite

Das kann ich Ihnen bieten


[ Websites, HTML & CMS ]

Wenn Sie sich optimal im Web präsentieren möchten, entwickle ich Ihre Website je nach Bedarf in HTML oder WordPress. Ein besonderes Augenmerk lege ich dabei auf die Mobiloptimierung, das sogenannte Responsive Design. Da immer mehr Menschen Websites über mobile Geräte wie Smartphones oder Tablets aufrufen, ist es wichtig, Internetseiten mobiloptimiert zu programmieren. Einen Überblick sollen die hier gezeigten Bilder geben – all diese Websites sind mobiloptimiert programmiert. Falls Sie einen Blog auf Ihrer Website wünschen, bzw. Ihre Seite über ein Frontend pflegen möchten, programmiere ich Ihre Website in WordPress. Ich arbeite mit Wordpress, da dieses CMS-System für den Nutzer, also für Sie, sehr leicht zu bedienen ist. Auch Logins und valide Kontaktformulare sind kein Problem. Welche Technologien ich nutze und über welche entsprechenden Fähigkeiten ich verfüge, sehen Sie hier.

[ E-Mail-Newsletter-Vorlagen ]

Sie möchten Ihre Kunden mit einem besonderen Newsletter informieren? Dann präsentieren Sie Ihre Newsletter mit einer speziellen E-Mail-Vorlage. Meine E-Mail-Vorlagen sind optimiert für Outlook und alle gängigen E-Mail-Programme sowie kompatibel für MailChimp. Schauen Sie sich meine programmierten E-Mail-Vorlagen an – einfach nach E-Mail-Newsletter sortieren.

[ Product Mock-ups ]

Mit sogenannten Product Mock-ups können Sie Ihre Produkte optimal im Netz präsentieren. Die Bilder, die Sie auf dieser Seite sehen, sind zum Beispiel mit Mock-ups erstellt. Sie erhalten von mir dafür eine Photoshop-Datei im PSD-Format, in die Sie Ihre Bilder ganz einfach einfügen können – und schon glänzt Ihr Produkt beispielsweise auf einem Smartphone oder Tablet-Computer oder auch auf Werbeflächen in einem U-Bahnschacht, auf Reklametafeln in einer bestimmten Stadt, an Häuserwänden oder auf Tassen – Ihrer Fantasie sind keine Grenzen gesetzt. E-Mail Template Swiss SeriesDie Bilder werden selbstverständlich hochauflösend fotografiert und können anschließend entweder auf Poster gedruckt oder im Web auf hochauflösenden Monitoren bestaunt werden. Übrigens sind alle in dieser Rubrik gezeigten Bilder mit eigenen Mock-ups erstellt. Finden Sie nicht auch, dass es die Produkte enorm aufwertet?

Auf der linken Seite sehen Sie eine von mir entworfene E-Mail-Vorlage, auf der rechten Seite habe ich diese Vorlage in ein Mock-up eingefügt. Weitere Arbeiten finden Sie hier.

Mockup mit Inhalt E-Mail Template
[ Fotografie ]

Glänzen Sie in Ihrem Online-Shop mit hochwertigen Produktfotos. Eine gute Produktpräsentation ist verkaufsentscheidend, entsprechend hochwertig sollten auch daher Ihre Bilder sein. Machen Sie bei der Vorstellung Ihres Teams auf Ihrer Homepage mit schönen Porträtfotos eine „gute Figur“. Benötigen Sie Hintergründe, Texturen, Patterns oder Schraffuren, um Ihre Seite aufzuwerten? Auch damit kann ich dienen. Oder möchten Sie einfach nur ein schönes Bild von sich selbst oder einem anderen Motiv – ich kann es für Sie fotografieren.
Unter Technologien gebe ich Ihnen einen kleinen Einblick in meine Ausrüstung und die damit verbundenen Einsatzmöglichkeiten.

[ Bildbearbeitung ]

Für ein optimales Endergebnis bedürfen digitale Bilder einer digitalen Nachbearbeitung. In der analogen (Silberbild-)Welt musste der Film zunächst entwickelt und anschließend in einem Labor vergrößert werden. Erst mit der Vergrößerung konnte man das letzte Quäntchen aus dem Bildmaterial herausholen. Außerdem konnten Veränderungen vorgenommen wie z. B. Tönungen, Verzerrungen etc. Heute werden diese Arbeiten in Photoshop erledigt – schneller, effizienter und kostengünstiger. Welche Software ich zusätzlich einsetze und welche Kenntnisse ich besitze, sehen Sie hier. Wenn Sie nach „Fotografie“ sortieren, finden Sie hier zudem ein paar Arbeitsbeispiele.

[ Technologien & Kompetenzen ]

Web

Entwicklung


Coding


Fotografie

Bild

Bearbeitung

html5 logo  HTML5  /  css3 logo  CSS3

Im Web ist es wichtig, „am Zahn der Zeit“ zu sein. Das betrifft das Layout, selbstverständlich aber auch die Web-Technologien und allen voran die Seitenbeschreibungssprache Html. Mit Einführung der Revision 5 haben sich für den Web-Autoren einige Dinge geändert. Ich schreibe meine Seiten grundsätzlich in Html 5. Für Sie bedeutet das, keine Umstellungsmaßnahmen ergreifen zu müssen, wenn alte Revisionen nicht mehr von w3c unterstützt werden.
Erst mit der Formatierungssprache CSS3 ist ein modernes Design ohne Programmierung möglich. Kreise, Schatten, Textverformungen, Verläufe und Animationen sind mit der neuen Formatierungssprache CSS3 möglich.

Kompetenzen

100%
CSS 3
100%
HTML 5

drupal logo  WordPress  /  drupal logo Drupal

Sie möchten redaktionelle Texte auf Ihrer Website pflegen oder mit Newsfeeds Ihre Kunden stets auf dem neuesten Stand halten? Kurz, Sie möchten Ihre Website häufig und eigenständig aktualisieren? Dann brauchen Sie ein Content Management System (CMS). WordPress ist ein solches CMS-System, mit dem ich sehr gern arbeite. WordPress ist mit einem Anteil von über 55 % das am meisten verbreitete CMS-System der Welt. Natürlich ist ein so verbreitetes Open-Source-System sehr gut programmiert, wird regelmäßig gepflegt, verbessert und mit zusätzlichen Tools ausgestattet.

80%
Drupal
100%
WordPress

javascript logo JavaScript  /  jquery logo  jQuery

Anspruchsvollere Animationen werden in JavaScript geschrieben. Mit der Programmiersprache JavaScript wird Ihre Seite erst richtig rund. Damit kann ich aufwendige Sortierfunktionen, Videos usw. in Ihre Seite einbinden.

Viele Programmiervorlagen sind in der Open-Source-Bibliothek jQuery zu finden. Warum sollte man das Rad neu erfinden, wenn es in Form von Programmiervorlagen schon vorhanden ist? Besonders mit jQuerys sind die Möglichkeiten grenzenlos.

Kompetenzen

90%
jQuery
80%
JavaScript

php logo  PHP  /  mysql logo  MySql

Soll der Server angesprochen werden, z. B. beim Versand von E-Mails, benötigt man eine serverbasierte Programmiersprache, sprich PHP. Schon bei einem normalen Kontaktformular brauchen Sie PHP. Sie benötigen einen Login-Bereich? Kein Problem mit PHP und der Open-Source-Datenbank MySql. PHP und MySql harmonieren wunderbar miteinander, und es können aufwendige Datenbanken geschrieben werden. Sinnvoll für z.B. Vereine, wenn es um die Speicherung der Mitgliedernamen geht. Online-Shops werden ebenfalls in PHP geschrieben.

70%
MySql
70%
PHP

Digitales Kamerasystem

Canon EOS 5D Mark III [Vollformat Sensor]

Erst eine Profi-Kameraausrüstung ermöglicht ein für jeden Anspruch und jede Situation geeignetes Aufnahmemedium. Mir kommt es bei meiner Ausrüstung besonders auf die Qualität hinsichtlich Farbtiefe und Schärfe an. Um ein Porträt entsprechend vom Hintergrund abzusetzen, benötigt man eine Vollformat-Kamera und ein entsprechendes Objektiv. Für Produktaufnahmen sind eine Blitzanlage, Hintergründe und Farbverläufe notwendig. Alles das kann ich ihnen bieten.

Adobe Creative Cloud

Als Abonnent der Creative Cloud von Adobe sind der digitalen Bearbeitung von Bildern keine Grenzen gesetzt. Nahezu alles lässt sich mit diesen mächtigen Werkzeugen bewerkstelligen. Nicht nur statische Bilder, sondern auch bewegte Bilder (also Film) und Tonmaterial lässt sich mit der Adobe Software bearbeiten. Also sollten Sie einen Film brauchen, kann ich auch diesen bearbeiten und z.B. für das Web tauglich machen.

Kompetenzen

60%
InDesign
80%
Illustrator
100%
Lightroom
100%
Photoshop
ARBEITSPROBEN

Meine Arbeiten

REFERENZEN

Internetauftritte

Referenz Jaettefint Agentur Jättefint Agentur www.jaettefint-agentur.de

Website in HTML5/CSS3
Programmierung in PHP mit Login Bereich
MySQL Datenbankanbindung

Referenz ats orgassa ats orgassa www.atsorgassa.de

Landingpage in HTML5/CSS3
Programmierung
Responsive Design im Liquid Grid

Referenz Perspektive Beruf Klaus Galow www.klaus-galow.net

Coming Soon Page in HTML5/CSS3
Layout, Programmierung und Fotografie
Responsive Design im Liquid Grid

Referenz PC Global PC Global von Weed www.pcglobal.org

WordPress Site - Statisch
Programmierung und Layout
Responsive Design im Liquid Grid

Referenz Perspektive Beruf Perspektive Beruf www.perspektive-beruf.net

WordPress Site - Statisch
Layout, Programmierung und Fotografie
Responsive Design im Liquid Grid

Referenz Tatort Tekst Tatort Tekst www.tatort-tekst.de

WordPress Site - Statisch mit Blog
Programmierung, Layout und Fotos
Responsive Design im Liquid Grid

Referenz Iris Gehrke Beratung Iris Gehrke Beratung www.iris-gehrke-beratung.de

HTML5/CSS3/JQuery - Vcard
Programmierung, Layout und Fotos
geräteabhängiges Responsive Design

Referenz Bookwerk Bookwerk www.bookwerk.de

Website in HTML5/CSS3/JQuery
Programmierung, Layout und Fotos
Responsive Design

Fotoarbeiten

ÜBER MICH

Tatort Web

thomas röttgen pose als fotograf

„Gewiß kein Freund der Gärtnerei wäre zufrieden, wenn auf einmal alles reif gewachsen da stände und er nichts zu tun hätte als zu pflücken.“

Jean Paul (1763–1825)

Seit April 2014 Tatort Web
M

ein Name ist Thomas Röttgen und ich bin der Gründer von Tatort Web. Schon seit meiner Kindheit brenne ich für alles, was mit dem Computer zu tun hat. Inzwischen gilt mein Hauptinteresse der Webentwicklung, denn dort kann ich logisches Denken (Programmieren) und kreatives Arbeiten (Design) vereinen.
Meine besonderen Stärken sind Durchhaltevermögen, Willenskraft und Ehrgeiz. Ich verfüge über sehr viel Energie und Motivation, bin Motivator, ein Improvisationstalent und sehr lösungsorientiert. Diese Fähigkeiten wurden besonders in meiner Zeit als Sportler geprägt. Schon als junger Mensch war ich davon fasziniert, Grenzen auszuloten und meine körperliche Leistungsfähigkeit zu steigern. Angefangen mit Kampfsport, über Kraftsport bis hin zum Hochleistungstriathleten in der Bundesliga bin ich durch alle Höhen und Tiefen eines Sportler-Lebens gegangen und habe dabei vor allem Strategien entwickelt, mich schnell aus Tiefen zu befreien, daraus zu lernen und meine Persönlichkeit stetig weiterzuentwickeln. Rund wird meine Befähigung zum Web-Entwickler erst durch meine Ausbildung zum Fotografen, welche ich 1997 bei der Handwerkskammer abschloss. Während meiner Ausbildung habe ich in mehreren Agenturen als Fotograf gearbeitet. Durch meine Leidenschaft und Ausbildung zum Fotografen schulte ich mein gestalterisches Auge. Ich weiß sehr genau, was ein goldener Schnitt ist und wann ein Bild und damit ein Design „rund“ ist.

KONTAKT
Vielen Dank! Ich habe Ihre Mail empfangen.
loading gif
Bitte versuchen Sie es Später noch einmal.

Thomas Röttgen

Mauenheimer Str. 144

50733 Köln

0221 99876507

0151 70054386

IMPRESSUM

Impressum

Angaben gemäß § 5 TMG

Thomas Röttgen
Mauenheimer Str. 144
50733 Köln

Vertreten durch:
Thomas Röttgen

Kontakt:
Telefon: 0221-99876507
Mobil: 0151-70054386
E-Mail: roettgen@tatort-web.com

Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:
Thomas Röttgen
Mauenheimer Str. 144
50733 Köln

Lektorat:
www.tatort-tekst.de
Melanie Schirdewahn

Haftungsausschluss:  klick

Haftung für Inhalte

Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.

Haftung für Links

Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.

Urheberrecht

Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.

Datenschutz

Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.
Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails, vor.


Google Analytics

Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. (''Google''). Google Analytics verwendet sog. ''Cookies'', Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglicht. Die durch den Cookie erzeugten Informationen über Ihre Benutzung diese Website (einschließlich Ihrer IP-Adresse) wird an einen Server von Google in den USA übertragen und dort gespeichert. Google wird diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten für die Websitebetreiber zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen zu erbringen. Auch wird Google diese Informationen gegebenenfalls an Dritte übertragen, sofern dies gesetzlich vorgeschrieben oder soweit Dritte diese Daten im Auftrag von Google verarbeiten. Google wird in keinem Fall Ihre IP-Adresse mit anderen Daten der Google in Verbindung bringen. Sie können die Installation der Cookies durch eine entsprechende Einstellung Ihrer Browser Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website voll umfänglich nutzen können. Durch die Nutzung dieser Website erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten durch Google in der zuvor beschriebenen Art und Weise und zu dem zuvor benannten Zweck einverstanden.

Google AdSense

Diese Website benutzt Google Adsense, einen Webanzeigendienst der Google Inc., USA (''Google''). Google Adsense verwendet sog. ''Cookies'' (Textdateien), die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglicht. Google Adsense verwendet auch sog. ''Web Beacons'' (kleine unsichtbare Grafiken) zur Sammlung von Informationen. Durch die Verwendung des Web Beacons können einfache Aktionen wie der Besucherverkehr auf der Webseite aufgezeichnet und gesammelt werden. Die durch den Cookie und/oder Web Beacon erzeugten Informationen über Ihre Benutzung diese Website (einschließlich Ihrer IP-Adresse) werden an einen Server von Google in den USA übertragen und dort gespeichert. Google wird diese Informationen benutzen, um Ihre Nutzung der Website im Hinblick auf die Anzeigen auszuwerten, um Reports über die Websiteaktivitäten und Anzeigen für die Websitebetreiber zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen zu erbringen. Auch wird Google diese Informationen gegebenenfalls an Dritte übertragen, sofern dies gesetzlich vorgeschrieben oder soweit Dritte diese Daten im Auftrag von Google verarbeiten. Google wird in keinem Fall Ihre IP-Adresse mit anderen Daten der Google in Verbindung bringen. Das Speichern von Cookies auf Ihrer Festplatte und die Anzeige von Web Beacons können Sie verhindern, indem Sie in Ihren Browser-Einstellungen ''keine Cookies akzeptieren'' wählen (Im MS Internet-Explorer unter ''Extras > Internetoptionen > Datenschutz > Einstellung''; im Firefox unter ''Extras > Einstellungen > Datenschutz > Cookies''); wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website voll umfänglich nutzen können. Durch die Nutzung dieser Website erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten durch Google in der zuvor beschriebenen Art und Weise und zu dem zuvor benannten Zweck einverstanden.


© 2014 Tatort Web