Vor ziemlich genau einem Jahr habe ich mit dem Redesign von JUICED begonnen. Doch damals war ich mit dem Ergebnis nicht zufrieden, weshalb der neue Anstrich auf sich warten ließ. Im Sommer war dann ohnehin nicht mehr an einen Relaunch zu denken, da SHIFT meine gesamte Zeit und Aufmerksamkeit beanspruchte. Doch jetzt hat sich der erste SHIFTstorm gelegt und ich hatte genügend Zeit, um mich dem längst überfälligen Redesign zu widmen.
Das Ergebnis ist nicht ganz so radikal wie beim letzten Relaunch im Oktober 2011, enthält aber dennoch einige wichtige Neuerungen. So ist JUICED ab sofort…
- auf der Startseite gleichberechtigt aufgeteilt: Die drei Hauptrubriken Hirn, Herz und Horizont sind endlich in einer Zeile.
- mit einer umfassenden Navigation ausgestattet: Ab sofort könnt ihr schon vor dem Klicken sehen, welche Unterrubriken sich hinter Hirn, Herz und Horizont verbergen.
- in der Navigation um die Rubrik Mehrwert ergänzt: Neben Hirn, Herz und Horizont enthält JUICED kurzweilige Inhalte für Zwischendurch, die wir traditionell in Mehrwert unterbringen.
- mit dezenteren Farben überarbeitet: Hirn und Herz haben zwei neue Grün- und Orange-Farbtöne spendiert bekommen. Dadurch wirkt JUICED moderner und erwachsener zugleich.
- mit neuen Schriftkombinationen: Noch nie war das Lesen von Artikeln auf JUICED schöner! Meine These: Die Auswahl der Schriftarten macht bei einem Redesign vielleicht am meisten aus.
- mit größeren Schriften: Nicht jeder ist ein Fan von größeren Schriften. Aber für die meisten Leser ist es angenehmer – sowohl bei großen Bildschirmen als auch bei kleinen Displays von Smartphones. Ich bin froh über diesen längst überfälligen Schritt.
- Mobile Responsive-optimiert: Ganz egal, welche Auflösung euer Endgerät hat – JUICED passt sich automatisch dem Bildschirm eures Smartphones, Tablets und Laptops an.
- deutlich luftiger und übersichtlicher: mehr Weißraum lautet das Geheimnis. Neben der Auswahl der Schriftarten ist das für mich das wichtigste Kriterium bei einer Neugestaltung der Webseite.
- ruhiger und entspannter: Der Slider ist passé, ebenso das Logo mit grünem Farbverlauf (spätestens seit iOS 7 wissen wir, wie hässlich Farbverläufe sein können). Die Wirkung bestätigt eindrucksvoll: weniger ist mehr!
- fest verankerte Veränderung: SHIFT ist ab sofort fester Bestandteil von JUICED. Auf der Startseite werden die letzten beiden Artikel rund um SHIFT angezeigt, die auch durch Klick auf „SHIFT happens“ in der Navigation oben rechts erreichbar sind.
- Und natürlich gibt es noch jede Menge weiterer Kleinigkeiten zu entdecken…
Bedanken möchte ich mich an dieser Stelle ganz besonders bei David Decker, der einmal mehr mit Rat und Tat zur Seite stand. Herzlichen Dank, David!
Die ToDo-Liste:
Kommentar-Sektion überarbeiten (Formatierungen, Beschriftungen und kleinere CSS-Anpassungen)Lead- und Artikeleinstieg-Formatierung anpassen (Erster Absatz und erster Buchstabe)- Rubrikeninhalte überarbeiten (Texte!)
Grafik/Bilder-Effekt auf der Startseite- Voriger und nächster Artikel-Funktion (War schon mal da, kommt wieder!)
kleines Schmankerl (Verrate ich noch nicht ;) )[Update: der Lesemodus!]
Stellt sich die obligatorische Frage: Wie findet ihr das neue Design? Habt ihr Fehler gefunden, Verbesserungsvorschläge, Wünsche oder sonstige Anmerkungen? Selbstverständlich ist auch Lob erlaubt – macht ja bekanntlich nicht dick!
Cheers,
Euer Daniel im Namen des gesamten JUICED-Teams
PS: In Kürze haben wir noch eine weitere Neuigkeit zu verkünden… stay juiced!
Gefällt mir sehr gut, Daumen hoch!
Danke, das freut mich :)
Das neue Design ist sehr schick und gefällt mir sehr gut.
Drei kleine Vorschläge hätte ich:
1. Die Schrift im oberen Navigationsheader ist zu dünn und nur schwer zu lesen. Die sollte etwas größer oder fetter sein.
2. Die vielen Schwarzen Flächen sind etwas erdrückend. Vielleicht wäre ein sehr dunkler Grauton besser geeignet?
2. Gut, dass die Schrift insgesamt größer ist. Allerdings ist die Zeilenlänge viel zu lang. Am Besten wäre es, zwischen Artikel und Sidebar noch ein paar mehr Zentimeter Weisraum einzufügen.
Hey Max,
vielen Dank für dein Feedback. Deine drei Vorschläge finde ich allesamt sinnvoll. Im Detail:
1. Größer ginge, fetter nicht. Denn bei der Schriftart sieht die nächstfettere Variante NICHT schön aus (bereits getestet).
2. Ich hatte überlegt, die Rubriken Hirn, Herz, Horizont, Mehrwert und SHIFT standardmäßig mit dem bunten Hintergrund anzuzeigen. Was hältst du davon? (Werde ich vielleicht morgen mal ausprobieren…)
3. Ein guter Vorschlag. Ich werde da morgen mal ein wenig mit den Abständen rumspielen… :)
Fazit: Gerne mehr und vielen Dank!
Auf deine Anregung hin, Max, habe ich die Einstellung soeben geändert: Die Navigationsleiste oben sollte ab sofort nicht mehr mitscrollen. (Mir war es wichtig, temporär verstärkt auf unser Menü hinzuweisen – was wir noch alles so anbieten… :) )
die neue Startseite der Homepage find ich ein wenig blass. Ich fand das grün/gelb/orange immer einen guten Wiedererkennungswert. Um das zu erreichen fangen die Rubrikenspalten zu tief an (zumindest bei mir)
Weiterhin finde ich hier bei den Kommentar die Felder für Name/Mail etc viel zu groß bzw hoch. Der Text darin wirkt geradezu verloren :D Sind aber vermutlich Standardgrößen, damit die Seite nicht so „unruhig“ wird, oder?
Ansonsten ok :)
Ich habe mal auf dezente Weise versucht, die Startseite auch schon weiter oben etwas bunter werden zu lassen – ohne jedoch zu bunt zu werden. Gefällt dir das so besser?
Die Kommentarfelder kann ich gerne in Kürze etwas verkleinern. Die sind wirklich ziemlich groß. Derzeit ist das alles gemeinsam mit dem Such-, Newsletter- und Kontaktfeld gekoppelt, um Zeilen in CSS zu sparen. Aber dein Vorschlag finde ich durchaus sinnvoll, daher schaue ich gleich mal. Vielen Dank!
das mit den bunten Streifen ist eine gute Idee! Mir ist schon klar, dass du/ihr euch zwischen bunt (alt) oder quasi s/w (neu) entscheiden müsst, mir persönlich gefiel halt die alte Farbgebung besser.
Trotzdem Danke dass du auf Feedback eingehst :)
ach, damit wir uns nicht missverstehen: mit den „Felder für Name/Mail“ meinte ich übrigens die Formularfelder, ich glaube da haben wir aneinander vorbei geschrieben
Nein, das war kein Missverständnis. Ich meinte auch die Formularfelder. Und ebendiese sind derzeit noch mit allen anderen Feldern gekoppelt, was natürlich einige Zeilen in der CSS-Datei spart. Aber vielleicht komme ich ja heute dazu… (wobei die ToDo-List schon ziemlich lang ist).
So, die Formularfelder für Name/E-Mail/Webseite sind nun ein wenig kleiner. Der Text darin sollte dadurch nicht ganz so verloren aussehen :)
Update: Seit gestern Nacht ist endlich auch das Geheimnis rund um das kleine Schmankerl gelüftet:
JUICED-Lesemodus ermöglicht angenehmeres Lesen
Update: Seit gestern Abend ist die Startseite übersichtlicher. Denn: Die drei Beiträge von Hirn, Herz und Horizont fangen nun auf jeweils gleicher Höhe an, sind bündig. Dadurch sieht es nicht nur optisch ruhiger und aufgeräumter aus, sondern erhöht zugleich auch die Übersicht.
Damit das möglich wurde, mussten wir in der Mobile-Ansicht die angezeigten Artikel aus den jeweiligen Rubriken von drei auf einen reduzieren. Ohne Kompromisse geht’s eben manchmal nicht.