Dead-Pixel.de - Webdesign Weblog » Redesign

Redesign Teil4: Es wird ein Relaunch

Moritz — Mon, 13 Jul 2009 18:56:10 +0000

Geschmäcker bezüglich Design ändern sich. Die Qualität von bestimmten Texten ändert sich auch je länger sie im Netz sind, obwohl sich am Text an sich nichts geändert hat. In meinem Fall änderte sich einfach meine Art zu schreiben und der Qualitätsanspruch, den ich an einen guten Text habe. Von daher gesehen wird diese Seite in der nächsten Zeit nicht nur ein visuelles Update erfahren, sondern auch ein inhaltliches.

Layout

Wer in letzter Zeit mal den Stand des Redesigns betrachtet hat, konnte einiges an Veränderungen sehen. Weitere Experimente mit Farben, Hintergrundbildern und der Aufteilung später sehe ich nun Langsam in welche Richtung es gehen wird. CSS3 wird eine Rolle spielen. Besonders angetan hat es mir die Eigenschaft (-moz-)box-shadow:, die mit im Firefox sogar als Schatten nach innen genutzt werden kann, wenn man den Befehl inset hinzufügt. Die Browserunterstützung für solche Eigenschaften ist leider noch sehr Gering, allerdings macht ihr Einsatz auch nichts kaputt.

Inhalt

Die meisten Inhalte der statischen Seiten sind nicht mehr aktuell und lassen sich auch nicht aktualisieren ohne den ganzen Text neu zu schreiben. Auch der Bereich “Musik” hat nicht mehr viel mit dem Blog zu tun und wird mit dem Relaunch vom Netz genommen. Eventuell wird “Musik” auf einer neuen, persönlichen Seite, Platz finden. Das Portfolio hat sich natürlich um einiges erweitert. Es muss auch noch um den Bereich Print ergänzt werden. Für die Startseite muss was her das kracht und auch nach Portfolio aussieht, ohne das/den Blog zu sehr in den Hintergrund zu drängen.

Es wird sich demnächst also einiges hier ändern, und trotzdem vieles beim alten bleiben. Wie das bei eigenen Projekten so ist, wird es noch eine Weile dauern, bis alles fertig ist. Dafür wird dann aber alles umso toller / zugänglicher / schöner / semantischer / usw.

Redesign Teil3: Experimente mit Struktur und Farben

Moritz — Thu, 12 Feb 2009 21:00:01 +0000

Es geht weiter. Ja ich habe wieder ein paar Minuten Zeit gefunden, nochmal an meinem neuen Design zu basteln. Eine wichtige Entscheidung ist jetzt gefallen: Ich werde mich mal an einem “flexiblen Zoomlayout” versuchen. Bei diesem Layoutmodell umschließt ein Wrapper-Bereich mit em Breitenangabe mehrere floatende Bereiche deren Breite mit Prozentangaben festgelegt werden. Das hat den Effekt, dass beim Zoom des Textes auch die Größe des gesamten Layouts mitzoomt. Die Variante finde ich momentan recht spannend, auch wenn der Pagezoom, bei dem alle Elemente einer Website gezoomt werden, mittlerweile schon fast Standard ist.

Ein solches Layout birgt Herausforderungen, denen ich bisher noch nicht so oft begegnet bin. Deshalb ist das auch ein Grund es mal zu versuchen. Vor allem muss der grafische Entwurf des neuen Designs auch flexibel funktionieren. Noch kurz Fakten: ich habe mich bei der Breite des Wrappers für 60em = 960px (bei der Standardschriftgröße von 16px) entschieden, was momentan dem Standard entspricht und auch mit gängigen Grids funktioniert. Eine feine empfehlenswerte Sache ist in diesem Zusammenhan der px-to-em calculator.

~~Es bleibt spannend~~ <– blöde Floskel! Spannend ist vor allem, wann ich wieder Zeit finden werde, inspiriert und kreativ an meinem grafischen Entwurf weiter zu Arbeiten. Es fühlt sich aber seltsamerweise gut an, HTML und Screendesign gleichzeitig zu bearbeiten, da sich das auch gegenseitig beeingflusst. Das ist so völlig anders als die Arbeit in der Agentur, wo man meist mit dem HTML erst beginnt, sobald das Screendesign fertig ist.

Beginn des Redesigns

Moritz — Sat, 27 Dec 2008 11:08:22 +0000

Nachdem ich viel Feedback zu meiner Idee, mein Redesign in aller Öffentlichkeit stattfinden zu lassen, bekommen habe, nun der Start des Redesigns. In der Sidebar rechts unten findet ihr eine Auswahlbox, in der ihr das gewünschte Theme auswählen könnt. “theme” ist das aktuelle Theme, das sich während des Redesignprozesses nicht ändern wird. “alpha 2008″ ist das neue Theme, das zuerst mal auf dem alten basieren wird, aber hin und wieder auch den einen oder anderen Darstellungsfehler enthalten kann, da ja ständig daran gearbeitet wird.

Eine Kleinigkeit gibt es bei dem Theme-Wechsler noch zu beachten. Das verwendete Plugin setzt bei jedem Wechsel des Themes ein Cookie, welches sich das aktuelle Theme “merkt”. Soll heißen, wenn ihr in ein paar Tagen nochmal hierher kommt, wird das zuletzt ausgewählte Theme angezeigt.

Der Erste Schritt wird jetzt sein, das momentane Design von allem Müll zu befreien und mal komplett zu strippen. Soll heißen ich werde alle Layoutgrafiken, einen Teil des CSS und das gesamte Javascript einfach ohne Rücksicht auf Verluste rausschmeißen, egal wie wild das aussehen mag. Ziel ist es, zu der Codebasis zu kommen, die wirklich notwendig ist.

Wollt ihr ein Redesign im Entstehen beobachten?

Moritz — Fri, 19 Dec 2008 18:55:22 +0000

Ich hatte grade die verrückte Idee, mein schon lange geplantes Redesign nicht hinter den Kulissen stattfinden zu lassen, sondern hier, live im Blog. Damit meine ich, dass ich mein Theme auf das nötigste reduziere, und dann wieder bei 0 beginne. Erste grafische Entwürfe einpflegen, Styles ändern und was sonst noch so bei einem Redesign anfällt. Das Ganze würde auf der Live-Umgebung passieren, sodass jeder Interessierte den Fortschritt des Redesigns “miterleben” könnte.

Dafür spricht, dass man einen Einblick in die einzelnen Schritte meines Redesigns bekommen könnte. Das könnte für den einen oder anderen recht interessant sein. Das neue Design würde dadurch auch besser werden, euer Feedback vorausgesetzt.

Dagegen spricht, dass die User dieser Website ein gewisses Layout gewöhnt sind und ich so manchen mit einer unfertigen Version wohl eher erschrecken würde, als ihn neugierig zu machen. Stammbesucher könnten bei dieser Aktion verloren gehen und vermutlich nie wieder auftauchen.

Jetzt seid ihr gefragt. Schreibt eure Meinung zu meinem Vorhaben. Ist das völliger Unsinn, den ich bleiben lassen sollte, oder eher eine gute Idee? Keine Angst, ich habe nicht vor, Baustellengrafiken einzubauen. Die Inhalte bleiben während des Prozesses zugänglich.