In langjähriger Zusammenarbeit mit Klaus Hünerkopf und mir, entstanden zahlreiche Produkte in den unterschiedlichsten Bereichen. Messeprospekte, Infoblätter oder die Webseite sind nur einige davon.

Oberste Priorität hatte hier die Einhaltung des CI (Corporate Identity) und die dargebotenen Inhalte, die auf diese Weise den Qualitätsanspruch des Unternehmens und seiner Kunden widerspiegeln.

Stellvertretend möchte ich hier Bilder von ein paar Prospekten und der Webseite vorstellen. Online kann man sich die Webseite hier anschauen: http://www.huenerkopf.de

Prospekte und Webseite (Klick für grosses Bild)

“Hanami” ist japanisch und bedeutet “Blüten schauen”. Ausserdem gehört es zu einem der größten japanischen Feste, das in jedem Jahr gefeiert wird. Es ist ein Fest der Begegnung, der Geselligkeit, der Freundschaft und Entspannung. All das sind auch die Attribute, die bei dem Album von Mitsuni im Vordergrund stehen. Somit entstand der Titel “Hanami”.

Klick für grosses Bild und weitere Screenshots

Es sogar recht viel passiert. Allerdings in einer anderen Umgebung. Und zwar auf Deviantart. Dort habe ich in Kooperation mit itnsltwn, der mir eine unglaublich geniale Ledertextur hat zukommen lassen, ein iPhone Theme gestaltet und veröffentlicht. Hier der Link: http://fav.me/d2xv8ja.

Inspiriert hat mich ein iPhone Wallpaper von itnsltwn und dem Dock aus dem Iphone upojenie shelves von 6mik-design. Speziell das Dock fand ich absolute genial. Ausserdem fand ich die Kombination aus Leder und Chrome sehr edel. Hat etwas von einer hochwertigen Innenausstattung eines Luxusschlittens.

Voraussetzung für die Verwendung des Themes ist natürlich ein iPhone, das einen erfolgreichen Jailbreak hinter sich hat.
Hier die Installationsanweisung (ist im Download etwas detailierter und in englischer Sprache enthalten):

1. Diese Installationsanweisung bis zum Ende durchlesen!
2. Gehe in den Unterordner ‘Dock_Icons/’ und wähle den entsprechenden Ordner dort aus (4-Icon Dock oder 5-Icon Dock).
3. Wähle dort die 4 oder 5 Icons für Dein iPhone Dock aus (z.B. Safari, Mail, iPod, Telefon). Es gibt bei einem 4-Icon Dock jeweils ein Icon für die linke und die rechte Seite. Bei einem 5-Icon Dock gibt es zusätzlich noch ein mittleres Icon.4 Icon Dock Schema:
   [ Left ] [ Right ]   [ Left ] [ Right ]

   5 Icon Dock Schema:
   [ Left ] [ Right ]   [ Left ] [ Middle ] [ Right ]
   
   Position und Reihenfolge der einzelnen Icons ist frei wählbar.

4. Jetzt einfach die 4 bzw. 5 Icons in den Ordner ‘inSET HD/Icons’ kopieren und die darin enthaltenen Ions ersetzen.
5. (Optional) Wenn Du eine sogenanntes “non-labeled” Dock möchtest, dann musst Du nur die Datei ‘Info_NO_UNDOCKED_LABELS.plist’ in ‘Info.plist’ umbenennen.
6. So, jetzt geht es an den Upload des Ganzen: Navigiere mit einem FTP Programm Deiner Wahl zu dem Ordner ‘/private/var/stash/Themes.******/’ und kopiere den Ordner ‘inSET HD’ dort hin.
7. Jetzt noch “Winterboard” auf dem iPhone öffnen und das Theme aktivieren – fertig.

Das Theme gibt es auf Deviantart zum Download.
Viel Spaß.

Klick für grosses Bild und weitere Screenshots

Diesmal verkauft der Shop Uhren. Das Design ist in diesem Fall extrem reduziert und legt Fokus ausschliesslich auf die Produkte. Kunde und Gestalter haben bei diesem Projekt eine Punktlandung hingelegt. Aber so ist das, wenn man sich schon seit Jahren kennt.

Umgesetzt wurde der Shop mit wieder ein mal Commerce:SEO und Dank dem reduzierten Style in atemberaubender Geschwindigkeit. Hier hat es sich auch ausgezahlt, dass die einzelnen Produkthersteller ihr gesamtes Bildmaterial für die Produktdarstellung zur Verfügung gestellt haben.

Eine runde Sache: Kunde zufrieden, Gestalter zufrieden.

Jungnickel-Shop (Klick für grosses Bild)

Sagen wir es mal anders herum: es gibt auch Kunden, die nicht genau wissen was sie wollen, nur was sie nicht wollen. Und eigentlich sind sie mir lieber als diejenigen, die einem als Gestalter ihre Vorstellung “aufzudrängen”. Da hat man dann kaum noch Bewegungsfreiraum.

Wie es vom ersten zum letztlich endgültigen Entwurf kommt, möchte ich hier mal darstellen. Es sei noch angemerkt, dass es sich höchstwahrscheinlich nicht um das endgültige Produkt handelt, so wie es später der Öffentlichkeit zugänglich ist, oft geht da noch was. Zwar nur Kleinigkeiten und Details aber immerhin. Sei es von Seiten des Kunden, dem plötzlich noch etwas einfällt oder von Seiten des Gestalters / Umsetzers, dem plötzlich auffällt, dass man noch ein Quäntchen mehr heraus holen könnte.

Case Study Part 1 (Klick für grosses Bild)

Das Basislayout steht: Die Aufteilung der Grundelemente ist festgelegt. Inhaltselemente wurden noch nicht besprochen aber die Farbgebung ist schon geklärt.

