Daimler-Mitarbeiter-Blog
The Doors, der Mac und das neue Daimler-Webdesign
Mein Name ist Gerald Starke. Ich arbeite seit 2001 in der Abteilung Web Communications in der Konzernzentrale. Meine Themen sind Web- und Multimedia-Design, Styleguides für die Daimler Internet-Medien (ja auch für das Blog!) und einige Sonderthemen, wie beispielsweise Barrierefreiheit. Im Übrigen überzeugter Macianer, der sich auch zuhause auf kein anderes Betriebssystem verlässt. Die Umstellung des Designs fand unmittelbar nach der Umbenennung in Daimler statt.
Alle Daimler Webbies (intern von manchen Kollegen auch „Raketenforscher“ genannt) hatten intensiv am ganzen Projekt mitgearbeitet und die Umstellung selbst verlief reibungslos. Umgestellt wurden die Internetseite, die Media Site, das Layout des Daimler-Blogs, auch wenn der / das Blog erst am 16. Oktober online ging, das Mitarbeiter-Portal und die wichtigsten Seiten des Intranets.
Dazu war entsprechend Vorbereitungszeit nötig, und diese war wie üblich knapp. Zuerst mussten ja die finalen Farben und das neue Unternehmenszeichen erarbeitet werden. Die Palette der Unternehmensfarben sollte sich dann mit dem neuen Design von 12 auf 4 Leitfarben reduzieren, entsprechend habe ich im Vorfeld einige Design-Studien des neuen Web-Designs angefertigt, in der Hoffnung, dass die außerordentliche Hauptversammlung der Namensänderung in Daimler zustimmen wird. Schon in den Vorüberlegungen wurde klar, dass wir uns auf zwei bis drei Hauptfarben konzentrieren würden und damit eine Designsprache gefunden werden muss, die sich auf das Wesentliche beschränkt.
In der ersten Entwicklungsphase wurden die grundsätzlichen Layoutvariationen durchgetestet und die Rastermaße auf den Prüfstein gestellt. Konsequenzen daraus waren beispielsweise:
• Vergrößerung der Nettoinhaltsbreite auf 860 Pixel, damit die mittlere Spalte auf der www.daimler.com mehr Platz für Texte und Bilder bietet.
• Das Festhalten an der linken Hauptnavigation, damit auch künftig flexibel auf neue Themen reagiert werden kann.
• Nutzung von Weiß als Grundfarbe für alle Daimler-Websites, da dies eine der Leitfarben sein wird.
• Hinzu kam dann die Entscheidung, „Noble Gray“ als Schriftfarbe zu verwenden, um den extremen Kontrast von schwarz und weiß im Textbereich zu vermeiden.
• Und der bewusste Verzicht auf viele grafische Spielereien, damit sich die Besucher problemlos auf die Inhalte konzentrieren können.
Die Neugestaltung der Online-Auftritte hat sich positiv bemerkbar gemacht. Das Erscheinungsbild aller Sites ist eindeutig homogener geworden; Daimler präsentiert sich jetzt mit einem klaren, vornehm dezenten Web-Design. Eine Konzentration auf die Inhalte ist gegeben und die Eigenständigkeit in der Gestaltung ist auch mit minimalistischer Gestaltung gewährleistet. Ich hoffe, das sehen Sie auch so?
Erwähnen muss ich hier allerdings, dass nicht unser Blog die führende Seite bei der Entwicklung des Designs war (wie an anderer Stelle angemerkt, ist damit auch nicht WordPress die Basis unseres Site-Designs :-) , sondern eindeutig die www.daimler.com.
Die ersten Entwürfe entstanden auf klassischem Weg mit Photoshop und Illustrator, und die weiteren Phasen fanden dann mit Dreamweaver und CSSEdit statt. Ein weiteres wesentliches Hilfsmittel (oder ist Musik doch eine Art von Droge und somit kein Hilfsmittel?) zur Gestaltung war die Musik aus meiner iTunes-Bibliothek. Unter einigen anderen die Doors (erst seit kurzem in meiner Musiksammlung), deren Orgel dann auch in der heißen Phase der Umsetzung häufig über den Gang waberte und dabei doch ein paar Kollegen „nervte“, die mir inzwischen glücklicherweise verziehen haben.
Wichtig für eine problemlose Umstellung des Designs unserer Website war die Nutzung von CSS-Layouts, so dass „nur“ die CSS-Dateien und Grafiken in der Stunde Null ausgetauscht werden mussten. Deshalb wurde auch einige Tage vor dem 4.10.2007 die damalige www.daimlerchrysler.com auf komplettes CSS-Layout umgestellt (was wir ohnehin vorhatten), damit nicht zahlreiche Seiten zur Umstellung selbst zeitaufwändig nachgearbeitet werden mussten. Auf diesem Weg wurden die Probleme durch meine Kollegen schon im Vorfeld beseitigt, da sie schon eine ganze Reihe von Seiten „angefasst“ hatten.
Es weiteres wichtiges Projekt wird sicher das Thema Barrierefreiheit sein, mit dem wir uns 2008 auseinandersetzen werden.
Ein letzter Punkt zum Abschluss. Wir haben bewusst auf Schwarz als Schriftfarbe verzichtet, weil wir, wie schon oben beschrieben, den Kontrast von schwarzer Schrift auf weißem Untergrund für zu extrem halten. Außerdem macht ein Grauton für die Schrift einen „edleren“ Eindruck. – Wie sehen Sie dies denn? Ich freue mich auf interessante und qualifizierte Beiträge zu dieser Frage!
Dieser Artikel wurde von Gerald Starke geschrieben. In diesem Blog schreiben Daimler-Mitarbeiter und einige wenige Gastautoren. Unsere Autoren kommen aus den unterschiedlichsten Bereichen des Konzerns und schreiben über eigene Eindrücke, Geschichten und ihre persönliche Meinung und geben so Einblicke in den Konzern. Warum wir das machen, finden Sie auf unserer Seite über das Blog.
Was sagen Sie zu diesem Thema? Derzeit 21 Kommentare Diskutieren Sie mit!
Was ist Ihre Meinung?
Über neue Beiträge des Blogs, die Kommentare oder einzelne Kategorien
können Sie per RSS automatisch
informiert bleiben.
Social Bookmarking, Twitter und
Social News Dienste nutzen.
Unsere Themen
Andere Besucher...
Aktuelles via Twitter
Unsere Autoren über...
Daimler-Blog unterwegs
1. Oliver//
Kommentar vom 05. Dezember 2007 um 19:59
Hi,
finde die neuen Sites optisch und von der Usability gelungen. Kompliment. Im Detail sind mir allerdings einige Unterschiede zwischen http://www.daimler.com und z.B. diesem Blog sofort aufgefallen.
Beispiel: Suchfelder, Rubriküberschriften etc.
Gruss
Oliver
Antwort
2. Marcus
Kommentar vom 06. Dezember 2007 um 17:09
Hallo,
allgemein empfinde ich das neu gestaltete Webdesign als gelungen, alles ist klar und aufgeräumt, auch den Verzicht auf Spielereien empfinde ich als positiv.
Leider kann ich ihre Begeisterung über “Noble Gray” (#606061) als Schriftfarbe nicht teilen. Direkt nach der Umstellung auf den Namen Daimler ist mir die undeutliche Darstellung der Intranet Seiten aufgefallen, Ursache war die neue Schriftfarbe. Während “Noble Grey” auf einem neuen TFT Display noch gut lesbar ist, ist besonders auf älteren Notebook TFTs und CRT Monitoren der Kontrast von Schrift zum Hintergrund realtiv gering, und das Lesen anstrengend.
Es ist schön zu sehen, das zumindest die Intranet Seiten inzwischen wieder auf schwarze Schrift umgestellt wurden, und ich denke es würden auch viele Blog Leser eine schwarze Schriftfarbe bevorzugen.
Antwort
3. stefan
Kommentar vom 07. Dezember 2007 um 10:50
Auch ich finde das Noble Grey anstrengend ist für die Augen,und das besonders bei kleinen Monitoren.
Da auch ich ein Mac Fan bin und meinen I Pod überalles Liebe würde ich doch gerene an dieser Stelle fragen ,ob es nicht möglich ist besondere Inhalte besonders auf der Mercedes Benz TV Seite, als Podcast zur verfügung zu stellen ?
Antwort
4. autoki
Pingback vom 07. Dezember 2007 um 12:33
[...] das die Entwicklung von einem Layout am besten mit der Unterstützung von Drogen gelingt. Welche ganz spezielle Droge er dafür empfiehlt, erfährt man dieser Tage im “Daimler [...]
5. Christina Springer
Kommentar vom 07. Dezember 2007 um 17:10
@stefan
Hallo,
wir, das Team von Mercedes-Benz.tv, sind auch große Apple Fans. Ohne meinen iPod geht gar nichts! Speziell zur IAA haben wir einen Podcast mit den MB.tv Beiträgen produziert. Aus lizenzrechtlichen Gründen ist es allerdings nicht möglich alle Filme auf Mercedes-Benz.tv als Podcast zur Verfügung zustellen. Alle Mercedes-Benz Podcasts gibt es unter http://www.mercedes-benz.com/podcast und natürlich bei iTunes.
Viele Grüsse,
Christina Springer, Mercedes-Benz.tv
Antwort
6. Charles
Kommentar vom 07. Dezember 2007 um 18:18
@Christina: Sapperlot ihr seid ja auf Zack beim Daimler. Hätte manche Filme auch gerne auf meinem iPod. Dafür hab ich alle mixed tapes. Die waren genial. Bin mal gespannt was da folgt.
Antwort
7. Sagichnicht
Kommentar vom 07. Dezember 2007 um 19:55
Die Webseite ist nett. Aber ich vermisse die negativen Kommentare. Also: Mac ist nicht so gut, wie sämtliche Grafikdesigner der Meinung sind. Windows kann inzwischen mindestens mithalten.
P.S. Ich benutze Linux :-)
Antwort
8. Mario Möllenbeck
Kommentar vom 07. Dezember 2007 um 20:40
Wow!
Das nenne ich mal einen Blogbeitrag ;)
Ohne Witz – soviel internen Charme hätte ich Mercedes nicht zugemutet.
Mag Vielleicht daran liegen, dass ich selber MAC-User bin, mit iTunes Musik höre und Photoshop mehr als eine Leidenschaft ist.
Grüße,
Mario
Antwort
9. Blogging Magazin
Kommentar vom 11. Dezember 2007 um 21:43
Ich weiss garnicht, wieso die Barrierefreiheit nicht gleich mit beachtet wurde. Meiner Erfahrung nach bedeutet dass jetzt noch viele Stunden Doors hören vor der Umsetzung :)
Antwort
10. Thomas Euler
Kommentar vom 13. Dezember 2007 um 01:32
Ich empfinde die Noble Grey als ziemlich angenehm und habe mit dem Lesen gar keine Probleme. Allerdings ist mein Monitor auch nicht sonderlich altersschwach.
Auch ansonsten finde ich das Desgin gut gelungen. Schlicht und mit klarer Linie, auf das Wesentliche reduziert. So wie zeitlos gutes Design eben seien sollte.
Am sympathischsten fand ich im ganzen Eintrag allerdings, dass Daimler es seinen Mitarbeitern offensichtlich erlaubt, auch mal Musik über den Gang zu schicken. In Streßphasen sehr angenehm!
Antwort
11. Wolff Horbach
Kommentar vom 14. Dezember 2007 um 11:42
Weil oben einiges über Qualität und CSS steht, habe ich gerade mal diese Seite hier vom W3C Valitor prüfen lassen: 64 Fehler!. Zur Sicherheit habe eine vergleichbare Seite meines eigenen Blogs geprüft: 0 Fehler.
Wie kommt es zu dieser großen Fehleranzahl?
Antwort
12. Gerald Starke
Kommentar vom 19. Dezember 2007 um 15:51
Zum Thema Noble Gray, speziell @ Marcus, stefan und Thomas Euler:
Auf den Monitoren (in der Regele neuere TFT-Monitoren und Laptops), auf denen wir das neue Design geprüft hatten war alles klar und sauber lesbar. Problematisch sind dabei aber anscheinend Röhrenmonitore, speziell dann, wenn diese mit hoher Kontrasteinstellung und hoher Helligkeit betrieben werden.
Da davon innerhalb des Unternehmens noch einige verwendet werden haben wir die Schriftfarbe im Intranet geändert.
Für die Gestaltung von Internet-Sites, auch für den Blog, bleiben wir bei “Noble Gray”, da es besonders bei normalen aktuellen Monitoren, auf Grund des nicht extremen Kontrastes angenehm für den Lesenden ist.
Antwort
13. Gerald Starke
Kommentar vom 19. Dezember 2007 um 15:57
Zum Thema Barrierefreiheit:
Speziell um unser Content Management System auf Barrierefreiheit zu trimmen, war die zur Verfügung stehende Zeit einfach zu knapp. Aus diesem Grund haben wir dieses Projekt auf 2008 verschoben.
Mal sehen welche Musik dann die Droge sein wird ;-)
Antwort
14. Gerald Starke
Kommentar vom 20. Dezember 2007 um 21:18
Test mit dem W3C Validator:
(Nicht nur als Antwort an Wolff Horbach:) Ein mit Plug-ins individualisiertes WordPress kann beim W3C Validator leider schon mal Probleme machen, da gerade beim „Social Bookmarking“ ein paar Elemente verwendet werden, die mit den Xhtml-Regeln nicht wirklich konform sind. So unser Partner Markus Siepmann, der zusammen mit seinen Spezialisten sich den Code noch einmal angesehen hatte, nach dem ich festgestellt hatte, dass das Stylesheet selbst keine Problem macht.
Ein paar Kleinigkeiten wurden dann noch gerade gezogen und die Zahl der Fehler ist jetzt auf das Minimum reduziert. Bitte noch einmal prüfen ;-) – Die Startseite selbst ist laut dem W3C Validator okay.
Übrigens lassen sich ein paar Fehler dadurch einbauen, dass man das strong-Tag konträr der p-Tags einbaut… Der Validator zählt dann ein paar Fehler mehr ;-)
Antwort
15. Franz Ulrich Reinhold Schele
Kommentar vom 23. Dezember 2007 um 00:22
Show me the way to the next wiskey bar (Alabama Song)
A little girl in a hollywood bungalow (L.A.Women)
was hat das mit Daimler Produkten zu tuen?
Antwort
16. Designer Dimitri
Kommentar vom 02. Juni 2008 um 23:27
Sehr schöne Umstellung der CI auf das viel hellere Erscheinungsbild. Jetzt nach einiger Zeit wirkt es immer noch sehr frisch, bin mal gespannt für wie lange diesmal es halten wird! Übrignens Grüße vom Mac User an Mac User ;-)
Antwort
17. Chris Schuth
Kommentar vom 03. Juni 2008 um 14:06
Ihr glaubt es nicht! Ich war letzte Woche auf einem Rentner-Treffen vom “Benz in Mannheim” und da haben wir natürlich von alten Zeiten geschwärmt.
Ich bin zwar 1966 aus der Firma ausgeschieden, fahre aber seither immer nur einen “Benz”, wie die Mannheimer Kollegen einen Mercedes nennen. Auf der Suche nach Infos über das Werk Mannheim bin ich auf diese Seite gestoßen.
Ach ja, ich bin auch begeistert von Mac – seit 20 Jahren. Das neue Daimler-Design gefällt mir – aber wo bitte finde ich Infos über das Werk Mannheim?
Antwort
18. Christian Fachat
Kommentar vom 03. Juni 2008 um 17:46
Hallo Hr. Schuth, Infos über das Werk Mannheim, wie auch zu allen anderen Werken, finden Sie auf unserer Unternehmenshomepage, in diesem Fall unter http://www.daimler.de/dccom/mannheim
Antwort
19. Chris Schuth
Kommentar vom 08. Juni 2008 um 23:02
Danke, Herr Fachat, für den Hinweis auf http://www.daimler.de/dccom/mannheim.
Diese Seite hatte ich natürlich schon gelesen, bevor ich nach mehr Information fragte. Ich dachte, daß es darüber hinaus noch weitere Webseiten gibt, die sich zum Beispiel mit der Geschichte des Werkes befassen.
Es soll einen “Tag der offenen Tür” anläßlich eines Jubiläums (welches?) im September geben – davon fand ich nichts.
Antwort
20. Angelika Knüttel
Kommentar vom 11. Juni 2008 um 10:08
Hallo Herr Schuth,
vielen Dank für Ihr Interesse! Im Jahr 2008 feiern wir “100 Jahre Mercedes-Benz Werk Mannheim”. Informationen zur Historie finden Sie hier:
http://www.daimler.com/dccom/0-5-1015843-49-1021819-1-0-0-0-0-0-36-7145-0-0-0-0-0-0-0.html
Im September feiern wir mit unserer Belegschaft einen Familientag. Es wird jedoch keinen Tag der offenen Tür geben! Ich bitte um Verständnis!
Antwort
21. Lo By
Kommentar vom 17. November 2008 um 00:06
Ich melde mich als Nicht-D-Mitarbeiter zu Wort:
Ich bin ich sehr angetan über die sachliche Argumentationsweise in diesem und anderen Blogs, man ist versucht zu sagen, die Unternehmensphilosophie wird hier wieder gespiegelt (Gemäß dem Slogan: “die Ruhe selbst”)!
Man erfährt und lernt als Aussenstehender sehr viel Interessantes. Allerdings: Liest die Konkurrenz nicht mit? Auf Grund von sehr vielen gelesenen Informationen kann erahnt werden, wohin die Reise geht. Der Inhalt der Black Box muss gar nicht bekannt sein, wenn In- und Outputstränge offen verfolgt werden können.
Zum eigentlichen Thema:
1. Schriften in Nobel Grey sind auf einem alten Monitor in der Tat anstrengend zu verfolgen, doch dieser Saurus (Altmonitor) zählt zur aussterbenden Art. Und diejenigen, die sich einen Mercedes leisten können bzw. Interesse am Webauftritt Daimlers bekunden, gehören aller Wahrscheinlichkeit nach bereits zu den geschätzten Besitzern der Monitore neuerer Generation.
2. Mac-Thema: Er ist unschlagbar. Sowohl in der Variabilität, der Qualität und mittlerweile auch im Preis-Leistungsgefüge. Ich kann das achtfach bestätigen. Und wenn meine kleinen Kids im neuen Apple-Computerladen im Breu.land die flachen Flunder bedienen (mit der Nasenspitze gerade mal über die Tastatur lugen), die Programme reihenweise routiniert abgrasen, fragen sich die Zuschauer, ob der Papa Informatiker von Beruf sei. Antwort: Nein, ganz im Gegenteil, sogar eine Null auf dem Gebiet! Aber gerade deshalb hat er sich in seiner Firma acht “Apfelkisten” hingestellt, auch das Personal dankt es ihm.
Und in der nächsten M-Klasse ist selbstverständlich das Media-Interface bestellt. Dreimal darf geraten werden warum!
Antwort