Zum Inhalt springen

Dokumentation

Projektstatus und Überblick

  • Das ursprüngliche Design-Konzept wurde an die Einschränkungen von OpenCMS angepasst.
  • Das neue Design behält die Dynamik des ursprünglichen Konzepts bei, arbeitet aber mit den Systemlimitierungen.
  • KI-unterstützte Zählerelemente wurden erfolgreich implementiert und sind leicht zu aktualisieren.

Design-Anpassungen und Lösungen

  • Es wurde eine "Master-Seite" erstellt, die als Vorlagenbibliothek dient und die Einschränkungen von OpenCMS so gut es geht für das Projekt nutzbar macht. (Ob Sektionen daraus einfach als Modellgruppe (CopyGroup) kopiert werden können, klärt die Kommunikationsabteilung noch)
  • Farbkonzept: Curry/Gold und Grün als Hauptfarben, Lila/Rosa ausschließlich für Navigationselemente.
  • Textspalten wurden auf bessere Lesbarkeit optimiert (7-10 Wörter pro Zeile ideal).
  • Überschriften und zugehöriger Text teilen sich denselben farblichen Untergrund für visuelle Kohärenz.

Gestalterische Prinzipien

  • Texte werden möglichst vom Rand ferngehalten für bessere Luftigkeit und Lesbarkeit.
    • Dazu verwenden wir –wenn möglich– die reduzierte Seitenbreite
  • Sublines werden verwendet, um Textwände aufzulockern und die Blickführung zu verbessern.
  • Zusammengehörige Informationsblöcke werden visuell gruppiert (z.B. durch farbliche Hintergründe).
  • Elemente aus der gleichen Sektion (z.b. Überschrift + Text) stehen in einer Zeile, werden aber durch Abstandshalter zur besseren Lesbarkeit auf unterschiedlichen Höhen präsentiert. (Die Überschrift steht immer über dem Fliesstext)
    • Verteilung Asymmetrische Aufteilungen werden für bestimmte Inhaltstypen genutzt.
    • Wir ein gänzlich neuer Sinnabschnitt eröffnet (z.B. "Abschlüsse" bei Hochschulen, dann steht die Meta-Überschrift (z.B. Abschlüsse) auf Farbe. Und zwar so, dass sie vom Linken Rand hereinragt wie auf einem Band. Alle anderen Überschriften (bspw. Promovieren, Habilitation etc.) wie gewohnt.
  • Call-to-Actions werden nicht auf farbigen Bändern platziert, um sie hervorzuheben.
  •  

Social Media Integration

  • Instagram-Posts können eingebettet werden, nehmen aber viel Platz ein. (Zudem ist die Cookie-Sicherheit noch nciht geklärt durch die Kommunikations-Abteilung. Eventuell muss mit einem verlinkten Bild des Feeds gearbeitet werden)
    • Für dynamischere Instagram-Integration müssten Drittanbieter-Tools (ca. 10€/Monat) genutzt werden.
    • Als Zwischenlösung wurde bislang ein angehefteter "Willkommens-Post" verwendet werden.