23.03.2013: Landdruckerei.de

Seit September 2012 bin ich für Landdruckerei.de tätig, primär als Frontend-Entwickler (HTML, CSS, JavaScript, Smarty Template Engine). Bis dato wurden u.a. folgende Leistungen bzw. Änderungen ausgeführt:

  • Umstellung der datei-internen Struktur auf state-of-the-art-Techniken (z.B. Einbindung mehrfach benutzter Seitenteile, verbesserte Variablenübergabe u.ä,)
  • Umstellung auf HTML5, CSS 2/3, Javascript- und Website-Optimierungen (u.a. mittels HeadJS und jQuery)
  • Einführung eines CSS-Frameworks (vom Prinzip her ein für heutige Verhältnisse erweitertes Blueprint CSS-Grid)
  • Redesign von Teilen der Website zugunsten der Benutzerfreundlichkeit (etwa die Kategorien- und Produktauflistung)
  • Integration eines Weblogs auf Basis von WordPress

URL: http://www.landdruckerei.de/

06.09.2012: WordPress: ACF Widget

Es gibt keine wirklich brauchbaren Kontaktformular-Widgets für WordPress. Natürlich, man KANN Erweiterungen für vorhandene Formular-Plugins verwenden. Genauso, wie man sich einen Traktor mit Komplettausstattung kaufen KANN, obwohl man eigentlich nur rasen mähen möchte.

Mein kleines, aber feines ACF (steht für Advanced Contact Form) Widget tut genau das, was es soll: Es stellt ein Kontaktformular als Widget zur Verfügung, welches bei Bedarf mit weiteren Eingabefeldern erweiterbar ist, und via AJAX Mails an die eigene (oder entspr. gesetzte) E-Mail-Adresse versendet. Übersetzungen existieren ebenfalls, welche mittels Drop-in Replacements im aktuellem Theme-Verzeichnis ersetzt werden können.

Derzeit nur via github verfügbar, da noch Beta-Status.

URL: https://github.com/ginsterbusch/acf-widget

30.03.2012: strg. GmbH 2.0

Technische Umsetzung des neuen Designs der strg. GmbH, Hamburg auf Basis von WordPress.
Die einzelnen "Sprechblasen"-artigen Blöcke wurden als eigenständige Widgets umgesetzt. Colorbox wurde als Lightbox- und Modal Window-Lösung dahingehend angepasst, dass sich Einzelseiten und Artikel bei direktem Aufruf auch weiterhin in einer Lightbox öffnen (ähnlich der Variante, die der Google Chrome Appstore verwendet).

URL: http://www.strg-agency.de

30.01.2012: CD-Blog

Umsetzung des Weblogs der Pflegeprodukt-Marke "CD" auf Basis von WordPress und des 1140px Grid-CSS-Frameworks (i.A. der strg. GmbH, Hamburg). Somit lässt sich die Website auch auf Mobilgeräten sowie kleineren Bildschirmen gut betrachten (Stichwort: Responsive Webdesign).

Desweiteren wurden das von mir mitentwickelte Plugin "Simple Social Buttons" sowie ein (auf Basis anderer, bereits vorhandener Lösungen) neu entwickeltes Flickr-Plugin eingebunden.

URL: http://cd-koerperpflege.de/neuigkeiten/

24.10.2011: KERNenergie

Von Anfang Januar bis Oktober 2011 war ich bei KERNenergie - "Nüsse nach Deinem Geschmack"! - als hauptverantwortlicher Webentwickler mit von der Partie. Desweiteren fungierte ich nach Ausscheiden des urspr. Programmierers auch als Systemadministrator.

Neben dem Austausch des CMS (statt fast-statischen Smarty Templates jetzt teil-statisches WordPress) lag der Fokus stark auf Usability und Performance-Optimierung. Letzterem ist die aktuelle Startseite zu verdanken, die im Vergleich zur ursprünglichen Website nicht nur wesentlich schneller lädt, sondern auch erheblich einfacher zu pflegen ist. Desweiteren wurde die Struktur verändert, um den Fokus besser aufs Wesentliche zu setzen (weg von der vorherigen "Bauchladen"-"Ramsch-Ausverkauf"-Optik).

In Arbeit befanden sich u.a. folgende Bereiche:

  1. WordPress als CMS
  2. Weitentwicklung des Blogs: Teils optisch, vor allen Dingen aber inhaltlich, d.h. statt Presse-Mitteilungs-Ecke hin zum echten Weblog mit Einblicken in den KERNenergie-Alltag
  3. Händlerliste: OpenStreetMap-basierte Karte (nicht nur Deutschland)
  4. Verbesserung der Gesamtnavigation
  5. Footer-Elemente

23.04.2011: GSR

Gerade in Arbeit: Die neue Website von Graveless Slumber Records.
Unterbau ist WordPress 3.1, mit allen Tricks und Extras, die man aus einer aktuellen WP-Installation so rausholen kann ;)

