Design-Evolution V: Schubbauer
Teil 5 beschäftigt sich mit der Site „Schubbauer.at“.
Hier waren Struktur, Inhalt und Farbwelt von vornherein klar, da es im ersten Schritt um einen Relaunch der bestehenden Seite ging. Parallel zum Internetauftritt, wurde dann auch die komplette CI einer Runderneuerung unterzogen.
Zuerst, wird allen Elementen ihr Platz zugewiesen. Die Kontaktdaten werden plakativ im Kopf der Seite platziert. Neben dem Willkommenstext befindet sich die Photostory. Sie zeigt, wie Industrieböden fachgerecht verlegt werden.
Hier findet ein Kontaktformular Einzug (welches in Folge wieder weichen muss). Das Menü und die beiden Spalten werden durch Farben, besser voneinander abgegrenzt. Der Hintergrund wechselt vom kühlen Grau zum stimmungsvolleren Blau.
Das Logo wird positiv und hat von nun an ein wesentlich „luftigeres“ Auftreten. Die Kontaktdaten werden vierzeilig um etwas Abstand zum Logo zu schaffen, welches zusätzlich als Wasserzeichen im Hintergrund Verwendung findet. Was jetzt noch fehlt ist die berühmte Feinkosmetik und ein optischer Aufhänger.
Diesem Wunsch wird eine blaue Leiste gerecht, die einen kleinen Willkommenstext sowie eine plastische Version des Logos beherbergt. Das Logo selbst erhält die Unterzeile „Industrieböden“ wodurch die Beschreibung rechts entfallen kann und der Kontaktblock wieder auf (angenehmere) drei Zeilen reduziert wird. Der Hintergrund wird noch leicht überarbeitet, um den Gesamteindruck freundlicher zu gestalten. Durch verstärkte Schatten an den Seitenrändern, wird die Plastizität der Seite erhöht. Fini!
Drucksorten und die Firmenflotte
Eines der Kernprobleme des alten Auftritts war, dass zwar durchwegs sehr ähnliche Elemente verwendet wurden aber immer in einer anderen Konstellation. Visitenkarten sahen anders aus als das Briefpapier, welches wenig mit dem Kuvert zu tun hatte und nahezu nichts mehr mit der Firmenflotte (wo übrigens auch jeder Wagen anders aussah). Selbst die Firmenfarbe Blau, war in dutzenden Tonwerten zu finden.
Deshalb wurde die neue CI, in einem Schritt über die gesamten Medien gelegt, um ein einheitliches Erscheinungsbild zu gewährleisten.
Echt gute Lösung das mit dem Logo!!!
Find ich echt gut die Seite
Ich finde Artikelserie “Design-Evolutin” immer wieder super. Genial!
Eine Frage bleibt aber: Erstellst du die Designvorschläge in Phothoshop oder sind die Screenshots der einzelnen Schritte bereits in (X)HTML & CSS implementiert?
Wie immer eine sehr gute Arbeit und ein interessanter Einblick.
Ich beginne mit der Umsetzung immer erst, wenn die Optik zu zumindest 90% klar ist. So fällt es mir persönlich leichter, guten Code zu schreiben.
Im Fall Schubbauer ist, bis auf ein Paar Details im letzten Screen, alles Photoshop.
Wieder einmal ein schönes Design, da bekommt man gleich lust auch wieder einmal ein Grafik Programm in die Hand zu nehmen
Schaut gut aus
Nur mal so am Rande: Warum kommt mir das Log ovom Mecambe (http://www.flickr.com/photos/ouriel/146012774/) so verdammt bekannt vor?
Ich musste gerade wirklich herzhaft lachen! Kommt mir ein wenig wie „Und ewig grüßt das Murmeltier“ vor …
Jetzt wird’s doch noch unangenehm. Das Design ist zwar so nicht online aber das Logo schon. Siehe: http://www.mecanbe.com/
Wann nimmt das ein Ende? Jedes Quartal ein folietto-Klon? Ufff …