GridAccess "ENTWICKLUNGSPHASE"

Dieses Template ist noch in Arbeit, kann aber ab Mitte Mai getestet werden, so dass Du es, sobald es verfügbar ist, direkt nutzen kannst.

Bereits zu testen

• Eventseite anlegen inkl. Variablen und aller Inhalte
• Alle Unterseiten: Social-Stream, Fotogalerie, Öffentliche Teilnehmendenprofile, Umfragen-Übersicht
• Anmeldeformular (nur optisch, der Anmeldeprozess funktioniert technisch noch nicht)

Offene Punkte

• Anmeldeformular auf technischer Ebene funktional machen
• Anmeldeformular in der Frame-Ansicht (Einfügen in die eigene Website per iFrame)
• Finaler Check zur Barrierefreiheit

Logo

• Logo des Events
  Das Logo wird komplett angezeigt und nicht beschnitten. Extrem breite Logos können sehr klein wirken und zu Problemen führen.
• Fallback: Logo der Agentur

Farben

• Event > Design > Farben
• Fallback:Hauptfarbe der Agentur

Schrift

• Frei wählbar

Bilder

Du kannst über Abschnitte beliebig viele Bidler hinzufügen. Hier geht es nur um die Bilder, die fix im Template vorgesehen sind

• Eventbild
• Breite 2.000px, die Höhe wird automatisch angepasst
• Fallback: Wenn kein Bild hochgeladen wird, bleibt der Bereich leer
• Hintergrundbild
• Breite 3.000 Pixel, Höhe 1.000 Pixel
• Der Rahmen für das Bild hat das Verhältnis 3:1
• Fallback: Wenn kein Bild hochgeladen wird, bleibt der Bereich leer

Folgende Inhalte werden noch auf der Website angezeigt:

• Navigation mit Sprungmarken zu den Inhaltsabschnitten
• Intro-Box mit der Zusammenfassung des Events
  (Name, Untertitel, Introtext, Zeit, Location)
• Beschreibung
  (falls angegeben, wenn nicht entfällt der Bereich)
• Teaser für Unterseiten, falls vorhanden
  (Umfrage, Galerie, andere Teilnehmende, Social Stream)
• Kontakt-Bereich

Barrierefreiheit

Dieses Template ist für die barrierefreie Nutzung optimiert. 

Individuelleres Design

Dieses Template nutzt das neue Designkonzept und hat viele Möglichkeiten zur Individualisierung dank der Template-Variablen (siehe unten).

Darkmode / Hoher Kontrast

Es ist möglich Farben zu definieren für einen Dark-Mode und eine Darstellung mit Hohem Kontrast

Verbesserte Anmeldung

Es gibt einen mehrstufigen Anmeldeprozess, bei dem der Gast nicht alle Informationen auf einer Seite pflegt, sondern in mehreren einfachen Schritten seine Angaben macht.

Farben

• Hauptfarbe
  Wird für Hintergünde genutzt, die hervorgehoben werden sollen
  Hoher Kontrast notwendig zu: "Hintergrundfarbe: Fläche", "Hintergrundfarbe: Sektion", "Trennlinien-Farbe"
• Hauptfarbe Text
  Falls Text auf der Hauptfarbe steht
  Hoher Kontrast notwendig zu: "Hauptfarbe"
• Hauptfarbe: Überschrift
  Farbe für Überschriften 1. - 4. Grades
  Hoher Kontrast notwendig zu: "Hintergrundfarbe: Fläche", "Hintergrundfarbe: Sektion", "Trennlinien-Farbe"
• Akzentfarbe
  Hintergrundfarbe für Call-to-Action-Buttons (z.B. "Anmelden") oder Rahmen- und Text-Farbe für Call-to-Action-Buttons zweiten Grades (z. B. Absagen)
  Hoher Kontrast notwendig zu: "Hintergrundfarbe: Fläche", "Hintergrundfarbe: Sektion", "Trennlinien-Farbe"
• Akzentfarbe Text
  Textfarbe für Call-to-Action-Buttons oder Hintergrundfarbe für Call-to-Action-Buttons zweiten Grades (z. B. Absagen)
  Hoher Kontrast notwendig zu: Akzentfarbe
• Linkfarbe
  Farbe für Links im Fließtext
  Hoher Kontrast notwendig zu: "Hintergrundfarbe: Fläche", "Hintergrundfarbe: Sektion", "Trennlinien-Farbe"
