Seit gestern ist der neue Online-Shop der Marke Otto live. Hier die auffälligsten Änderungen. Statt Tastenoptik bilden nun freistehende Begriffe die weiterhin horizontal angelegte Hauptnavigation. Bei Rollover erscheinen jeweils großflächige Layer wie man sie bereits von Ebay oder Ikea kennt. Darin enthalten sind nicht nur die klassischen Begriffe der zweiten Navigationsebene, sondern es finden sich hier auch optionale Einstiegsmöglichkeiten wie z.B. über das Alter oder über Modestile. Bei mir (Mac/Firefox) dauert es jeweils eine Weile, bis die üppig befüllten Layer aufklappen, weshalb die Haptik im Vergleich zum Vorgänger nicht ganz so angenehm erscheint. Der Nutzen solch eines Direkteinstieges in tiefer gelegene Ebenen steht aber außer Frage. Optisch ist sie ebenfalls ansprechender. Einige Begriffe wie z.B. “Wohnen” haben eine eigene Farbwelt erhalten. Bei der Vielzahl der Hauptnavigationspunkte war es eine gute Entscheidung nicht zwanghaft jedem eine eigene Farbe zu spendieren. Im linken Bereich – etwas runtergerutscht – befindet sich weiterhin die Subnavigation.
Die Gesamtbreite ist um stattliche 190 Pixel auf 980 Pixel angewachsen. Dadurch wirkt der neue Auftritt sehr luftig und angenehm. Dominantes Stilelement sind flächige Rechtecke. Bei Rubriküberschriften, Produkt-Teasern und auch beim Aktivzustand der Hauptnavigation kommen Quadrate bzw. rechteckig hinterlegte Flächen zum Einsatz. Mitunter bewirkt der Kontrast zwischen “leichter” Hauptnavigation und “schwerem” Content eine gewisse Unausgewogenheit, was sich aber aufgrund der Vielzahl an Seiten kaum bei jeder Ansicht vermeiden lässt.
Als primäre Schrift kommt in Überschriften und in der Hauptnavigation die “Century Gothic” zum Einsatz. Das verleiht dem Gesamtaufbau durchaus Eleganz. Auch die Dropdowns der zahlreichen Filtermöglichkeiten bekommen per CSS einen eigenen Stil. Außerdem ist aufgefallen: Zoom-Ansichten der Bilder auf Detailseiten öffnen sich noch im alten Look. Hin und wieder werden Teaser-Bilder verzerrt dargestellt. Beim Durchgang der Seiten war die Performance noch eher mau. Vielleicht nur Anlaufschwierigkeiten. Ansonsten très chic.
Danke an Kim für den Hinweis in den Kommentaren
Schau doch mal hier Tobias
Ohweh, was für ein Schröffel. (Der Relaunch)
Ich kann dem Beitrag und in Teilen den Kommentaren hier nicht folgen, aber schön der Reihe nach:
Achim: Immer noch das Problem mit dem Lineal? Ich verwende schon ne Weile keinen Mac mehr, erinner mich aber blass, dass es da auch ein Bildschirmlineal gibt. Wo nimmst Du 980px her? Ich seh hier 1200 Pixel Breite, was mir schön dämlich einen Scrollbalken in den Browser zaubert.
Oder versteh ich Dich flasch?
Layer seh ich mit und ohne Javascript gar keine, wo sollen die konkret sein?
Marcel: einfach.otto ist ja wohl ein “vorbildlicher” Scherz, siehe Kommentar von Felix dazu
Felix: vertrauenswürdige Seiten? Mhh? So vertrauenswürdig, wie etwa ausgezeichnete Banking-webseiten. Dann is ja gut ;)
Ich kann dem Otto-Dingens rein garnix abgewinnen, (visuell) unstrukturiert hingeklatschter Krempel, Markup, dass einem schlecht wird, egal was man tut, ständig steht man vor einer Barriere (Javascript/ Alt-attribute usw.), aus meiner Sicht ist das ein klarer Fall von: “hätte man sich sparen können”, möchte nicht wissen, was der Dreck gekostet hat.
Mike, Dir ist nicht zu helfen. Soll sich jeder selbst eine Meinung bilden.
Otto gibt Gas – Relaunch von otto.de inkl. Medien / Start der Social Shopping Plattform für Mode, Lifestyle und Wohnen smatch.com …
Otto gibt Gas – Relaunch von otto.de inkl. Medien / Start der Social Shopping Plattform fuer Mode, Lifestyle und Wohnen smatch.com …
[…] Designtagebuch kann man eine sehr umfassende Nutzer-Analyse aus Sicht eines Computer-Visualisten verfolgen. Aber auch mir ist beim Klicken aufgefallen, […]
[…] Designtagebuch kann man eine sehr umfassende Nutzer-Analyse aus Sicht eines Computer-Visualisten verfolgen. Aber auch mir ist beim Klicken aufgefallen, […]
@Tobias: An der technischen Umsetzung waren unter anderem hmmh und neuland bfi beteiligt. (Und ich auch.)
das muss ne Welle sein es gibt ein Haufen Shops die sich verschlimmbessern (und das ist noch schön geredet), naja dann gibt es mal Arbeit für nen Designer….
salü
[…] Begriffe aufnehmen und stellt hinsichtlich der Größe der Aufklappnavigation sogar die Lösung bei Otto noch in den […]
Ich finds alles zu groß mit zu viel weißer Fläche. Das alte Design war viel praktischer, man muss jetzt mehr scrollen und hat weniger infos auf derselben Fläche.