DEHN schützt Gleichstrombahnen
DEHN | Web Design Guide

Marcom Bild und Claim

Der Text im Marcom Claim kann bis zu 86 Zeichen enthalten. Die Formatierung ist fix - hier sind keine anderen Farben oder Schriftschnitte möglich.

MARCOM M
Das Modul in diesem Beispiel trägt die Bezeichnung MARCOM M. Bei diesem Modul läuft der Claim nur 1-zeilig.
Die Bildgröße beträgt 2880 x 1080 px - 16:6 - im Format JPG oder PNG.
 

MARCOM L
Diese Modul ist ausschließlich für HOME vorgesehen - hier ist mehrzeiliger Text möglich.
Die Bildgröße für dieses Modul beträgt 2880 x 1440 px - 2:1 - im Format JPG oder PNG.
 

Bilder im Content
Alle anderen Bilder werden, bis auf wenige Ausnahmen, in der Größe 1200 x 675 px - 16:9 - im Format JPG oder PNG angelegt.

Ausnahme 1: Image-Map - Breite 1280 px, Höhe variabel
Ausnahme 2: Verigelung - Breite 800 px, Höhe variabel
Ausnahme 3: Kontaktbox, Navigationsbox small - 400 x 400 px

Bildformate im Web: JPG für Fotos, PNG für Grafiken
 

Chapter Headline

Modul Text and/or Headline

Die Fontgröße im Textbody variiert je nach Headline (H1, H2 ...). Die Zeichenanzahl sollte 550 pro Chapter nicht überschreiten.

Als Hintergrundfarbe stehen 4 Farben zur Verfügung:
Hellgrau, Weiß, Dunkelgrau, Rot

DEHN Standard:

  • Für die Chapters wird abwechselnd Hellgrau und Weiß verwendet, wobei das erste Chapter immer hellgrau ist.
  • Die Farbe Dunkelgrau wird in erster Linie für Produktdarstellungen (Produktslider oder Imagemaps mit Produktauswahl) benutzt.
  • Die Farbe Rot ist der Kontaktbox vorbehalten - im Einzelfall kann auch ein Call-to-action rot hinterlegt werden.
  • Links am Ende eines Chapters werden rechts platziert und erscheinen mit einem Kasten (outline).

Chapter Headline

Text + Media

Ein Text+Headline Modul wird generell in jedem Chapter benutzt, um die Überschrift in H1 zu generieren.

Ausnahme: die rote Kontaktbox - sie erscheint ohne H1 Überschrift am Ende der Seite als vorletzte Section. Auf sie folgt, wenn erforderlich, ein leeres Text+Headline Module mit einem Backlink

Der Textbody kann generell leer bleiben, wenn in diesem Chapter ein weiteres Modul (Text+Media, Produktslider, Multicolumn etc.) verwendet wird. Das Text+Headline Modul wird dann nur verwendet, um die H1 Überschrift zu erzeugen.

Werden neue Bilder oder Grafiken erstellt, sollten diese keine Schrift enthalten. Wenn Beschriftungen notwendig sind, erfolgen sie in der Legende - im Bild selbst werden dann Ziffern verwendet. Die Visuals können damit in verschiedenen Sprachen verwendet werden, ohne dass sie erneut bearbeitet werden müssen.

Media Slider

  • Offshore Anlagen Portlet WindEnergy Digital
    Bild 1
  • Rückkühler
    Bild 2
  • Pharma storage tanks
    Bild 3

Headline Textblock

Bei diesem Modul - Text + Media - kann

  • ein feststehendes Bild (Größe XS, S, M, L)
  • ein Video
  • ein Slider - auch autorun (Größe M, L)

eingefügt werden. Das Visual kann recht oder links platziert werden. Der Textblock bleibt feststehend.

Chapter Headline

