Corporate Design (CD) Anpassungen
Unter Einstellungen > Design steht Ihnen eine intuitive Oberfläche zum Setup der Farben und Logos Ihrer Organisation bereit. Für das Portaldesign (Buchungsportal/öffentliche Webseite) stehen die Settings unter Einstellungen > Portal Design zur Verfügung:
Farben
Die Farben können im oberen Bereich über den Color-Picker des eigenen Webbrowsers individualisiert werden:
Grafiken
Die unterschiedlichen Logos können Sie von einem Grafiker in folgenden Dimensionen erstellen lassen. Für den Start sollten Sie folgende Logos und Grafiken hinterlegen:
Header-Logo
Dieses Logo wird in allen Backend-Portal (ausgenommen dem Buchungsportal) im Kopfbereich (Header) angezeigt. Die Dimensionen 420x90 px sollten hier eingehalten werden.
Logo für hellen Hintergrund und Logo für dunklen Hintergrund
Dies sind die unbeschnittenen Logos ihrer Organisation. Wenn das Logo sowohl auf einem dunklen als auch auf einem hellen Hintergrund stehen kann, laden Sie bei beiden Uploads das gleiche Logo hoch.
Smartphone-Touch-Icon/Favicon
Wird FSC als App auf dem Homebildschirm gespeichert, erscheint diese Grafik.
PDF-Header Querformat
Diese Grafik wird im oberen Bereich aller generierten PDF-Dokumente als Hintergrundbild gesetzt.
PDF-Header Hochformat
Diese Grafik wird im oberen Bereich aller generierten PDF-Dokumente als Hintergrundbild gesetzt.
Schriftarten/Webfonts
Schriftarten können wir als Webfonts individuell für euch hinterlegen. Sprecht uns gerne an!
Buchungsportal-Design
Das Buchungsportal ist neben den anderen Systemportalen, wie z.B. dem Management-, dem Trainer- oder Gastgeberbereich, ein zentraler Baustein. Da sich dieser Bereich explizit an eine breite Öffentlichkeit richtet, erhalten Sie von uns Werkzeuge, um das Portaldesign an euer Unternehmensdesign anzupassen. Das Design des Portals wird neben dem Anmeldeprozess z.B. auch für das Teilnehmerfeedback und das Modul Geburtstagsanfragen verwenden.
Hintergrundfarbe und -grafik
Das Portal besteht aus einem inneren weißen Content-Bereich und einem äußeren weißen Grafik-Bereich. Den inneren Bereich füllt hierbei die Software automatisch, je nach angesteuertem Inhalt (Anmeldung/Feedback/Fotogalerie/etc.). Im äußeren Bereich ermöglichen wir euch, ein großes zentriertes Hintergrundbild im JPG-Format selbst hochzuladen. Dieses Bild liegt hinter dem weißen Content-Bereich und ragt auf der linken, oberen und rechten Seite bewusst über den Content-Bereich hinaus. In der folgenden Darstellung seht ihr die Hintergrundfarbe (gelb), den austauschbaren Grafik-Bereich (blau) und den durch die Software vorgegebenen Content-Bereich (weiß):
Ihr erzielt den elegantesten grafischen Effekt, indem ihr eure Hintergrundgrafik bewusst in die gewählte Hintergrundfarbe überblendet lasst. Verwendet die folgende Vorlage, um eure Hintergrundgrafik zu gestalten. Färbt am besten den magentafarbenen Bereich einheitlich in der Hintergrundfarbe des Portals ein (z.B. komplett schwarz). Dadurch verringert ihr die Dateigröße erheblich, und sämtliche Grafikinhalte in diesem Bereich werden ohnehin durch den Content-Bereich überdeckt. Achtet außerdem beim Export im JPG-Format darauf, die höchstmögliche Komprimierung zu wählen, bei der die Grafik noch gut aussieht.
Ganz unten haben wir euch zur Inspiration einige Designs unserer Kunden als Galerie dargestellt!
Ihr solltet unbedingt darauf achten, dass die Datei eine Größe von maximal 300 KB hat. Das optimale Endformat der Grafik ist 1600 x 800 Pixel bei 72 dpi.
Ihr gestaltet den inneren Bereich (in der blau-gelben Grafik in weiß dargestellt), der vom System automatisch mit dem passenden Inhalt gefüllt wird. Unser Ziel ist, dass ihr mit einem kleinen Funktionsteam im Hintergrund eine große Fußballschule digital verwalten könnt. Filterfunktionen, intelligente Buchungsmasken und die Darstellung der Veranstaltungsboxen ergeben sich aus unterschiedlichsten Systemeinstellungen, ohne dass ihr viel Zeit in die Detailgestaltung investieren müsst. Das bedeutet zwar eine gewisse Einschränkung in der Gestaltungsfreiheit, dafür erhaltet ihr einen robusten und praxiserprobten Buchungsprozess ohne Überraschungen, gerade da, wo ihr keine Überraschungen gebrauchen könnt: bei der Anmeldung eurer Teilnehmer!
Menüleiste
FSC unterstützt von Haus aus eine zweistufige Menüleiste, die sich über Einstellungen > Portal Design aktivieren und individualisieren lässt:
Coverart Grafiken für Eventbilder
Veranstaltungen werden auf der Buchungsseite mit einer Coverart-Themengrafik dargestellt. Diese "Veranstaltungsposter" können in den Basiseinstellungen global in den Buchungseinstellungen und auf Ebene der Veranstaltungsarten als Standardvorlagen hinterlegt werden. Auf Veranstaltungsebene lässt sich die Coverart ebenfalls spezifisch hochladen.
Legt die Coverart-Grafiken im Seitenverhältnis 600 x 400 Pixel mit 72 dpi an.
Gastgeber-Icons
Die quadratischen Icons vor den Event-Informationen sind die Logos der zugeordneten Gastgeber einer Veranstaltung.
Eigener CSS Code
Wenn ihr als Profis auch die letzten Details des Buchungsportals optisch anpassen möchtet, könnt ihr unter Einstellungen > Buchungsportal (ganz unten) eigenen CSS- und Javascript-Code einfügen.
Galerie zur Inspiration
