![\"Telltec](\"https:\/\/telltec.ch\/wp\/wp-content\/uploads\/2012\/10\/telltec-2012-toat-on-pc-and-mobile-small.gif\" "\\"Telltec")
<\/a><\/p>\nMit dem Redesign wollte ich wieder einen eigenen Look erhalten und folgende Punkte ver\u00e4ndern \/ verbessern:<\/p>\n
- \n
- Zentriertes, anstelle von links ausgerichtetem Layout<\/li>\n
- Gute Bedien- und Lesbarkeit auf mobilen Ger\u00e4ten (Smartphones und Tablets)<\/li>\n
- Einfacher Aufbau, Schlicht gehaltenes Design, auf unn\u00f6tigen Schnickschnack verzichten. Der Content soll bewusst im Vordergrund stehen – deshalb habe ich etwa auf eine klassische Sidebar verzichtet und die Themen unten angeh\u00e4ngt.<\/li>\n
- Der Look sollte etwas technisch sein, ohne nur Nerds anzusprechen<\/li>\n<\/ul>\n
Endlich endlich nach viel investierter Zeit und mehrmaligem Verwerfen der Entw\u00fcrfe bin ich zu einem Resultat gelangt, dass mir wirklich gef\u00e4llt. Ein paar Tage zuvor hatte ich das bereits fast abgeschlossene Design allerdings nochmals komplett verworfen und auf der gr\u00fcnen Wiese neu begonnen.<\/p>\n
Ein paar Eindr\u00fccke aus dem Entstehungsprozess k\u00f6nnt ihr in diesem Video sehen:
\nhttps:\/\/www.youtube.com\/watch?v=CCTVP9El3G0<\/p>\nTechnisches<\/h2>\n
Die Seite l\u00e4uft nach wie vor auf dem WordPress CMS in seiner aktuellen Version. Mein Theme habe ich auf dem Underscores Starter Theme<\/a> aufgebaut, welches vom WordPress Hersteller Automattic selbst ins Leben gerufen wurde.
\nDie Arbeit damit war wunderbar: es bringt alle typischerweise ben\u00f6tigten Elemente eines WordPress \u00a0 themes mit, allerdings (bis auf einen CSS Reset) komplett ohne Design.<\/p>\nDas Theme selbst habe ich toat (kurz f\u00fcr Template On A Train) getauft, weil ich mit der Programmierung auf einer Zugfahrt begonnen habe.
\nEs ist ein responsive Design<\/a>, welches neben Media Queries f\u00fcr verschiedene Bildschirmgr\u00f6ssen auch ein paar spezielle Gestaltungen exklusiv f\u00fcr mobile Endger\u00e4te mitbringt. Dazu geh\u00f6rt beispielsweise eine andere Hauptnavigation.<\/p>\nDie Schriftarten f\u00fcr die Headline und den Text selbst werden \u00fcber Typekit eingebunden. Ich habe mich mit Share Tech<\/a> f\u00fcr eine technisch aussehende Schriftart f\u00fcr den Header und Footer entschieden und f\u00fcr den Artikeltext eine sch\u00f6ne Serifenschrift namens Calluna<\/a>\u00a0ausgew\u00e4hlt.<\/p>\n
Nat\u00fcrlich wird es \u00fcber die n\u00e4chsten Tage noch hier und da etwas nachzubessern geben, aber ich f\u00fchle mich schon ganz Wohl im neuen zuhause :-)<\/p>\n
Feedback<\/h2>\n
Wer schon gar nicht mehr weiss, wie das Design zuvor ausgehen hat, kann hier nochmals einen Blick auf das alte Theme werfen:<\/p>\n