Bausteine zur Websitegestaltung
Auf dieser Seite zeigen wir Ihnen die content Elemente, mit denen Sie Ihre Website gestalten können. Sie erfahren, welche Elemente zur Verfügung stehen, wie sie aufgebaut sind und wofür sie sich am besten eignen.
Informationen zum einfachen Textmodul
Das einfache Textmodul besteht aus Overhead, Headline und Fließtext. Es dient der strukturierten Darstellung redaktioneller Inhalte und bietet drei Layout-Varianten.
Option 1
Diese Variante eignet sich besonders für kurze Einleitungen, prägnante Botschaften oder zentrale Aussagen. Durch die zentrierte Ausrichtung steht der Text klar im Fokus und erzeugt eine hohe visuelle Aufmerksamkeit.
Option 2
Der Inhalt wird in zwei gleichwertigen Spalten nebeneinander dargestellt. Diese Variante erhöht die Übersichtlichkeit und eignet sich besonders für Inhalte mit vergleichbarer Textlänge in beiden Spalten, beispielsweise für parallele Informationen oder strukturierte Aufzählungen.
Um Inhalte klar, konsistent und suchmaschinenfreundlich aufzubauen, sollte folgende Überschriftenhierarchie eingehalten werden:
Option 3
In dieser Variante nutzt das Modul die gesamte verfügbare Breite des Layouts. Sie eignet sich besonders für umfangreichere Inhalte, die dennoch klar strukturiert und gut lesbar dargestellt werden sollen.
Informationen zum Textmanager
Der Text Manager ist ein Modul zur strukturierten Darstellung umfangreicher Inhalte. Thematisch zusammengehörige Informationen werden in separaten Tabs gebündelt und übersichtlich aufbereitet. Dadurch lassen sich auch komplexe Inhalte nutzerfreundlich, verständlich und visuell ansprechend präsentieren. Der Textmanager bietet maximal zehn Tabs, es sollten mindestens drei Tabs verwendet werden. Pro Tab kann optional ein Bild integriert werden.
Für eine optimale Lesbarkeit und Nutzerführung:
Für eine optimale Lesbarkeit und Nutzerführung:
Information zur Text Liste
Das Modul Text Liste dient der kompakten, strukturierten und gut lesbaren Darstellung von Inhalten. Es eignet sich insbesondere für Aufzählungen, zentrale Aussagen oder kurze Informationen, die schnell erfasst werden sollen. Die Spaltenanzahl ist flexibel wählbar: Je nach Umfang und gewünschter visueller Wirkung können Inhalte ein- bis dreispaltig angelegt werden. Eine einspaltige Darstellung empfiehlt sich für ausführlichere oder erklärungsbedürftige Inhalte, während zwei- oder dreispaltige Varianten eine besonders kompakte und übersichtliche Wirkung erzielen. Einzelne Listenelemente können zudem mit internen Links versehen werden. Diese sind kupferfarben hervorgehoben und dadurch eindeutig als weiterführende Informationen erkennbar.
Beispiel Checkmarks
Beispiel Nummerierung
Beispiel Bulletpoints
Optional können Sie auch bei diesem Content Element ein Bild integrieren. Die Listenpunkte werden dabei zweispaltig neben dem Bild dargestellt. Diese Variante eignet sich besonders für Kurzbeschreibungen mit einer prägnanten Überschrift und einem kurzen erläuternden Text, zum Beispiel:
In unserem Sportraum können Sie Tischtennis spielen
In unserem schönen Außenbereich können Sie Basketball spielen
Beispiel Spiegelstriche
Für die visuelle Ausgestaltung stehen Ihnen verschiedene Darstellungsoptionen zur Verfügung: Die Punkte können mit Checkmarks, Nummerierungen, Bulletpoints oder klassischen Spiegelstrichen angezeigt werden, je nachdem, ob der Fokus eher auf einer klaren Abfolge, einer Bestätigung von Leistungen oder einer neutralen Aufzählung liegt.
Informationen zum Bild Text Teaser
Mit dem Bild-Text-Teaser lassen sich Bild und Text kombinieren. Es können mehrere Bild-/Text-Elemente innerhalb eines Moduls angelegt werden. Die Darstellung passt sich automatisch der gewählten Layoutvariante sowie der Anzahl der Elemente an.
Bilder und Texte können optional mit Links versehen werden, um auf weiterführende Inhalte zu verweisen.
Option 2: Slider ab Element 2
Bei diesem Element steht nur eine begrenzte Zeichenanzahl von etwa 500 Zeichen zur Verfügung. Überschreiten Sie diese, kann der farbige Hintergrund überlappen und das Element wird nicht korrekt dargestellt.
Option 1: Slider ab Element 4
Bei dieser Variante wird der Text unterhalb des Bildes angezeigt. Je länger der Text, desto größer wird das Element. Wir empfehlen, den Text kurz und prägnant zu halten, damit die Darstellung übersichtlich und gut lesbar bleibt.
Informationen zur Bildgalerie
Mit der Bild-Text-Galerie können Sie Ihre Einrichtung oder ein bestimmtes Thema Ihrer Einrichtung visuell präsentieren. Das Modul eignet sich insbesondere zur Darstellung thematisch zusammengehörigen Bildwelten. Optional können wie bei jedem Inhaltselement Overhead, Headline und ein Einleitungstext ergänzt werden, um die Galerie inhaltlich einzuordnen und Kontext zu schaffen. Jedes Bild kann mit einer kurzen Beschreibung (ein bis zwei Sätze) versehen werden, um Inhalte zu erläutern oder zusätzliche Informationen bereitzustellen. Die Darstellung erfolgt als Slider mit Thumbnail-Vorschau. Mehrere Bilder werden als Vorschaubilder (Thumbnails) angezeigt und können einzeln angewählt werden.
Informationen zum Zitat
Dieses Modul dient dazu, kurze, aussagekräftige Texte wirkungsvoll zu präsentieren. Auf der Startseite werden damit insbesondere positive Patientenstimmen hervorgehoben. Optional können ergänzende Informationen wie Bild, Name, Funktion oder weitere Kontextangaben hinzugefügt werden, um die Aussagen zu unterstreichen und die Glaubwürdigkeit zu erhöhen.
Das Modul ist flexibel einsetzbar, zum Beispiel für:
Information Patientenstorie
Dieses Modul dient der authentischen und emotionalen Präsentation von Patientenstories in Kombination aus Bild und Text. Sind mehrere Stories hinterlegt, erfolgt die Darstellung automatisch als Slider. Jede Story kann zusätzlich mit einem internen Link versehen werden, beispielsweise zu einer Behandlungsseite oder einem Newsbeitrag, wenn die Geschichte ausführlicher dargestellt werden soll.
Bildvorgaben
Mit neuer Kraft zurück ins Schwimmbecken
Nach meiner Operation am Knie habe ich meine orthopädische Reha bei MEDIAN begonnen. Durch die gezielten Therapien und die Unterstützung des Teams habe ich Schritt für Schritt Kraft und Beweglichkeit zurückgewonnen.
Heute schwimme ich wieder regelmäßig und erreiche Leistungen, die ich mir zu Beginn der Reha nicht hätte vorstellen können. Die Zeit in der orthopädischen Rehabilitation hat mir nicht nur körperlich geholfen, sondern mir auch neues Selbstvertrauen gegeben.
Mit neuer Kraft zurück ins Schwimmbecken
Nach meiner Operation am Knie habe ich meine orthopädische Reha bei MEDIAN begonnen. Durch die gezielten Therapien und die Unterstützung des Teams habe ich Schritt für Schritt Kraft und Beweglichkeit zurückgewonnen.
Heute schwimme ich wieder regelmäßig und erreiche Leistungen, die ich mir zu Beginn der Reha nicht hätte vorstellen können. Die Zeit in der orthopädischen Rehabilitation hat mir nicht nur körperlich geholfen, sondern mir auch neues Selbstvertrauen gegeben.
Nützliche Informationen
Das Akkordeon eignet sich für ein- und ausklappbare Inhalte, zum Beispiel für FAQs, Detailinformationen oder rechtliche Hinweise.
Das Akkordeon-Element sollte pro Seite nur einmal eingesetzt werden. Wichtige Inhalte sollten direkt sichtbar sein und nicht mehrfach in Akkordeons „versteckt“ werden, um die Lesbarkeit und Auffindbarkeit zu gewährleisten.
Nutzen Sie die jeweilige FAQ-Seite Ihrer Einrichtung, um häufig gestellte Fragen darzustellen.
Alternativ können Sie thematisch gebündelte Inhalte am Ende einer jeweiligen Seite platzieren.
