05.04.2013: Usability Idealist 3.0

Die neue Version dieser Website ist schon länger in Planung, aber erst vor etwa einem Monat konnte ich mich richtig ans Werk machen.

Geplante Funktionen und Änderungen u.a.:

  • Aufgefrischtes und einheitlicheres Design - damit alles wie aus einem Guß wirkt
  • Nutzung eines an Blueprint CSS angelehnten Frameworks, HTML5, CSS 3
  • Responsiveness, Unterstützung für Touchscreens und Verbesserung der tastaturbasierten Navigation
  • Slideshow / AJAX-basiertes Paging innerhalb der einzelnen Portfolio-Einträge
  • Backend / Unterbau: Habari 0.9.1 / 1.0a, Frontend: eigenständiges, minimalistisches Noname-Framework
  • Weblog: Designumsetzung auf Basis von Blueprinter, einem Blueprint CSS-Fork mit auf aktuellem Stand gebrachten Features (siehe u.a. BlueCalc2)
  • ein paar Habari-Plugins, z.B. Static Image Gallery sowie Custom BBCode(s), um die interne Verwaltung zu verbessern

Angestrebter Relaunch-Zeitrahmen: April - Mai 2013

30.04.2012: Karrierelounge

HTML- und CSS-Vorlagenumsetzung der gemeinsamen Jobbörse des SÜDKURIER GmbH Medienhaus sowie der ka-news.de GmbH. Das ursprüngliche Design wurde von Achim Schaffrinna (u.a. Design Tagebuch) erstellt, die endgültige Version wurde allerdings auf Basis des Blueprint CSS-Grid-Frameworks umgesetzt, und weicht dadurch etwas von der Ursprungsversion ab.

Die Umsetzung erfolgte in HTML5 und einer Mischung bestehend sowohl aus dem Blueprint CSS- als auch dem HTML5 Boilerplate-Framework, mit sanften JavaScript-EInsprengseln.

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/

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/

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/