Vielleicht kommt sogar noch ein Shop auf Basis von PrestaShop dazu. Kommt darauf an, inwieweit sich PrestaShop auf die gewünschten Vorgaben reduzieren lässt - oder ob es ein einfacher Katalog mit Anfrage-Option auch tut.

URL: http://www.gsr666.com

25.01.2011: strg. GmbH

Von Ende Mai bis Anfang Juni 2010 in Arbeit: Die Website der strg. GmbH, Hamburg.
Die technische Umsetzung stammt komplett aus meiner Hand, Vorgaben des Designs und Unterbau stammen direkt vom Kunden.

Im Januar 2011

wurden auf Kundenwunsch weitere Anpassungen - u.a. abgerundete Ecken - durchgeführt. Bild #1 dokumentiert einige der Änderungen.

Ein paar Fakten:

  • WordPress mit einigen wenigen, ausgewählten Plugins
  • Individuelle Header und Hintergrund pro Seite unter Benutzung und Erweiterung von oEmbed
  • Eigenständiges Theme (Control 2010), welches innerhalb einer Woche umgesetzt werden konnte - dank dem Blueprint CSS-Framework und objektorientierter Programmierung
  • abgerundete Ecken dank jQuery , welches, falls vorhanden, auf die Browser-eigene Rounded Corners-Implementation zurückgreift

Hinweis: Website ist in dieser Form nicht mehr online

- seit Anfang 2012 existiert eine neue Version davon, ebenfalls durch mich umgesetzt. Siehe auch: strg. GmbH 2.0

URL: http://www.strg-agency.de/

15.11.2010: Aktion Augen Auf!

Von Ende Oktober bis Anfang November in Arbeit:

Die Website für die Aktion "Augen Auf" der Arbeiterwohlfahrt Hamburg.

Von mir wurde die Umsetzung, Programmierung und teilweise auch weborientierte Konzeption beigesteuert.

Basis ist ein aktuelles WordPress mit deutscher Sprachdatei und ausgewählten Plugins. Das Theme wurde unter Zuhilfenahme meines derzeitigen Lieblings-CSS-Frameworks namens Blueprint erstellt.
In weiteren Rollen vertreten sind jQuery, Nonverblaster:hover, XHTML 1.0 und CSS 3.

URL: http://www.aktionaugenauf.de

02.11.2010: Casa Noctis

Mitte Oktober 2010

habe ich die Adminstration für die Casa Noctis-Website (wieder) übernommen, nachdem es dem bisherigen Webmaster nicht möglich war, die vorhandenen (und ausgenutzten!) Sicherheitslücken in der bisherigen Joomla! 1.0-Installation zu schließen.

Die Website gibt sich im größtenteils bewährten Look, aber wurde mit komplett neuem Unterbau versehen. Statt Joomla! versieht nun WordPress 3.0 seinen Dienst, auch mit dem Hintergedanken, dass sich WordPress und etwaige Plugins sehr schnell und einfach online aktualisieren lassen, was bei Joomla erst ab Version 1.6 möglich ist.

Das Frontend wurde mittels des inzwischen bewährten BluePrint CSS-Frameworks nachgebaut, wobei darauf geachtet wurde, möglichst nah am Original zu bleiben.

Update 07/2012:

Seit 25.11.2011 unter neuem Namen (Zum Drachen) an anderer Stelle wiedereröffnet. Betreuung der Website ebenfalls durch mich, Design weiterhin durch den Haus-und-Hof-Designer Thomas Köhn.

Update 01/2013:

Inzwischen komplett offline, da die Nachfolge-Kneipe inzwischen ebenfalls geschlossen worden ist.

URL: http://www.casa-noctis.de

12.09.2010: Weave 2.0

Von Ende Juli bis Anfang September 2010

wurde die Website der WEAVE, Tochtermagazin der PAGE, generalüberholt. U.a. wurde die Weblogfunktion von WordPress vernünftig nutzbar gemacht, welche vorher praktisch nicht benutzt worden ist, der zugehörige Twitter- sowie Vimeo-Account miteingebunden sowie ein Aggregationstool für befreundete und interessante Blogs integriert. Im Maschinenraum wurden auch allerhand Änderungen und Aktualisierungen durchgeführt - welche man so natürlich nicht direkt am Äußeren ablesen kann.

Im Zuge der Erweiterungsarbeiten wurde Ende August auch noch eine Auffrischung des Designs vorgenommen. Neu ist etwa, dass sich das Hintergrund in Abhängigkeit zur aktuell erhältlichen Ausgabe ändert. Weiterhin wurde die Struktur und das visuelle Erscheinungsbild geordnet und dem Heft angenähert. Dabei wurde sich auch von der Flash-Slideshow auf der Startseite getrennt, welche nun nur noch im Heftarchiv zu finden ist.

Künftige Erweiterungen werden z.B. eine Optimierung der Ladezeiten beinhalten (welche sehr stark vom derzeit genutzten Adserver abhängen, der aber in den nächsten Monaten auch auf ein weniger ladezeit-intensives Produkt umgestellt werden soll).

URL: http://www.weave.de/