Skip to main content

Service

Eine Service-Übersicht in Drupal erstellen

Eine Service-Übersicht dient dazu, eine Einrichtung oder ein bestimmtes Angebot auf einer Webseite übersichtlich darzustellen. Besucher*innen sollen auf einen Blick verstehen: Was wird hier angeboten? Wer steckt dahinter? Und wo bekomme ich weitere Informationen oder Unterstützung?

In Drupal kann man so eine Service-Seite sehr flexibel gestalten. Man ist grundsätzlich frei im Aufbau, aber ein gewisses Grundgerüst hat sich bewährt.

Grundaufbau einer Service-Seite

1. Header-Bereich (z.B. hero with introtext and image)
Ganz oben könnte ein Header stehen. Dieser besteht meist aus einem großen Bild oder Banner, einem prägnanten Titel und einem kurzen Einführungstext. Das Bild schafft einen ersten Eindruck, während der Text kurz erklärt, worum es auf der Seite geht.

Bild1.png

2. Einführungsblock / Beschreibung (z.B. Text. Text with info box, Study program banner)
Danach folgt ein Block mit einer genaueren Erklärung:

    • Was ist das für ein Service?
    • An wen richtet er sich?
    • Welche Vorteile oder Besonderheiten gibt es?

Bild3.png

Bevor man die weitere Seite aufbaut, sollte man sich überlegen: Was genau möchte ich eigentlich darstellen? Das ist die Basis für alle weiteren Inhalte.

3. Weitere Inhaltsblöcke
Abhängig vom Service können zusätzliche Bereiche sinnvoll sein. Beispiele:

    • Bildergalerie (z.B. Gallery)
    • Verlinkungen (z.B. Secondary CTA, Content teaser)
    • Structure & Layout (z.B. Accordion, Text)

Diese Blöcke helfen, das Angebot lebendig und informativ darzustellen.

Beispiele:

Galerie:

Bild4.png

Content-Teaser:

Bild6.png

Accordion:Bild7.png

4. Kontakt oder Team (z.B. Contact Person Teaser)
Besucher möchten oft wissen, wer hinter dem Service steckt und wie man die Verantwortlichen erreichen kann. Deshalb sollte ein Bereich mit Kontaktinformationen oder einer kurzen Vorstellung des Teams nicht fehlen.

Bild8.png

5. Call-to-Action (CTA) (z.B. CTA-Section)
Am Ende der Seite empfiehlt es sich, eine CTA-Sektion einzubauen. Das ist ein klarer Hinweis darauf, wie man weiter vorgehen kann, zum Beispiel:

    • „Unterstützen Sie uns“
    • „Jetzt Kontakt aufnehmen“
    • „Mehr erfahren“

So haben die Besucher einen direkten nächsten Schritt.

Bild9.png