Wenige Tage, nachdem Mercedes Benz zahlreiche Länderauftritte relaunchte, darunter die Auftritte Deutschlands, Österreichs und der Schweiz, zündet der Automobilkonzern die nächste Stufe. Nun zeigt sich auch der übergreifende com-Auftritt verändert. Anders als etwa bei den jeweiligen Länderauftritten präsentiert sich Mercedes hier auf der Höhe der Zeit, wenn nicht sogar der Konkurrenz einen Schritt weit voraus.
All das, was man von einer globalen Marke wie Mercedes Benz im Netz erwartet, und was man den einzelnen Länderpräsenzen nur bedingt zusprechen kann, findet sich nun im neuen Com-Auftritt. War die bisherige Umgebung lediglich als Sprachauswahl konzipiert, so ist der neue Auftritt weitaus mehr. Automatisch wird der Besucher entweder auf die englischsprachige oder die deutsche Ausgabe des Auftritts weitergeleitet. Weitere Sprachen gibt es offenbar für den Com-Auftritt nicht. Der Zugriff auf die Länderauswahl erfolgt weiterhin per Rollover-Menü. Wobei man hier sagen muss, dass der Zugriff aus Usability-Sicht noch optimiert werden könnten. Die Klick-Steuerung (wahlweise Scrollen bei onmouse) ist einfach zu träge. Ein einfacher Scrollbalken wäre hier das bessere Bedienelement. Auch die fehlende Verlinkung des Logos fällt negativ auf. Ein ums andere Mal bleibt mein Klick, beim Versuch, zurück zur Startseite zu kommen, ohne Wirkung.
Das Interface ist im Stile einer Tablet-Anwendung angelegt und folgt einem magazin-ähnlichen Aufbau. Ganz wunderbar, wie von oben nach unten hin die Größe der Elemente abnimmt. Die Hierarchie schafft Ordnung. Die dadurch erreichte Gewichtung macht es dem Leser leichter, eine Auswahl zu treffen. Im Header lässt sich zudem zwischen Magazin-Aufbau und Galerie-Ansicht umschalten. Der Footer wartet mit einer Art Diagramm-Cockpit auf. Auch das eine sehr schöne Geschichte, wie ich meine, die optisch wie inhaltlich einen besonderen Akzent setzt.
Akzentuiert ist im Com-Auftritt auch der Umgang mit Typographie. Beim Relaunch von Mercedes-Benz.de hatte ich den Verzicht von Webfonts noch angemerkt, nun gibt es auch diesbezüglich nichts einzuwenden. Die Corporate, Mercedes’ Hausschrift, kommt nun sowohl als Serife wie auch als Groteske in Überschriften und im Fließtext zum Einsatz. Auch am Monitor ergibt das ein angenehmes und ansprechendes Schriftbild.
Verantwortlich für Konzeption, Design und Umsetzung ist Scholz & Volkmer.
Fazit
Während die einzelnen Länderauftritte (de, at etc.) noch einiges an Potenzial zur Verbesserung bieten, präsentiert sich Mercedes Benz auf internationaler Webbühne tatsächlich als Premiummarke. Die neue Umgebung ist innovativ, überraschend anders (im Vergleich zum Mitbewerb) und technisch wie auch in Bezug auf das Design auf der Höhe der Zeit.
Vollends im Zeitgeist präsentiert sich zudem die während des Auto Salons in Genf gelaunchte A-Klasse-Microsite (a-class.mercedes-benz.com). Umgesetzt wurde diese mittels Parallax-Scrolling von JvM/next. Nie war Scrollen angesagter als derzeit. Viel Bewegung im Netz also rund um die Marke Mercedes. Vor diesem Hintergrund ist erklärbar, weshalb Mercedes-Benz.de etwas den Anschluss verpasst zu haben scheint.
Update: 14.03.2012, 09.29 Uhr
Soeben stellt mir die Kommunikationsabteilung noch die zugehörige Pressemeldung zur Verfügung, die ich natürlich nicht vorenthalten möchte. Hier ein Auszug:
„Mit der Weiterentwicklung unserer Webseite zu einem zentralen und modernen Markenmagazin können wir die Inhalte aus der Welt von Mercedes-Benz zusammenführen und schaffen so eine klare Orientierung für den Nutzer“, so Anders Sundt Jensen, Leiter Markenkommunikation Mercedes-Benz Cars. „Der Fokus liegt dabei auf dem Magazincharakter. Wir legen Wert auf eine emotionale Darstellung der Inhalte, die permanent Daimler Communications aktualisiert werden. Damit gehen wir weit über eine übliche internationale Corporate Website hinaus und bieten dem Besucher einzigartige Möglichkeiten, die Marke Mercedes-Benz digital zu erleben.“
Durch die Vollintegration des bisherigen separaten Bewegtbildkanals Mercedes-Benz TV bietet es neben Artikeln, Bildstrecken, Reportagen und Interviews auch einen hohen Anteil an Video-Material. Über die Rubrik TV können zudem alle Bewegtbildinhalte ressortübergreifend angesteuert werden.
Die Microsite der A-Klasse ist klasse geworden! Finde die Übersichtsseite von MB.com auch sehr schick und lässt nur wenig Spielraum zum meckern.
Die mercedes-benz.com ist echt sauber umgesetzt worden. Was mir als erstes sehr positiv auffällt ist dass die Hausschrift von Mercedes es offensichtlich endlich ins Web geschafft hat. Sehr lobenswert wie ich finde. Einzig dass das MB-Logo per Klick nicht zurück zur Startseite führt finde ich ein wenig befremdlich, das widerspricht ein wenig dem was eigentlich gelernt ist. Gestalterisch und von der Haptik her gefällt mir das Ganze auch gut. Was ich infrage stellen würde ist ob man unbedingt so viele verschiedene Teaserformate wählen muss (3er, 5er und 7er Aufteilung auf der Startseite) aber ansonsten gefällt mir das durchweg gut. Auch den Footer find ich klasse.
Die Microsite zur A-Klasse ist auch top. Technisch auf der Höhe der Zeit. Das Einzige was schade ist, ist dass die Bildqualität streckenweise Federn lassen musste…höchstwahrscheinlich um die Ladezeiten im Rahmen zu halten. Vom Erlebnis her find ich die Seite aber super. Mir persönlich ist es nur so gegangen dass ich ohne den entsprechenden Hinweis aus dem Artikel nicht unbedingt gewusst hätte dass man die Seite durchscrollen kann ;-) Streckenweise braucht man doch irgendwie noch die Scrollbar als Krücke…
Schade nur, dass man über das Logo nicht auf die Startseite gelangt… spricht ein wenig gegen das allgemeine Userverhalten…
Wow… 1230 Pixel breit? Das ist aber zumindest auch mutig. Ansonsten sehr hübsch. Bzgl. schöner Microsites und parallaxem Scrollen sehr empfehlenswert: http://www.beetle.de! :)
°Nice°
Die Darstellung des Logos wirkt minderwertig und ich frage mich aus welchem Grunde die statische Modellübersicht mit einem Verlauf versehen wurde. Es fügt sich nicht besser ins Gesamtbild – ich bin ständig geneigt hinzusehen und empfinde den übergang zum background als störend.
Nichts desto trotz ist die Seite klassich elegant und klar durchstrukturiert – eben Mercedes. Allerdings kann ich der Präsenz von VW immer noch mehr abgewinnen, vielleicht weil diese damals innovativer gewesen ist und Mercedes heute lediglich “mit der Zeit geht”.
Die .com ist klasse.
“… technisch (…) auf der Höhe der Zeit.” Wenn “Wir schmeißen so lange JavaScript drauf, bis die Seite funktioniert” dieser Aussage entspricht, stimme ich zu. Ansonsten nicht. Ohne JavaScript bekommt man ein Overlay mit dem Text
“Javascript deaktiviert
Die JavaScript-Funktion Ihres Browsers ist nicht aktiviert, weshalb es zu einer unvollständigen Darstellung der Seite kommen kann.”
Ja mei – wieso sperrt ihr die Leute ohne JavaScript komplett aus? Ich bin sicher, einige grundlegende Informationen hätte man der Seite auch ohne entnehmen können. So bleibt die Barriere des Overlay – denn schließen kann man dieses natürlich nicht.
3.8 MB Seitengröße, die sich in 130 HTTP-Requests und die wiederum in 20 einzelne CSS– sowie unglaubliche 50(!) einzelne JavaScript-Dateien aufteilen (von Grafiken und dem Rest nicht zu sprechen). Das ist einfach nur lächerlich. Die Bilder sind nicht optimiert, die Einstellungen zum Thema Cache sind erbärmlich oder nicht gemacht. 35 Sekunden (WebPagetest), bis man etwas sieht, sind knapp 32 Sekunden zu viel.
Die Seite ist mit der Tastatur nicht zu bedienen – aber klar, Personen mit Behinderung oder einfach nur Tastatur-Liebhaber sind ja auch sicher nicht die Zielgruppe von Mercedes Benz … Die Größe ist falsch gewählt – wobei dank UA-Sniffing die Seite auf dem iPad ja ganz gut läuft. Nur eben auf dem Desktop nicht, wenn man “noch” 1024x768px hat. Und so weiter und so fort …
Also bitte: Nicht, weil sich da jedes Element “sliden” lässt oder da ein bisschen Raphaël genutzt wird, diesen Mist als “technisch auf der Höhe der Zeit” titulieren. Design ist nicht alles.
Eine frage habe ich mal an euch… Scrollt ihr üblicherweise mit den Pfeiltasten der Tastatur, oder mit dem Mauszeiger auf dem Scrollbalken? Es gibt nämlich immer mehr Webseiten die am Ende vom scrollen Inhalte nachladen, und bei denen es nur Problemlos funktioniert, wenn man mit der Tastatur scrollt. Wie macht ihr das?
@Need_you das hängt stark davon ab, wie das implementiert ist. Auf dem iPad aber auch bei manchen Browsern, erfährt die Webseite erst zum Abschluss des Scrollvorgangs, dass überhaupt gescrollt wurde. Wenn man hingegen mit Cursor-Tasten oder Mouse-Rad scrollt bekommt die Website viel häufiger Informationen, die ausgewertet werden können.
Wie das gemacht wird ist unterschiedlich. Google Reader hat zum Beispiel eine eigene Scrollbar eingebaut. Meistens wird aber die aktuelle Scroll-Position überprüft, um zu ermitteln, ob man sich im Bereich des Seitenende befindet. Beispielsweise Facebook macht das so, oder so ähnlich.
@Fabian: Wer sind denn “Leute ohne Javascript”? Die Leute die sowas absichtlich blocken? Jeder normale Mensch hat heutzutage JS und hat es auch aktiviert. Selbst wenn derjenige noch mitm IE6 surft.
Über die Großen zu meckern ist natürlich immer leicht, weil man auch große Erwartungen hat. Das Design ist ein Schritt in die richtige Richtung aber in meinen Augen fehlt noch einiges an Feinschliff.
1 Kasten, 3 Kästen, 5 Kästen, 7 Kästen, langweilig. Die Startseite ist zwar sauber gegliedert aber auch relativ einfallslos. Das Logo ist nicht klickbar – wurde ja schon erwähnt, das ist eigentlich standard.
Modernes Webdesign ohne JavaScript (jup, die haben es etwas übertrieben) ist nicht zeitgemäß, dennoch ist der Hover-Effekt über die 3 oberen Teaser zu langsam und bringt wenig. Da hätte es sich mal angeboten den Text unter die Bilder zu packen. Das würde das ganze Design etwas auflockern. Die Teaser im oberen Bereich sind auch insgesamt nicht klickbar. Das kann man von der Usability her besser machen. Da 5 mal “Fahrzeuge” drunter zu schreiben ist auch etwas sinnbefreit. Der Haupt-Slider läuft zu hektisch.
Ein responsive Webdesign das sich voll an das iPad anpasst wäre sicherlich schön gewesen, es spricht ja nichts dagegen die großen Bildschirme zu nutzen aber der Trend geht eindeutig zu flexiblen Layouts. Aber nun genug kritisiert – die Bilderwelt ist wie immer top, Webfont gefällt und der Footer ist auch nicht schlecht.
Also wie gesagt, ein Schritt in die richtige Richtung mit Verbesserungspotential.
@Patrick Wer die sind, ist absolut egal. Eine Seite hat auch ohne JavaScript zu funktionieren. Sie muss dann nicht gut sein, aber sie muss nutzbar sein. Und das HÄTTE hier der Fall sein können (höchstwahrscheinlich), aber einfach einen Layer darüber und gut ist geht nicht. Ich selbst bin übrigens Programmierer und liebe JavaScript – aber 50 Dateien (statt eine minified …) und solche Aktionen sind unschön.
Schick gemacht, die Website. Die Gestaltung ist sicherlich zeitgemäß – aber technisch kann ich mich meinen Vorrednern nur anschließen. Wenn man nicht den schnellsten Rechner hat (auch heute gibt es noch PCs mit weniger als 2 Kernen), ruckelt die Slidshow gewaltig, und der fehlende Fallback für Nutzer ohne JavaScript ist alles andere als benutzerfreundlich.
Wir leben in einer Zeit der mobilen Internetnutzung, und da kann man von einem großen Konzern erwarten, auch die mobilen Besucher vernünftig zu empfangen. Ich habe die Seite gerade per Smartphone angesurft (Mobile Safari) – Die Seite ist nicht für mobile Geräte optimiert, lässt sich auch nicht zoomen und präsentiert mir einen Schnipsel der Ansicht, mit dem ich nicht viel anfangen kann. Und nach etwa drei Slides stürzt der Browser ab :)
Porsche und Audi zum Beispiel bekommen es auch hin, ihre Auftritte für mobile Geräte bereit zu stellen. Der deutsche Mercedes-Auftritt ist auch optimiert, warum also nicht die internationale Adresse? Gerade in der Zielgruppe werden viele Nutzer mit Smartphones unterwegs sein.
Komischerweise hat die A-Klasse-Microsite auf meinem Rechner echte Probleme erzeugt. Ich habe ein Mac Book Pro aus dem Jahre 2009 und benutze noch den “alten” Safari 5.0.6 mit einen VDSL 50 Anschluss. Aber nach Aufruf der Seite musste ich über zwei Minuten (!) warten bis überhaupt etwas passiert.
Währenddessen durfte ich auf einen leeren grauen Bildschirm schauen und die Statusleiste beobachten, die mir anzeigte, dass über 1000 Objekte in den Browser geladen werden.
Das der Preloader noch nicht einmal auf einen etwas älteren Safari funktioniert, finde ich schon seltsam. Gut programmiert ist anders, oder? Nachdem alles geladen wurde, war das Vergnügen auch recht mäßig. Sehr ruckelig, düster und wenig charmant. Da habe ich letzter Zeit deutlich bessere Parallax Scrolling Seiten gesehen, die auch auf meinem alten Safari sauber liefen.
Nachtrag: Ich habe mir gerade auch die Haupt-Seite von Mercedes auf meinen alten Safari (5.0.6) angeschaut und leider ist Seite unbrauchbar: Der komplette Slider wird nicht geladen, die Navigation wird nicht ausgeklappt, kein Bild wird geladen. Erst nach einem Refresh geht alles. Klicke ich aber auf einen Menüpunkt ist wieder alles verbuggt. Das kann doch nicht sauber programmiert sein, oder?
@Patrick: Seh ich genauso.
Dass man für Flash ein Fallback macht kann ich ja verstehen, weil ein Plugin benötigt wird, was man beim User auch nicht unbedingt voraussetzen kann, insbesondere im Bezug auf mobile Endgeräte.
ABER dass man jetzt auch noch Fallback Varianten erstellen soll für den Fall dass jemand JavaScript in seinem Browser blockt sehe ich nicht. Ich kenne gerade keinen Browser der nicht der Lage ist von Hause aus JS zu interpretieren, deswegen seh ich auch nicht die Notwendigkeit auf User einzugehen die (bewusst) JS blocken. Einen “Nutzer ohne JS” dürfte es de facto nicht geben, deswegen würde ich diese nicht gesondert berücksichtigen.
Ich würde höchstens einen Layer auf der Seite platzieren wo, die paar Usern die ihr JS deaktivieren, freundlich darauf hingewiesen werden, dass die Seite mit aktiviertem JS einen größeren Funktionsumfang bietet. Grundsätzlich denk ich dass User die JS blocken im Web kein allzu großes Segment darstellen ;-)
btw…ich hätte es tatsächlich auch sinnvoller gefunden, ein flexibles Layout zu entwickeln anstatt hart auf eine 1280er Auflösung zu optimieren.
Jan, beides kann ich bestätigen. Die A-Klasse-Microsite ist ein MB-Monster, bei dem auch der Lüfter an meinem Mac loslegt. Und die Darstellung des internationalen MB-Auftritts auf dem Safari ist natürlich alles andere als schön. Zumindest der initiale Aufruf führt zu Problemen in der Darstellung. Ich verwende 5.1.2. Nach einem Reload ist dann alles, wie es sein sollte und das bleibt dann auch in Folge des Besuchs.
Der SL zittert vor der A-Klasse.
Zumindest könnte man das so interpretieren. :-) Im Slider gibt’s irgendwie einen Ruckler beim Übergang zwischen dem letzten Bild und dem Ersten.
FF11, 10.6.8
Ich finde die neue MB.com sehr gewöhnungsbedürftig. Die furchtbaren Ladezeiten (auch ich habe ein gutes MacBook und zügiges Internet), das Geflacker bei den Bildwechseln und auch die Navigation finde ich zumindest nicht des übermäßigen Lobes würdig. Für mich ist der Auftritt nicht intuitiv nutzbar. Ich sitze davor und muss einfach zu viel nach denken. Nicht dass ich nicht bereit wäre meine grauen Zellen anzustrengen, aber beim Surfen im Internet sollte es doch in der Regel nach ähnlichen und intuitiv-verständlichen Mustern zugehen.
S&V ist nur für das Design verantwortlich, nicht jedoch für die technischen Sachen.
Wieso MUSS eine Seite auch ohne JS funktionieren? JS ist heute Standard, jeder Browser kann es und es ist eben was anderes als bei Flash, das man sich ja erst installieren muss und das auch nicht auf jedem Gerät verfügbar ist.
Ich stell ja schliesslich auch kein CSS aus und beschwer mich dann wenn was nicht richtig funktioniert…
Also ich weiß nicht was alle so toll finden.
Total Animationsoverflow was da stattfindet.
Optisch spricht es mich ehrlich gesagt auch nicht an.
Naja… :)
Ist das tatsächlich so, dass S&V nur das Design gemacht hat? Wer hat dann implementiert? Weiß das jemand?
Von Wolfgang Würth, Global Communication Mercedes-Benz Cars, habe ich die Info erhalten, dass S&V für Design, Konzeption und Realisierung verantwortlich sind.
Dann hat S&V vielleicht Teile der Arbeit ausgelagert.
Ich hab vor Jahren gehört, laut CI ist das Mercedes-Logo ist unantastbar und darf deshalb nicht verlinkt werden. Seltsam, was Elitär-Denken so alles bewirkt, aber wenn schon dumm, dann wenigstens konsquent durchgezogen.
@macro – hassu mal auf das logo deiner eigenen website geklickt?
Barrierefrei wäre schön gewesen – zumindest als Alternative. Ansonsten sehr schön, aber wie oben schon mehrmals erwähnt: Eine Seite ohne JS ist nicht mehr Standard – auch wenn es die Techies natürlich anders sehen, als die Designer. ;-)
Hm,
mir gefällts nicht.
Der Top Slider ist mir persönlich zu unruhig da zu schnell und ruckartig.
Gerade wenn man an der Top Navi schraubt sehr sehr störend.
Die Roll Over Effekte bei der 7er Aufteilung bieten mir keinen Zusatznutzen.
Den Mehr lesen Link hätte man sicher anders platzieren können.
So ist die Bedienung mehr ein Zufallsprodukt.
Ebenso die Microsite der A-Klasse. Empfinde Ich aus Nutzerfreundlichkeits Sicht eher suboptimal.
Eine kleine Andeutung der Seitwärs Navi würde da einiges positives bewirken.
Und warum nochmal verlinken die Ihr blödes Logo nicht… Erwartungskonformität ftw…