Content Slider

  • Pharma storage tanks
    Bild 1

    Headline Bild 1

    Textblock Bild 1 - Achtung, dieser Text ist nur mit wenigen HTML Tags manuell formatierbar und limitiert auf 450 Zeichen.
    Pro Bildeintrag ist eine Headline und ein Textblock vorgesehen.

  • Offshore Anlagen Portlet WindEnergy Digital
    Bild 2

    Headline Bild 2

    Textblock Bild 2 - Achtung, dieser Text ist nur mit wenigen HTML Tags manuell formatierbar und limitiert auf 450 Zeichen.
    Autorun ist nicht möglich.

  • DDT Offshore 16:9
    Bild 3

    Headline Bild 3

    Textblock Bild 3 - In jedem Slidereintrag kann ein Bild oder Video erscheinen. Die Größe des Visuals ist hier nicht beeinflussbar.

Chapter Headline

Produktslider

Das Modul Produktslider nutzt den dunkelgrauen Hintergrund. Die Produkte werden über eine ID aus der Produktdatenbank eingebunden.
Es werden 3 Boxen angezeigt – über den Slider können mehr Produkte ergänzt werden. Mehr als 9 sollten es jedoch nicht werden.

Der dunkelgraue Hintergrund wird auch für Image Maps verwendet  >>> hier ein Beispiel.

Chapter Headline

Navigation Portlets

Mit diesem Modul wird auf andere - interne - Inhalte verlinkt.

Das können Unterseiten im gleichen Thema sein
z.B. im Thema Windenergie zu einer Seite wie DEHNdetect

oder

passende Seiten aus anderen Themenkreisen
z.B. im Thema Windenergie zum Prüflabor oder zu den Seminaren

Chapter Headline

Fullsize Media

Dieses Visual läuft über die ganz Breite. Es kann ein Bild oder ein Video sein.

Optisch ist dieses Modul meist zu wuchtig - hier gibt es nur sehr wenig sinnvolle Einsatzmöglichkeiten. ! Vor allem, wenn man berücksichtigt, dass Grafiken und Fotos keine Schrift beinhalten dürfen.

BLITZDUCTORconnect schützt Windenergieanlagen
Bildunterschrift

Chapter Headline

Mehrspaltiger Inhalt

Mit dem Modul "Multi Column".

Diese Inhalte können MIT oder OHNE Visual (Bild oder Video) erstellt werden.
Möglich sind 1 - 4 Spalten.

Beispiel Bild

Studenten Wirftschaftsinformatik
Bildunterschrift

Headline

Dieser Text kann formatiert werden.

Beispiel Video

Interview zum Azubi-Infotag

Headline

Text Text

Beispiel 3

Antworten zur Störlichtbogenschutzkleidung DEHNcare
Bildunterschrift

Headline

Text Text

Downloads

Diese Module sind angelegt auf "3 in einer Zeile".

Sie variieren NICHT in der Größe wie z.B. das Modul "Navigationsbox Small". D.h. auch wenn nur eines verwendet wird, bleibt die Drittelgröße erhalten.

Möglichst nicht verwenden

Tabelle

Tabellen sollten nach Möglichkeit NICHT verwendet werden, da sie nicht responsive sind.

Header Zeile 1Header Zeile 1Header Zeile 1Header Zeile 1Header Zeile 1
Feld 1
Mit etwas Text.
Feld 2
Formatierung nur durch HTML Auszeichnung möglich.
Feld 3Feld 4Feld 5
Feld 1 - Zeile 2Feld 2Feld 3Feld 4Feld 5

Shoutbox

Für Ankündigungen oder besondere Hinweise

Dieses Modul wird derzeit überarbeitet - es kann dann auch für CTAs verwendet werden

Farbkonfiguration

Headline

Text

Kontaktbox

Die Kontaktbox ist immer ROT. Sie steht am Ende der Seite und wird - bei Unterseiten - nur noch von einem leeren hellgrauen Textmodul ergänzt, das den Backlink zeigt.

Das Chapter hat keine Chapterheadline und kein Textmodul mit  H1 Überschrift, sondern startet direkt mit dem Kontaktmodul.

nach oben