4.4 Startseiten-Redesign

Eines der spannendsten Projekte war die Neuentwicklung der Tumblr-Startseite. Die Startseite wird verwendet, um neue Nutzer zu akquirieren und bestehenden Nutzern den Login in die Plattform zu ermöglichen.

Slideshow und Registrierformular

Diese konzeptionelle Zweiteilung wird bei der Nutzerakquise noch einmal in zwei Bereiche eingeteilt: Eine grobe, grafische Übersicht darüber, was Tumblr bietet, und dann noch eine etwas ausführlichere Auflistung von 30 Gründen, die für Tumblr sprechen. Während der Login sehr simpel gehalten ist, ist der Akquise- und Registrierungsbereich komplexer. Insgesamt kommt die neue Startseite aber sehr aufgeräumt daher und geht erst dann ins Detail, wenn der Nutzer einen entsprechenden Button anklickt und mehr sehen will.

Das Design wurde mir als fertige Photoshop-Datei geliefert, die HTML/CSS-Umsetzung habe ich übernommen. Besondere Herausforderung bei der neuen Startseite war das sehr umfangreiche JavaScript, das alle verschiedenen Zustände des Layouts (Login, Registrierung, 30 Gründe) dynamisch ein- und ausblendet per Klick. Darüber hinaus gibt es auch noch eine Slideshow und ein Layout, das sich automatisch an große oder kleine Monitore anpasst.

Die neue Startseite macht von den neuesten CSS-Standards Gebrauch, soll aber gleichzeitig auf älteren Browsern noch gut aussehen und funktionieren. Selbst der Internet Explorer 6 wird – zumindest ansatzweise – unterstützt. Zu guter Letzt gibt es auch noch eine Version für Browser mit abgeschaltetem JavaScript.