• Linkfarbe Text
  Falls es Links gibt, die mit einer Fläche hinterlegt sind, hat die Fläche die Linkfarbe und der Text auf der Fläche die hier festgelegte Farbe (eher selten)
  Hoher Kontrast notwendig zu: "Linkfarbe"
• Schriftfarbe
  Farbe der Texte und Informationen
  Hoher Kontrast notwendig zu: "Hintergrundfarbe: Fläche", "Hintergrundfarbe: Sektion", "Trennlinien-Farbe"
• Schriftfarbe Hell
  Farbe für weniger relevante Informationen, die in den Hintergrund rücken sollen
  Beispiel: Impressum, Links im Footer der E-Mail
  Hoher Kontrast notwendig zu: "Hintergrundfarbe: Fläche", "Hintergrundfarbe: Sektion", "Trennlinien-Farbe"
• Farbe für Fehlermeldungen
  Farbe für Fehlermeldungen
  Hoher Kontrast notwendig zu: "Hintergrundfarbe: Fläche", "Hintergrundfarbe: Sektion", "Trennlinien-Farbe"
• Hintergrundfarbe: Seite
  Hintergrundfarbe der Seite, in dem der Container mit Inhalt steht (am Smartphone nicht sichtbar, da es keinen Rand um den Container gibt)
• Hintergrundfarbe: Fläche
  Hintergrundfarbe des Hauptbereiches (Containers) mit den Inhalten
• Hintergrundfarbe Fläche transparent
  Hintergrundfarbe für bestimmte Elemente, bei denen die dahinterliegenden Elemente leicht durchschimmern sollen
• Hintergrundfarbe: Sektion
  Hintergrundfarbe für Abschnitte auf der Eventseite, wenn keine individuelle Farbe gewählt wird
• Trennlinien-Farbe
  Farbe von Trennlinien, die nicht so auffällig sein sollen oder Hintergrundfarbe von Boxen, die Informationen einbetten sollen.

Rahmen

• Eckenradius - Menü
  Eckenradius der Menü-Elemente
• Eckenradius - Countdown
  Der Eckenradius der Countdown-Elemente
• Eckenradius  - Grid
  Eckenradius der Abschnitte auf der Eventseite
• Eckenradius - Karten
  Hervorgehobene Elemente auf der Eventseite und Dialoge verwenden diesen Eckenradius
• Eckenradius - Call-to-Action klein
  Kleine Buttons verwenden diesen Eckenradius
• Eckenradius - Call-to-Action groß
  Große Buttons verwenden diesen Eckenradius
• Eckenradius - Aktion-Container unten
  Eckenradius des Containers am Ende der Seite in dem die Event-Aktionen (Anmelden, Absagen usw.) stehen
• Eckenradius - Formularfelder etc.
  Formularfelder und andere Elemente in Formularen verwenden diesen Eckenradius

Schatten

• Schatten: Oberfläche
  Schatten des Inhalt-Containers auf "Hintergrundfarbe-Seite"
• Schatten: Grid
  Schatten der Abschnitte auf der Event-Seite
• Haupt-Schattierung
  Wenn Standard-Elemente einen Schatten haben, dann diesen
• Schatten: Akzent
  Schatten besonders hervorzuhebender Elemente
• Schatten: Aktionen
  Schatten der Box am Ende der Seite mit den Event-Aktionen
• Schatten Call-to-Action-Buttons klein
  Schatten der kleinen Buttons
• Schatten Call-to-Action-Buttons gross
  Schatten der großen Buttons
• Schatten Karten
  Schatten von Dialogen und Elementen, die besonders hervorgeboben werden

Sonstiges

• Unterstreichung Link-Button
  Hier stellst Du ein, ob Texte in Buttons unterstrichen werden sollen
  (underline || none)
• Unterstreichung Menü-Link
  Hier stellst Du ein, ob Links im Menü unterstrichen werden sollen
  (underline || none)
• Maximale Breite Seitencontainer
  Maximale Breite des Inhalt-Containers
• Gitter-Abstand
  Abstand der Abschnitte auf einer Eventseite zueinander
• Bildbeschreibung Eventbild
  Hiermit kannst Du steuern, ob die Beschreibung des Eventbildes auch unter dem Bild sichtbar sein soll, oder nur als alt-Tag genutzt werden soll (block || none)

Falls der Standard nicht reicht, bieten wir die Möglichkeit individuelle Templates zu erstellen. Meldet Euch hierzu einfach bei unserem Support:

support@guestoo.de