motorrad-helming.de

Unsere neue Motorradzentrum-Webseite soll unter der Domain motorrad-helming.de laufen. Die Fahrzeugsuche soll via iFrame in unsere Wordpress-Umgebung eingebettet werden. 

Designtechnisch orientieren wir uns stark an der Marken-CI von BMW Motorrad - verknüpfen diese aber mit der Unternehmens-CI von Helming & Sohn und schaffen so eine eigene, starke und einzigartige Außendarstellung mit Wiedererkennungsmerkmal für unsere Besucher. 

Die Besucheransprache auf unserer Webseite ist persönlich in Du-Form gehalten. Wir sprechen unsere Besucher direkt an und kapitalisieren jedes Personalpronomen der zweiten Person Singular. Beispiel: (Du, Dich, Dein, Dir). 

Überschriften sind grundsätzlich folgendermaßen strukturiert. Die Größen und Abstände können je nach Bedarf angepasst werden. Eine konsistente Überschriften-Hierarchie ist wichtiger als die strenge Einhaltung der Schriftgrößen. 

Das Hauptlayout sollte sich zwischen den Farben schwarz und weiß bewegen. Darüber hinaus ist Akzentblau mit Bedacht eher nur für Akzente zu nutzen. Die Grautöne dienen der zusätzlichen Erweiterung um Schattierungen der beiden Haupttöne. Sie können frei verwendet werden, je nach Layout-Notwendigkeit. 

Buttons sind je nach Layout der Seite in der Ausgangssituation in den Hauptfarben weiß bzw. schwarz gehalten. Beide Varianten färben sich beim Hovern langsam zu Akzentblau mit weißer Schrift. 

Sollte es mehr als einen Button auf weißem Hintergrund geben, wird der Main-Button in schwarz und alle weiteren Buttons in weiß (mit leichtem Rand in Grau 2) gehalten.

Alle Abstände haben in der Regel einen Wert der mathematischen Potenz von 2. In Ausnahmefällen kann auf naheliegende gerade Zahlen ausgewichen werden. Folgende Abstandswerte für Padding und/oder Margin grundsätzlich anzuwenden: 

Grundsätzlich sollte auf Schatten und Ränder weitestgehend verzichtet werden. An manchen Stellen sind je nach Layout schwache Schatten erlaubt. Ein Beispiel hier: 

Zusätzlich hat dieses Element einen kleinen weichen Hover-Effekt. Grundsätzlich sollten keine animierenden Hover-Effekte darüber hinaus verwendet werden. Auch dieser Hover-Effekt ist eher mit Bedacht zu wählen. Bei der Fahrzeugsuche kann gerne darauf verzichtet werden.

Sollten Sie weitere Fragen haben, die in diesem kurzen Design Guide nicht behandeln wurden, kontaktieren Sie mich gerne direkt. 

Bernd Wecks
Marketing

Telefonisch: 0591 80408-21
E-Mail: b.wecks@helming-sohn.de