Branding personalisieren: Wie du CampusHub zu deiner Organisation machst
Schritt-für-Schritt-Anleitung zum Anpassen von Logo, Farben, Name und Login-Hintergrund in CampusHub. So wird CampusHub zu deiner digitalen Heimat.
Branding personalisieren: Wie du CampusHub zu deiner Organisation machst
Stell dir vor: Du loggst dich in CampusHub ein. Statt einem generischen Logo siehst du das Logo deiner Schule. Die Farben passen zu deinem Verein. Der Hintergrund zeigt ein Bild von eurem letzten Event. Das fühlt sich nicht wie „noch ein Tool" an — das fühlt sich wie zuhause an.
In diesem Artikel zeigen wir dir, wie du CampusHub komplett an deine Organisation anpasst — von Logo und Farben bis zum Login-Hintergrund.
Warum ist Branding wichtig?
1. Identifikation
Wenn CampusHub wie eure Organisation aussieht, identifizieren sich die Mitglieder stärker damit. Es fühlt sich nicht fremd an — es fühlt sich vertraut an.
2. Adoption
Mitglieder nutzen Tools, die sie mögen. Wenn CampusHub wie eure Organisation aussieht, ist die Wahrscheinlichkeit höher, dass sie es nutzen.
3. Professionalität
Ein professionelles Branding zeigt, dass eure Organisation ernsthaft ist. Es macht einen guten Eindruck bei neuen Mitgliedern, Eltern oder Gästen.
4. Vertrauen
Wenn das Login-Fenster mit eurem Logo und euren Farben gestaltet ist, vertrauen die Mitglieder der Plattform mehr. Sie wissen, dass sie sich auf der richtigen Seite befinden.
Was kannst du anpassen?
1. Logo
Wo es angezeigt wird:
- Login-Seite
- Sidebar (oben links)
- E-Mail-Einladungen
- Favicon (Browser-Tab)
Anforderungen:
- Format: PNG oder SVG (SVG bevorzugt)
- Grösse: Mindestens 200x200px (PNG)
- Hintergrund: Transparent (für beste Integration)
- Farben: Kontrastreich, damit es auf allen Hintergründen gut aussieht
Tipps:
- Verwende das offizielle Logo deiner Organisation
- Wenn du kein Logo hast, erstelle ein einfaches (z.B. mit Canva)
- Stelle sicher, dass das Logo auf kleinen Grössen (z.B. Favicon) erkennbar ist
2. Name
Wo er angezeigt wird:
- Login-Seite (Titel)
- Sidebar (oben links)
- E-Mail-Einladungen
- Browser-Tab
Anforderungen:
- Name: Offizieller Name der Organisation (z.B. "VSETH")
- Kurzname: Kurzbezeichnung (z.B. "VSETH")
Tipps:
- Verwende den offiziellen Namen
- Der Kurzname sollte maximal 10 Zeichen sein
- Vermeide Sonderzeichen und Umlaute im Kurznamen
3. Primärfarbe
Wo sie verwendet wird:
- Buttons
- Links
- Akzente
- Header
- Icons
Anforderungen:
- Format: Hex-Farbe (z.B.
#2563EB) - Kontrast: Muss auf weißem und dunklem Hintergrund gut lesbar sein
Tipps:
- Verwende die Hauptfarbe deiner Organisation
- Wenn du keine Hauptfarbe hast, wähle eine, die zu deinem Logo passt
- Teste die Farbe auf verschiedenen Hintergründen
4. Akzentfarbe
Wo sie verwendet wird:
- Sekundäre Buttons
- Hervorhebungen
- Tags
- Badges
Anforderungen:
- Format: Hex-Farbe (z.B.
#7C3AED) - Kontrast: Sollte gut zur Primärfarbe passen
Tipps:
- Wähle eine Komplementärfarbe zur Primärfarbe
- Oder: Wähle eine hellere/dunklere Variante der Primärfarbe
- Verwende nicht zu viele Farben — maximal 2-3
5. Login-Hintergrund
Wo er angezeigt wird:
- Login-Seite (Hintergrundbild)
Anforderungen:
- Format: JPG oder PNG
- Grösse: Mindestens 1920x1080px
- Qualität: Hoch, aber nicht zu gross (max. 5 MB)
Tipps:
- Verwende ein Bild von eurer Organisation (z.B. Schulgebäude, Vereinslokal, Event)
- Oder: Ein abstraktes Bild, das zu euren Farben passt
- Stelle sicher, dass der Text (Login-Formular) gut lesbar ist
- Verwende ein Bild mit hohem Kontrast
Schritt-für-Schritt: Branding anpassen
1. Logo hochladen
- Gehe zu
Admin > Branding > Logo - Klicke auf "Logo hochladen"
- Wähle die Datei aus
- CampusHub zeigt eine Vorschau
- Klicke auf "Speichern"
2. Name anpassen
- Gehe zu
Admin > Branding > Name - Gib den offiziellen Namen ein
- Gib den Kurznamen ein
- Klicke auf "Speichern"
3. Farben anpassen
- Gehe zu
Admin > Branding > Farben - Gib die Primärfarbe ein (Hex-Farbe)
- Gib die Akzentfarbe ein (Hex-Farbe)
- CampusHub zeigt eine Vorschau
- Klicke auf "Speichern"
4. Login-Hintergrund hochladen
- Gehe zu
Admin > Branding > Login-Hintergrund - Klicke auf "Hintergrund hochladen"
- Wähle die Datei aus
- CampusHub zeigt eine Vorschau
- Klicke auf "Speichern"
5. Vorschau prüfen
- Gehe zu
Admin > Branding > Vorschau - Prüfe, wie das Branding aussieht
- Mache Anpassungen, wenn nötig
- Klicke auf "Speichern"
Best Practices für Branding
1. Konsistenz
Verwende dieselben Farben und das Logo überall. Wenn du ein anderes Logo auf der Webseite hast, verwende dasselbe in CampusHub.
2. Einfachheit
Weniger ist mehr. 2-3 Farben sind ausreichend. Zu viele Farben wirken unprofessionell.
3. Lesbarkeit
Stelle sicher, dass Text gut lesbar ist. Wenn der Hintergrund zu bunt ist, ist der Text schwer zu lesen.
4. Mobile-Optimierung
Prüfe das Branding auf dem Handy. Das Logo sollte auf kleinen Bildschirmen erkennbar sein. Die Farben sollten auch auf dem Handy gut aussehen.
5. Regelmäßige Aktualisierung
Aktualisiere das Branding bei Änderungen. Wenn du ein neues Logo hast, lade es hoch. Wenn sich die Farben ändern, passe sie an.
Beispiele für gutes Branding
Beispiel 1: Schule
| Element | Wert |
|---|---|
| Logo | Schulwappen (transparentes PNG) |
| Name | "Gymnasium Musterstadt" |
| Kurzname | "GYM" |
| Primärfarbe | #1E40AF (Dunkelblau) |
| Akzentfarbe | #60A5FA (Hellblau) |
| Hintergrund | Foto des Schulgebäudes |
Beispiel 2: Verein
| Element | Wert |
|---|---|
| Logo | Vereinslogo (transparentes SVG) |
| Name | "Turnverein Musterstadt" |
| Kurzname | "TVM" |
| Primärfarbe | #DC2626 (Rot) |
| Akzentfarbe | #FCA5A5 (Hellrot) |
| Hintergrund | Foto von der Vereinsfeier |
Beispiel 3: Studierendenorganisation
| Element | Wert |
|---|---|
| Logo | SO-Logo (transparentes PNG) |
| Name | "VSETH" |
| Kurzname | "VSETH" |
| Primärfarbe | #7C3AED (Violett) |
| Akzentfarbe | #C4B5FD (Hellviolett) |
| Hintergrund | Foto vom Semesteranlass |
Häufige Fragen (FAQ)
Kann ich das Branding später ändern?
Ja. Du kannst das Branding jederzeit anpassen. Die Änderungen sind sofort aktiv.
Was passiert mit dem alten Logo?
Das alte Logo wird ersetzt. Wenn du es später wieder brauchst, musst du es neu hochladen.
Kann ich verschiedene Brandings für verschiedene Gruppen haben?
Nein. Das Branding gilt für die gesamte Organisation. Aber du kannst das Branding für verschiedene Events anpassen.
Was passiert, wenn ich kein Logo hochlade?
CampusHub zeigt ein Standard-Logo. Es ist empfohlen, ein eigenes Logo hochzuladen.
Kann ich das Branding zurücksetzen?
Ja. Gehe zu Admin > Branding > Zurücksetzen. Das Branding wird auf die Standardwerte zurückgesetzt.
Fazit: CampusHub ist deine digitale Heimat
Mit dem richtigen Branding wird CampusHub zu einer natürlichen Erweiterung deiner Organisation. Die Mitglieder fühlen sich zuhause, nicht in einem fremden Tool.
Was du mitnehmen solltest:
- Logo, Name, Farben und Hintergrund anpassen
- Konsistenz mit der bestehenden Corporate Identity wahren
- Lesbarkeit und Mobile-Optimierung prüfen
- Regelmäßig aktualisieren
Die nächsten Schritte:
- Workspace einrichten — Schritt-für-Schritt für Admins
- Mitglieder einladen — Wie du Mitglieder hinzufügst
- Rollen und Berechtigungen — Wer darf was?
- Erste Schritte mit CampusHub — Die schnelle Anleitung
Hast du Fragen zum Branding? Schreibe uns an support@campushub.ch — wir beraten dich gerne.