Case Study Part 2 (Klick für grosses Bild)

Die ersten Überarbeitungen: Farbgebung wurde überarbeitet, Grundlayout bleibt unberührt. Die Inhalte wurde besprochen und neu positioniert. Zusätzlich kommen rechts diverse Navigations- und Auszugselemente hinzu.

Case Study Part 3 (Klick für grosses Bild)

Die Haupt-Navigation wird ins Auge gefasst: Position und “Hover”-Effekt werden neu gestaltet. Hinzu kommen ein paar kaum merkliche Abweichungen in den Farbnuancen.

Case Study Part 4 (Klick für grosses Bild)

Erneut gehts der Navigation an den Kragen: “Hover”-Effekte werden auf ein Minimum reduziert. Ebenso wird der Inhalt neu positioniert und optisch von einem offensichtlichen Blogeintrag entfernt. Auch die Sidebar-Elemente erfahren noch Einmal eine Frischzellenkur. Im Großen und Ganzen wird rund herum abgespeckt / minimalisiert ohne dabei Funktion oder Optik zu reduzieren. Jetzt sind wir an dem Punkt, an dem alle zu 99,9% glücklich mit dem Ergebnis sind. Die fehlenden 0,1% ergeben sich später bei der Umsetzung und den einzelnen Funktionen wenn das Projekt online geht.
Ich werde berichten.

Die SWISS Systemhaus GmbH wande sich mit dem Erstellen einer Webseite nach Deutschland. Die Gestaltung und Umsetzung wurde durch die werk:zwei GbR an mich übergeben.

Endlich mal ein Projekt ohne enge Rahmenbedingungen. Lediglich Logo und grundlegende Elemente des Firmen-CI waren als Vorgaben greifbar. Der Rest: “freie Hand” bei der Gestaltung. Durch das klare und einfache Logo der SWISS Systemhaus GmbH konnte die Website schnell und unkompliziert abgeleitet werden. Das “weniger ist mehr” Design, wirkt übersichtlich und aufgeräumt. Die wirklichen Raffinesse liegen im Verborgenen. Unter der Haube werkelt Essential System 2.3 (hauseigenes CMS exklusiv für Kunden von mir). Kombiniert mit einigen zusätzlichen individuellen Module, speziell auf den Bedarf der Website zugeschnitten, und ein paar netten AJAX Effekten, ist ein wirklich schöner und stimmiger Auftritt gelungen.

Die zusätzlichen Anforderungen an das eingesetzte CMS waren unter Anderem Mehrsprachigkeit, AJAX Bildergalerie und eine “geschmeidige” Navigation.

www.swiss-systemhaus.ch

Inspirierend war es auch. Eigentlich war es fast ausschliesslich inspirierend. So hab ich den Entschluß gefasst, ein auf Eis gelegtes Projekt wieder neu zu beleben. Ausserdem haben sich im Laufe der Zeit einige Connections aufgetan, mit denen sich das Projekt jetzt um einiges leichter und professioneller umsetzen lässt. Aber ich will nicht über ungelegte Eier reden. Nur so viel sei verraten: es handelt sich um beim dem Projekt um Klammottendesign. So fern das Projekt anläuft und erste Gestalt annimmt, werde ich darüber berichten.

Als kleine Fingerübung hab ich mir mal ein neues Wallpaper gebastelt. Alt bekannter Stil, neues Motiv.

Lightning Smokeboard (Klick für grosses Bild)

Ich finde ja diese Bilder mit den extremen Lichteffekten richtig genial. Beispiel gefällig? Hier: 45 Superb Light Effects

Kann man aber auch selber machen, ist nämlich gar nicht so schwer. Das komplizierteste war das geeignete Motiv zu finden. Dazu hab ich ausgiebig Deviantart.com bemüht. Fündig geworden bin ich bei zwei Fotografen: zum Einen Carsten Breschel aus Dänemark und zum Anderen David Haubourdin aus Frankreich. Auf ihren Deviantart Seiten (Carsten on deviantart.com und David on deviantart.com) haben sie eine Menge genialer Bilder von hübschen Mädels in entsprechenden Glamour-Posen ausgestellt. Meine Wahl ist auf die Bilder Vicki in blue jeans und Black n red von Carsten und The Wall AuroreDG von David gefallen.

Natürlich hab ich Carsten und David kontaktiert und um ihre Erlaubnis gebeten, die angefertigten Wallpaper veröffentlichen zu dürfen. Was ich dann natürlich auch auf Deviantart.com gemacht hab: Lightning Vicki, Lightning Natascha und exklusiv nur hier Lightning Aryana

Die Wallpaper unterliegen der Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

Lightning Vicki (Klick für grosses Bild)

Lightning Natascha (Klick für grosses Bild)

Lightning Aryana (Klick für grosses Bild)

PSD.tuts+ hat jetzt einen Artikel veröffentlicht, in dem 40 Tutorials verlinkt sind, die sich mit Apple Hardware und dem Style beschäftigen. Unter anderem mit dabei sind iPhone, Apple Remote, iMac, MacBook Pro, iPod Touch, iPod Classic, verschiedene Icons, Themes, Stile, Wallpaper und vieles mehr. Aber macht Euch selbst ein Bild: 40 Apple-themed Photoshop Tutorials

Google hat sogar dazu eine eigene “Google Doodle” Galerie eingerichtet, die in Jahre unterteilt ist. Von witzig bis abstrakt ist so ziemlich alles vertreten. Interessant ist aber, wie man verschiedene Anlässe mit dem simplen Wort-Logo treffend darstellen kann, so dass jeder erkennt was gemeint ist und der ursprüngliche Logocharakter trotzdem erhalten bleibt.

Aber seht selbst: Google-Doodle-Gallery