tel:

0441 939 292 3-1

mobil:

01578 1575 207

mail:

mail@dirkrathjens.de


Kontakt-Form:

    Monitor und Smartphone aus Lego mit stilisertem Layout in der Entwicklung

    Spürbar gute Programmierung

    Flexible und robuste Webentwicklung

    Damit eine Webseite Spaß macht, muss sie gut funktionieren. Der Besucher braucht eine gute strukturelle und technische Aufbereitung der Inhalte um sich mühelos zurechtzufinden. Das ist meine Aufgabe.

    Ob neue Projekte oder Anpassungen verschiedenster Art, diesseits und jenseits der Möglichkeiten von WordPress und Co: ich berate Sie, finde die passenden Bausteine für Ihre Vorstellungen und setze Alles fachgerecht zusammen.

    Mein Anspruch ist die effektive Verbindung von Inhalt, Design, Technik und Funktion im Sinne einer perfekten User-Experience. Mit meiner langjährigen Erfahrung sorge ich dafür, dass Ihre Webseite reibungslos läuft, unter allen Bedingungen.

    Mein Name ist Dirk Rathjens, ich bin Webentwickler und Sie können sich hier über meine Dienstleistungen informieren.

    Bestehen noch Fragen? Einfach Kontakt aufnehmen.

    
    
    
    
    

    Dienstleistungen

    Von der Planung bis zur Fertigstellung

    Ich erledige für Sie Arbeiten rund um ihren Webauftritt. Mein Angebot umfasst folgende Leistungen:

    Bei allen Fragen zur Technik und Struktur Ihres Webauftritts kann ich Sie kompetent beraten und mit Ihnen die notwendigen Schritte planen.

    Bei der Durchführung eines kompletten Webauftritts übernehme ich für Sie die Planung, Entwicklung, Durchführung und Pflege.

    Wenn es für eine individuelle Aufgabe keine passende Lösung gibt, plane, entwickele und programmiere ich für Sie eine Erweiterung, z.B. für Typo3 oder WordPress.

    Soll das Design und Layout der Webseite bis in’s Detail auf Ihre Belange abgestimmt werden, dann mache ich ihre Wünsche in Zusammenarbeit mit einem Grafikdesigner möglich.

    Ein technischer Fehler kann die gesamte Webseite lahmlegen. In diesem Fall helfe ich Ihnen, die Seite schnellstmöglich wieder online zu bringen.

    Sie brauchen jemanden, der Anpassungen an Ihrer Webseite durchführt? Ich erledige das gerne für Sie. Im Zweifelsfall fragen Sie bitte gerne an.

    Referenzen

    Hier finden sie eine Auswahl meiner Arbeit

    Repaircafé Oldenburg

    Technische Beratung, Abwicklung und Programmierung der gesamten Webseite.

    Energiebüro Westkämper

    Technische Beratung, Abwicklung und Programmierung der gesamten Webseite.

    FairtradeTown Oldenburg

    Technische Beratung, Abwicklung und Programmierung der gesamten Webseite.

    kostbar

    Technische Beratung, Umfassende Anpassungen und Erweiterungen.

    Ernährungsrat Oldenburg

    Technische Beratung, Abwicklung und Programmierung der gesamten Webseite.

    Revolution im Nordwesten

    Webseite Revolution im Nordwesten

    Technische Beratung, Abwicklung und Programmierung der gesamten Webseite.

    Klima(+) Unternehmen

    Komplette Webseite inkl. Beratung, Abwicklung und Programmierung.

    Klima(+) Oldenburg

    Technische Beratung, Umfassende Anpassungen und Erweiterungen

    Grundschule Drielake

    Komplette Webseite inkl. Beratung, Abwicklung und Programmierung.

    Die Logos von Typo3, PHP, JavaScript, WordPress, HTML5 und CSS3 in Lego nachgebaut

    Kompetenzen

    Die Bausteine meiner Arbeit

    Als Überbau für meine Arbeit nutze ich die Content-Management-Systeme (CMS) WordPress bzw. Typo3. Es ist aber auch möglich, eine statischere Webseite ohne CMS, z.B. auf Basis von PHP oder React/Next zu erstellen. Für ein effektives und von vornherein responsives Layout setze ich bevorzugt Bootstrap ein.

    Natürlich bin ich vertraut mit HTML5, PHP und CSS3 sowie SCSS. Ebenso mit JavaScript und jQuery und React für den interaktiven Part. Im Zweifelsfall fragen Sie gerne persönlich nach.

    Partner

    Mehr Kompetenz im Team

    Die Mehrzahl meiner Webseiten ist im Auftrag von oder in Zusammenarbeit mit dem Büro für Gestaltung mensch und umwelt entstanden. Dabei ist eine erfolgreiche Partnerschaft gewachsen. Jürgen Amelung und seine Mitarbeiter*innen bieten Kompetenz und langjährige Erfahrung in den Bereichen Grafikdesign, Druckmedien und Marketing.

    Zu Mensch und Umwelt

    Haben Sie Interesse, mit mir zusammenzuarbeiten? Einfach Kontakt aufnehmen!

    FairtradeTown Oldenburg

    oldenburg-handelt-fair.de Ansicht Smartphone
    oldenburg-handelt-fair.de Ansicht Tablet
    oldenburg-handelt-fair.de Ansicht PC

    Umfangreiche Erweiterungen, Layout, Quiz

    Bei der Arbeit an dieser Seite habe ich …

    • das Layout nach grafischen Entwürfen der Agentur ins Template übertragen;
    • eine Erweiterung zur Repräsentation von Geschäften und Aktionspartnern sowie internen und externen Veranstaltungen geplant und entwickelt, welche es ermöglicht, die Daten zentral zu pflegen;
    • eine nach Kategorien filterbare Karte inklusive Liste, eine Unterseite zur Repräsentation der Aktionspartner und ein Veranstaltungskalender werden automatisch aus diesen Daten erzeugt;
    • Auch die Fairtrade-Siegel werden über diese Erweiterung verwaltet und können so an verschieden Stellen des Webauftritts automatisch eingebunden werden.
    • Ein Quiz mit einer Verlosung wurde von mir erstellt und dessen Bedienung in einer kurzen Schulung vermittelt.
    • Ende 2020 konnte ich Sprechblasen als Inhaltselemente auf der Startseite hinzufügen und eine Erweiterung zur Verwaltung und Präsentation der aktiven Mitglieder umsetzen.

    Durch die Erweiterung ist es für die Redakteurinnen wesentlich effektiver diese sehr lebendige Seite zu pflegen. Viele wesentliche Inhalte sind automatisch von den Daten gesteuert: sie tauchen an mehreren Stellen auf, müssen aber nur an einer Stelle verwaltet werden. Auch ein einheitlicher Look ist so gesichert.

    Zur Webseite

    Zur Übersicht

    Energiebüro Westkämper

    hubert-westkaemper.de Ansicht Smartphone
    hubert-westkaemper.de Ansicht Tablet
    hubert-westkaemper.de Ansicht PC

    Präsentation des umfangreichen Angebotes

    Gefragt war hier eine gründliche Repräsentation des umfangreichen Dienstleistungsangebots des Kunden.

    Meine Arbeit umfasste unter Anderem:

    • Bei der Planung habe ich zu technischen Möglichkeiten und Lösungen, sowie zur Strukturierung des Inhalts und der Seite beraten.
    • Das Layout wurde anhand der grafischen Entwürfe der Agentur durch die Programmierung verschiedener Vorlagen verwirklicht.
    • Die gesamte Webseite wurde für die drei verschiedenen Zielgruppen privat, gewerblich und öffentlich differenziert. Eine Filterfunktion beim Seiteneinstieg zeigt die entsprechend passenden Inhalte für den gesamten Besuch der Seite.
    • Die vorgefertigten Inhalte wurden unter Berücksichtigung der optimalen Darstellung auf verschiedenen Endgeräten mit flexiblen Layout-Elementen eingepflegt.

    Die Seite muss kompakt und übersichtlich ein sehr umfangreiches Angebot darlegen und soll das breit gefächerte Zielpublikum optimal ansprechen. Durch eine gründliche Planung der Inhaltsstruktur mit allen Beteiligten und den Zielgruppenfilter haben wir eine effektive Seite schaffen können.

    Zur Webseite

    Zur Übersicht

    kostbar

    kostbar-oldenburg.de/ Ansicht Smartphone
    kostbar-oldenburg.de/ Ansicht Tablet
    kostbar-oldenburg.de/ Ansicht PC

    Erweiterte Inhaltsverwaltung, Datenexport, Mobiles Layout, neue Layout-Elemente

    Seit Ende 2017 arbeite ich mit an dieser Webseite.

    Folgende größere Veränderungen habe ich bisher vornehmen können:

    • Ein bestehendes Plugin zur Verwaltung der Anbieterdaten wurde in Stand gesetzt und ausführlich erweitert, um differenziertere und zusätzliche Präsentation der Anbieter zu ermöglichen.
    • Seiten-Vorlagen, auf denen diese Daten automatisch eingefügt werden, wurden angepasst bzw. neu erstellt:
      • eine interaktive Karte mit Markierungen für die Anbieter,
      • eine Übersicht aller Anbieter mit Filtern für Kategorien und Unterkategorien,
      • eine A-Z-Liste
      • und eine Einzelansicht.
    • Zur Verwendung in einem digitalen Gutscheinbuch wurden eine Exportfunktion dieser Daten entwickelt und umgesetzt.
    • Andere Seiten-Vorlagen wurden überarbeitet, eine Mailvorlage für einen Newsletter wurde erstellt, ein Handy-Layout wurde umgesetzt.
    • Ein Widget für einen Call-To-Action-Button wurde erstellt, und ein Bestellformular wurde umgesetzt.

    Durch die Veränderungen der Erweiterung wurde es möglich, die Ausgabe im Frontend differenzierter zu Gestalten, z.B. gibt es nun auch Angaben zu den Filialen und die Gutscheine werden vorgestellt, die Anbietersuche ist nach Kategorien filterbar und vieles mehr.

    Zur Webseite

    Zur Übersicht

    Ernährungsrat Oldenburg

    ernaehrungsrat-oldenburg.de/ Smartphone-Ansicht
    ernaehrungsrat-oldenburg.de Tablet-Ansicht
    ernaehrungsrat-oldenburg.de PC-Ansicht

    Repräsentation, Veranstaltungen, Termine, Blog, Interaktive Vermittlung

    In 2018 habe ich an der Neugestaltung dieser multifunktionalen Webseite mitgewirkt.

    Ich konnte folgende Aufgaben erledigen:

    • Auf Basis von WordPress und Bootstrap wurden grafische Vorgaben lückenlos für alle Bildschirmgrößen von Handy bis Full-HD in verschiedenen Seiten-Vorlagen umgesetzt.
    • Funktional wurde zusätzlich zur Erweiterung des Blogs die Verwaltung von Veranstaltungen und Terminen durch die Möglichkeit der zentralen Verwaltung der Daten stark erleichtert. Die Seiten Veranstaltungen bzw. Termine werden automatisch aus diesen Daten mit Karten befüllt.
    • Jede dieser Karten enthält Bild, Teasertext und einen Link zu einer Einzelansicht mit allen Informationen zum Event.
    • Die Ausgabe der Daten auf den Seiten Termine, Veranstaltungen und Blog lässt sich vom Besucher der Seite nach Kategorien filtern. Diese Kategorien lassen sich von den Redakteuren verwalten und beliebig mit den Einträgen verknüpfen.
    • Zur einheitlichen Darstellung wiederkehrender Inhaltsblöcke wurden Elemente erstellt, die von den RedakteurInnen überall eingesetzt werden können:
      • Regionen in voller Seitenbreite in den Themenfarben Grün, Blau, Gelb und Braun;
      • Flexible Elemente für ein Layout, das sich an verschiedene Endgeräte anpasst.
      • Ein Personen-Profil mit Bild und zugehörigem Text.
      • Projekt-Karten in den vier Themenfarben (siehe auch Abb. links bzw. oben).
    • 2019 wurde im Rahmen des Projekts “Essbare Schulen” von mir ein entsprechender Bereich der Seite mit Unterseiten erstellt und vorausgefüllt.
    • 2020 habe ich die Webseite im Rahmen des Projekts “Pflück Mich!” um die Funktion einer Vermittlung zwischen Pflückstellen und Pflücker*innen erweitert.Ausführliche Daten zu den Pflückstellen und den Pflücker*innen können sowohl über ein Formular von Besuchern eingepflegt werden, als auch von Redakteur*innen im Verwaltungsbereich erstellt und editiert werden.
      • Die Früchte und Fruchtgruppen wurden als Kategorien angelegt und mit grafischen Symbolen ausgestattet.
      • Die Pflückstellen werden auf einer Übersichtskarte gezeigt. Hier werden öffentlich zugängliche Stellen und private Stellen differenziert. Die Sprechblasen der Stellen geben mehr Infos und verweisen bei den privaten Pflückstellen auch auf das Pflücker*innen-Formular.
      • Pflücker*innen können in ihrem Formular private Pflückstellen interaktiv aus einer Karte auswählen.

    Die Webseite ist darauf ausgelegt, effektiv durch verschiedene Redakteur*innen gepflegt zu werden und weiterhin ein einheitliches Layout zu bieten. Vor allem die dynamisch aus den Datensätzen erzeugten Inhaltselemente und die vorgefertigten Elemente helfen dabei, die immer im Wandel befindlichen Inhalte strukturiert zu gestalten.

    Zur Webseite

    Zur Übersicht

    Revolution im Nordwesten

    Veranstaltungskalender der Webseite
    Screenshot Projektkarten

    Veranstaltungskalender mit Dauer- und Tagesterminen, filterbare Terminsuche

    In 2018 konnte ich an dieser Webseite mitwirken. Es handelt sich um einen Kalender zu einer thematischen Veranstaltungsreihe mehrerer Veranstaltungsorte. Ziel der Seite war die Präsentation des Themas und eine effektive Terminübersicht.

    Ich konnte unter anderem folgende Aufgaben erledigen:

    • Auf Basis von WordPress mit Bootstrap wurden grafische Vorgaben lückenlos für alle Bildschirmgrößen von Handy bis Full-HD in verschiedene Seiten-Templates umgesetzt.
    • Funktional wurden Daten der Typen “Event”, “Veranstalter” und “Partner” in den Admin-Bereich eingefügt. Die dort eingepflegten Daten konnten auf der Seite Veranstaltungen in Form eines Gantt-Diagramms für längere Termine und einer Auflistung von Teaser-Karten dargestellt eingesehen werden. Diese Darstellung zeigt zunächst die aktuellen Termine.
    • Die Auswahl eines Teasers oder eines Balkens im Gantt-Diagramm führt zu einer Einzeldarstellung des Termins mit ausführlichen Informationen und Link zum Veranstalter
    • Ein umfangreicher Filter reduziert die dargestellten Termine nach Zeit, Ort oder freiem Suchbegriff.

    Die verschiedenen Termine übersichtlich darzustellen gelang mit der glücklichen Kombination eines Gantt-Diagramms mit einer Liste der Tagesveranstaltungen, so dass dem Besucher der Seite alle aktuellen Termine schnell und übersichtlich gezeigt werden konnten.

    Für den Redakteur der Webseite wurde die Arbeit erleichtert durch gut geplante Formulare, welche doppelte Dateneingabe vermeiden und Zeit und Mühe sparen.

    Diese Webseite ist leider nicht mehr aktiv, da die Veranstaltungsreihe ausgelaufen ist.

    Zur Übersicht

    Repaircafé Oldenburg

    repaircafeoldenburg.org Ansicht Smartphone
    repaircafeoldenburg.org Ansicht Tablet
    repaircafeoldenburg.org Ansicht PC

    Veranstaltungsverwaltung mit Kalender und Präsentation der Cafés, Literaturliste, Umzug eines Plugins

    In 2018 konnte ich umfangreich an der Erstellung dieses Webauftritts mitwirken.

    Dabei habe ich folgende Aufgaben erledigt:

    • Auf Basis von WordPress mit Bootstrap wurden grafische Vorgaben lückenlos für alle Bildschirmgrößen von Handy bis Full-HD in verschiedene Seiten-Vorlagen umgesetzt.
    • Funktional wurde eine Erweiterung mit den Admin-Bereichen Café, Service-Angebote, Service-Team und Termine angelegt. Dies ermöglicht die einfache Pflege der entsprechenden Daten an zentraler Stelle und flexible Zuordnungen zwischen diesen Daten zur Umsetzung eines Kalenders für die Repaircafé-Termine und der Einzeldarstellung der Cafés.
    • Auf der Seite Termine werden diese nach Cafés filterbar aufgelistet. Zu jedem Termineintrag führt ein Link auf eine ausführliche Darstellung des Termins
    • Gleiches wurde für die Cafés auf der Seite Die Repair Cafés umgesetzt: eine gestaltete Auflistung mit Links zur ausführlichen Einzelseite. Diese beiden Listen sowie die Unterseiten werden dynamisch aus den Daten erstellt.
    • Die WordPress zugrundeliegende Blogfunktion wird auf der Seite Aktuelles genutzt, auch wieder in Listenform mit Links zum Weiterlesen.
    • Die Webseite wurde auf Anfrage erweitert um die Funktion eines Literaturkatalogs zum Thema Reparieren. Auch hier werden Daten zentral gepflegt und in einer Liste und Einzelansichten präsentiert.
    • 2021 wurde die Erweiterung des Literaturkatalogs samt der bereits eingepflegten Daten umgezogen auf die Webseite des Reparaturrat Oldenburg und an das dortige Design angepasst.

    Die Webseite wurde von vornherein professionell geplant und gepflegt, um das Thema Reparatur in Oldenburg publik zu machen. Dabei helfen die Erweiterungen, die Daten vieler neuer Cafés aus dem Oldenburger Umland sowie einen Literaturkatalog schnell, einfach und designkonform aufzunehmen.

    Zur Webseite

    Zur Übersicht

    Klima(+) Unternehmen

    klimaplus-unternehmen.de Ansicht Smartphone
    klimaplus-unternehmen.de Ansicht Laptop
    klimaplus-unternehmen.de Ansicht PC

    Veranstaltungskalender, mobiles Layout, Newsletter, Blog, Verwaltung und Pflege

    Diese Webseite wurde in enger Anlehnung an die Seite der AG Klimaplus Oldenburg 2013 auf Basis von Typo3 komplett von mir erstellt:

    • Bei der Planung der Webseite habe ich zu Fragen des Hostings und zu den Funktionen Veranstaltungskalender, Newsletter und Blog beraten.
    • Die Domainsicherung und das Hosting wurde abgewickelt.
    • Das Layout wurde mit Veränderung der Hauptfarbe vom Vorbild klimaplus-oldenburg.de übernommen und um ein mobiles Layout ergänzt.
    • Eine Rechtehierarchie mit Admin- und Redakteurskonten wurde umgesetzt.
    • Über Erweiterungen wurden die Funktionen des Newsletters und des Veranstaltungskalenders mit Datenverwaltung im Backend eingerichtet und im Layout an die Seite angepasst.
    • Auch die Blog-Funktion wurde über eine Erweiterung erstellt und angepasst.

    Für den Kunden war es wichtig, dass die Seite im Look and Feel eng verwandt mit der Schwesterseite bleibt. Während allerdings im Original viele Inhalte manuell erstellt und verlinkt wurden, konnte ich über die Erweiterungen Hilfen für die Arbeit der Redakteure einrichten, um hier Inhalte effektiver zu pflegen und die Ausgabe einheitlich zu gestalten. Die Seite wird professionell redaktionell betreut und ist sehr lebendig.

    Zur Webseite

    Zur Übersicht

    Klima(+) Oldenburg

    klimaplus-oldenburg.de Ansicht Smartphone
    klimaplus-oldenburg.de Ansicht Laptop
    klimaplus-oldenburg.de Ansicht PC

    Mobiles Layout, Anpassungen, Verwaltung und Pflege

    Nach der Erstellung der Webseite für Klima(+) Unternehmen nach dem Vorbild dieser Seite ist auch diese Webseite in meiner technischen Betreuung.

    Veränderungen, die ich vorgenommen habe:

    • Erstellen eines mobilen Layouts in Anlehnung an die Schwesterseite klimaplus-unternehmen.de.
    • Abwicklung des Umzugs zu einem anderen, zertifiziert klimaneutralen Hoster.
    • Einrichten und Anpassen einer Memoryspiel-Erweiterung zu PR-Zwecken.
    • Einrichten einer umfangreichen Online-Umfrage (Solar-Check) auf Basis einer Erweiterung unter Anpassung des Layouts an das Seitendesign.
    • Programmierung eines eigenen Inhaltselements “Kachel”, welches sich interaktiv wendet und so die Neugier weckt und zwei Inhaltsbereiche verbindet.
    • Einbinden einer Twitter-Timeline und eines News-Sliders in die Seitenbereich.
    • Mehrfaches Upgrade des Typo3-CMS.

    Diese Webseite wird professionell redaktionell gepflegt, um das Bewusstsein der Oldenburger für das Energiesparen zu fördern. Nach den Wünschen des Redakteurs wurden immer wieder einzelne Veränderungen implementiert, um die Reichweite und Effizienz der Webseite zu steigern.

    Zur Webseite

    Zur Übersicht

    Grundschule Drielake

    grundschule-drielake.de Ansicht Smartphone
    grundschule-drielake.de Ansicht Laptop
    grundschule-drielake.de Ansicht PC

    Rechteverwaltung, Galerien, Typo3-Schulung

    In 2014 konnte ich die komplette Webseite der Grundschule Drielake erstellen.

    Mit Typo3 als Grundlage habe ich das Layout unter Berücksichtigung aller üblichen Gerätegrößen von Handy bis Full HD erstellt.

    • Typo3 ermöglicht es den Redakteur*innen über das Backend Seiten neu anzulegen und Inhalte eigenständig zu pflegen. In mehreren Schulungen wurden einige Angestellte der Schule von mir in das System und den allgemeinen Umgang mit digitalen Inhalten eingewiesen.
    • Ein Workflow mit verschiedenen Benutzerrechten – Redakteure zum Erstellen von Inhalten und Chefredakteur zum Veröffentlichen – wurde umgesetzt.
    • Für den Header der Startseite wurde eine Flash-basierte Slideshow erstellt.
    • Fotogalerien können im Backend erstellt und an verschiedenen Stellen auf der Seite eingebunden werden
    • Zu mehreren Projekten der Schule habe ich geholfen, Inhalte zu erstellen und ansprechend in die Webseite eingepflegt (Projekte Plietsch und Blaues Wunder, Galerie Herbstfest 2017).

    Die Webseite wird derzeit vor Allem mit wichtigen aktuellen Informationen erfolgreich von den Angestellten der Grundschule eigenständig weiter gepflegt.

    Zur Webseite

    Zur Übersicht