RRZE-Webteam/rrze-elements

CTA im FAU-Design f. Startseite

Closed this issue · 3 comments

Für die neue Startseite benötigen wir einen CTA im FAU-Design. Dieser könnte wie folgt aussen:

Entwurf mit CTA-Button

Bildschirm­foto 2023-05-05 um 15 44 27

Entwurf mit CTA-Search

Bildschirm­foto 2023-05-05 um 15 44 58

Weitere Details:

  • Bilder sollen in der mobilen Ansicht ausgeblendet werden.
  • CTA mit Button-Element vorerst wichtiger
  • CTA mit Suche nice to have
  • Wellen im Hintergrund sind wohl SVG-Grafik (noch zu klären, wer die hat)
  • Breite soll die verfügbare Inhaltsbreite einnehmen

Vogelperspektive d. CTA's:

Um einen besseren Eindruck der Rolle des CTA's zu bekommen. Ein Mockup mit weiteren Elementen:
Desktop Ansicht - Beta – 15

Wie gerade besprochen sollten wir eine "Call to Action" Box haben. Diesen Teil sollten wir im Elements-Plugin haben und unabhängig vom THeme bauen lassen => @cassandre

Die Call to Action Box hat folgende Elemente:

grafik

Title, Subtitle, HIntergrundbild, Call to Action-Button mit definierten Text, Linkziel.
Die Wellen im Hintergrund sind als Option (Shortcode-Attribut) zu setzen. SVG dazu wird überlagert über den Bild, aber unter der Ebene der Schrift und Buttons.

Soll das Icon (Pfeil) auch definiert werden können?
Und soll man ein Overlay einschalten können (Transparenz und Farbe wählbar), wenn man kein SVG nutzt, und die Schrift keinen ausreichenden Kontrast zu Bild hat?

Was die Farbe angeht wär es am besten, wenn erstmal nur FAU-Blau möglich ist.
Das Icon wäre cool, dann könnte man da vielleicht auch andere Funktionen mit abdecken... Einen Kalender für "Zum Termin", etc.

(Zumindest würde ich nichts offiziell dazu dokumentieren zur Farbe)