Blog Redesign romanzenner.com
Vor ein paar Wochen bat mich mein Freund Roman sein englisches Blog etwas aufzupolieren. Das bis dato verwendete, ein modifiziertes kostenloses Wordpress-Theme, hatte seinen Zweck erfüllt, aber Roman wollte ein individuelles Theme mit mehr Persönlichkeit und ohne den ganzen Schnick-Schnack den Standardthemes in der Sidebar mit sich rumschleppen.
Das Logo
Statt nur einen Namensschriftzug wollte Roman auch eine Bildmarke haben, also habe ich auch den Initialen ein Signet erstellt das die Buchstaben »r« und »z« enthält und zusammen ein großes »R« ergibt.
Das Layout
Dann ging’s los mit der Website. Alles was ich hatte waren ein paar Fotos und ein unfertiges Farbschema, das verwendet werden sollte. Außerdem sollte die Seite aufgeräumt, klar, reduziert auf das Wesentliche und auf keinen Fall wie eine typische Business-Website daher kommen.
Ich erstelle ein Basis-Layout mit zwei Spalten, klar und einfach. Um das ganze etwas interessanter und gegenständlicher zu machen, habe ich für die einzelnen Seiten verschiedene Papiermetaphern gewählt. Diese wurden auf jeder Seite entsprechend dem Inhalt geändert um die Gestaltung abwechslungsreich zu halten, mal als kleiner Papierstapel, mal ähnlich einer alten Zeitung oder mit Eselsohren versehen, alles allerdings dezent, ohne den aufgeräumten Look zu stören.
Typografie
Um den lockeren Stil der Website zu untermauern, habe ich bei Typekit nach einer passenden Schrift gesucht und bin bei der Ronnia, einer freundlichen humanistischen Serifenlosen gelandet, einer Schrift von typetogether.
Zurzeit wird sie allerdings nur am Mac angezeigt, weil sie unter Windows XP nicht so gut aussieht. Je nachdem, wie sich die Nutzerstatistiken entwickeln und die XP-User zurückgehen, wird es vielleicht in Zukunft die Ronnia auch auf Windows angezeigt.
Der Code
Obwohl bisher noch einige IE-Nutzer auf dem Blog unterwegs waren, hatte Roman glücklicherweise kein Problem, einen Schritt nach vorne zu machen und den IE weitestgehend links liegen zu lassen. So konnte ich problemlos HTML5-Elemente sowie CSS3 verwenden, was für Safari und Firefox kein Problem darstellt. Dem IE 8 wird dazu mittels Modernizr auf die Sprünge geholfen, die Vorgängerversionen 6 und 7 erhalten das Universal IE stylesheet von Andy Clarke. Hierbei wird lediglich pure HTML-Darstellung mit etwas CSS aufgepäppelt, sodass alle Inhalte zugänglich sind.
Zusammenfassung
Einige Wochen und ein paar durchgemachte Nächte später ist also nun die neue Website pünltlich zum Buchstart des Magento-Entwicklerbuches online. Gefällt sie euch? Lasst es mich wissen!