breakthesystem

Vor dem Relaunch von breakthesystem.org haben wir uns viele Gedanken zum neuen Aussehen und Verhalten der neuen Seite gemacht. Einen Teil davon wollen wir hier zeigen, als Inspiration für andere, und natürlich weil wir die Entwürfe ziemlich hübsch finden.

Der minimalistische Ansatz

Der minimalistische Ansatz war nicht nur der eleganteste, sondern auch der, der am ehesten zum schlanken Aussehen der alten breakthesystem.org-Seite gepasst hat. Letztendlich hat sich aber herausgestellt, dass der Mockup für die Landing Page zwar sehr schön aussah, das Konzept sich aber für Blog und Portfolio nicht gut erweitern ließ.

Der Design-Prototyp wurde mit dem 960.gs Grid System rein in HTML und CSS erstellt und größtenteils mit CSSEdit bearbeitet, was uns die Möglichkeit gab, schnell verschiedene Farbkombinationen und Typografiestile auszuprobieren.

Der Holz/Papier-Ansatz

Dieser Prototyp ist beinahe das genaue Gegenteil des vorherigen. Anstatt schlicht wollten wir opulent. Anstatt weniger Bilder wollten wir Pixel-Overkill. Das ist uns gelungen :) Lange Ladezeiten und manchmal sogar hohe CPU-Last haben diesen Entwurf aber dann zu Fall gebracht. Außerdem war er leidr nicht flexibel genug, um auf beliebige Seiten ohne Vorbereitung angewandt werden zu können.

Pixellastig wie er ist, ist der Prototyp natürlich komplett in Adobe Photoshop entstanden, dort aber ebenfalls mit 960.gs-Overlay.

Das tatsächliche Ergebnis

Unser neues Design liegt irgendwo zwischen den beiden Extremen: Nicht so leer wie der erste Entwurf, und nicht so schwer wie der zweite. Vor allem aber ist es sehr gut auf unseren Unterbau Wordpress angepasst, was uns das tägliche Leben teilweise enorm erleichtert.

Und wie gefallen die Entwürfe unseren Lesern?

Auf Twitter posten Reddit