Egal, ob Sie Ihren brandneuen Kontainer einrichten oder ihm ein Facelift verpassen – dieser Leitfaden ist für Sie.
Wir erweitern das System kontinuierlich um neue Anpassungsfunktionen, damit Sie die bestmögliche User Experience bieten und Kontainer zu einem stimmigen Bestandteil der Online-Präsenz Ihrer Marke machen können.
Selbst für den eingefleischten Kontainer-Superuser bietet dieser Leitfaden höchstwahrscheinlich noch Mehrwert, und Sie können jederzeit Abschnitte überspringen.
Sehen Sie sich das Video oben an oder gehen Sie den schriftlichen Leitfaden unten durch.
Erweiterte Leitfäden
Individuelle Landingpages erstellen | Einen Markenbereich hinzufügen | Leitfaden zu Download-Vorlagen
Inspirationslinks
Designvorschläge für den Page Editor | Markenleitfaden | Pressemitteilung
Teilen Sie Ihre Designs
Sie sind die Experten, und wir würden Ihre Designs gerne als Inspiration für andere Kunden teilen. Schreiben Sie uns an support@kontainer.com, wenn wir Ihre Kreationen teilen dürfen oder wenn Sie eine Beratung wünschen.
LEITFADEN ZUM KONTAINER-STYLING
Gehen wir alle aktuellen Optionen durch – beginnend mit Ihrer Login-Seite.
ALLGEMEINES ERSCHEINUNGSBILD
Die Anpassung des Look & Feel Ihres Kontainers an Ihre visuelle Identität ist unkompliziert. Ziel ist es, Ihre Image Bank, Ihr DAM, Brand Portal oder wie auch immer Sie es nennen, wie eine nahtlose Erweiterung Ihrer Marke wirken zu lassen.
Da wir das System laufend erweitern, kann sich dieser Leitfaden ändern. Falls Ihnen etwas fehlt, lassen Sie es uns wissen!
Login-Hintergrundbild
Das auffälligste Element Ihrer Login-Seite ist das große Hintergrundbild, das den Nutzer sofort beeindruckt. Dies ist ein idealer Ort, um eine starke Marke, Kollektion oder ein saisonales Asset zu präsentieren.
Spezifikationen für Ihr Hintergrundbild:
- JPG oder PNG
- Maximale Größe: 3000x2000px
Sie ändern das Bild unter Einstellungen – Erscheinungsbild (Allgemein)
Willkommens- oder Login-Nachricht
Sie können Ihrer Login-Seite auch eine Willkommensnachricht oder einen wichtigen Hinweis für Benutzer hinzufügen.
Um den Text hinzuzufügen oder zu bearbeiten, gehen Sie zu Einstellungen – Konfiguration (Allgemein)
Beispiel:
Ihr Firmenlogo
Als Nächstes sollten Sie Ihr Firmenlogo hinzufügen. Dies erfolgt ebenfalls unter Einstellungen – Erscheinungsbild (Allgemein).
Das Logo wird auf Ihrer Login-Seite, oben links in der Menüleiste innerhalb von Kontainer sowie in allen vom System versendeten E-Mails angezeigt.
Sie können Folgendes auswählen:
- Platzierung des Logos
- Größe
- Hintergrundfarbe (z. B. bei weißem Logo)
Das Logo sollte als SVG-Datei hochgeladen werden, um alle oben genannten Einsatzzwecke abzudecken.
Farbeinstellungen
Wir empfehlen, die Farbeinstellungen an Ihre Marke anzupassen. Gehen Sie zu Einstellungen – Erscheinungsbild (Allgemein), um Folgendes zu ändern:
- Hervorhebungsfarbe – zur Auswahl von Dateien und zur Anzeige der Menüauswahl
- Primäre Hintergrundfarbe – wird überall außer im linken Menü verwendet
- Menü-Hintergrundfarbe
- Button-Farbe
- Link-Farbe
Vergessen Sie nicht, Ihre Änderungen zu speichern.
Favicon
Fügen Sie Ihr Favicon unter Einstellungen – Erscheinungsbild (Allgemein) hinzu. Das ICO-Format Ihres Logos kann hier erstellt werden.
Browser-Titel
Zusammen mit dem Favicon sollten Sie den Browser-Titel anpassen. Gehen Sie zu Einstellungen – Konfiguration.
Wir empfehlen, für Ihre Nutzer deutlich zu machen, dass sie sich in Ihrer Image Bank, Brand Platform, DAM oder PIM befinden – je nachdem, wie Sie sie nennen.
Beispiel: Asset Bank | Sara's Bike Shed
Globale Ordnerbeschreibung
Sie können eine globale Ordnerbeschreibung unter dem Browser-Titel in Konfiguration erstellen.
HINWEIS: Dieser Text wird in allen Ihren Ordnern sichtbar sein.
Dies kann relevant sein, wenn Sie eine generische Copyright-Nachricht haben, die in allen Ordnern angezeigt werden soll.
Sortierreihenfolge
Die Reihenfolge, in der Ihre Dateien und Ordner angezeigt werden, kann je nach Bedarf unterschiedlich eingerichtet werden.
Gehen Sie zu Einstellungen – Konfiguration und wählen Sie entweder:
- Name (Alphabetisch)
- Größe
- Hochgeladen
- Benutzerdefiniert
Benutzerdefiniert ist die einzige Einstellung, die es Ihnen ermöglicht, die Reihenfolge der Ordner oder Dateien manuell zu ändern.
Wenn Sie eine der anderen Optionen wählen, können Sie innerhalb eines einzelnen Ordners eine andere Option manuell auswählen, aber das ändert nur die Reihenfolge in Ihrer Ansicht. Andere Nutzer sehen weiterhin die Standard-Einstellung.
Dateiansicht
Die Art, wie Sie Ihre Dateien anzeigen, ist eine globale Einstellung unter Einstellungen – Konfiguration. Sie haben drei Optionen:
-
- Box = gleich große Vorschau-Boxen
- Liste = Standardlistenansicht
- Raster = Vorschau passt sich den Bild-/Asset-Spezifikationen an
Diese Einstellungen können im Ordner geändert werden, aber die Änderungen gelten nur lokal in Ihrer Ansicht.
ORDNER-STYLING
In diesem Abschnitt behandeln wir das Styling Ihrer Ordner. Es gibt viele Möglichkeiten, Ihre Ordner zu gestalten; hier sind einige Beispiele:
Alle Ordner-Styling-Einstellungen finden Sie unter Einstellungen – Erscheinungsbild (Ordner). Nutzen Sie das Ordnerbeispiel, um Ihre Auswahl zu visualisieren.
Sobald diese eingestellt sind, gelten diese Voreinstellungen für alle Ordner, die Sie erstellen.
Manuelles Styling
Die Ordner-Styling-Einstellungen werden als Standardformat verwendet, wenn neue Ordner erstellt werden.
Wenn Sie jedoch den Ordnerstil manuell bearbeiten, sind diese Änderungen für alle Nutzer sichtbar. Sie können also diese Stil-Voreinstellungen haben, die nach Bedarf überschrieben werden.
Standard-Farbeinstellungen
Diese sollten selbsterklärend sein: Ordnerfarbe, Ordnersymbolfarbe und Dateisymbolfarbe.
Die letzte Farbeinstellung ist Ordner-Farb-Overlay.
Diese Einstellung fügt eine Farbmaske über Ordnern mit Bildern hinzu. Das Feature hilft, die Ordnernamen gut lesbar zu halten.
Standard-Ordnerstil
Wählen Sie eine Standard-Ordnergröße und gegebenenfalls ein Standard-Ordnerbild. Ordner-Coverbilder können leicht manuell geändert werden, indem Sie mit der rechten Maustaste auf einen Ordner klicken und Ordnerbild hochladen auswählen. Oder Sie klicken mit der rechten Maustaste auf eines der Bilder im Ordner und wählen Als Ordnerbild festlegen.
Die Bildgröße kann wie folgt sein:
350 x 430 px
350 x 230 px
170 x 120 px
Ihre Ordner können abgerundete oder scharfe Ecken haben, und Sie können wählen, ob kleine Ordnernamen unter dem Ordner oder große Namen über dem Ordner angezeigt werden.
Wählen Sie scharfe oder abgerundete Ecken in den Ordner-Einstellungen unter Einstellungen – Erscheinungsbild (Ordner).
Text-Overlay
Wenn der Ordnertitel über dem Ordner angezeigt werden soll, gibt es einige weitere Einstellungen. Legen Sie Textfarbe, Schriftart und Größe fest. Aktuell unterstützen wir Google Fonts, die wir auf Wunsch hinzufügen können.
Obiges bezieht sich auf die Anzeige der Ordner, bevor sie ausgewählt werden.
Im nächsten Abschnitt sehen wir, wie Sie Landingpages innerhalb Ihrer Ordner erstellen können.
PAGE EDITOR
Probieren Sie die Page Editor-Funktion aus, um die User Experience zu verbessern und Ihren Ordner in eine Landingpage zu verwandeln. Sie können Folgendes hinzufügen:
- Text
- Bilder
- GIFs
- Videos
Sie können interne Links zu Ordnern und externe Links setzen. Sehen Sie das vollständige Page Editor Video hier.
Brand-Voreinstellungen
Bevor Sie Text und Designs zu Ihren Ordnern hinzufügen, empfehlen wir, einige Textstile voreinzustellen. Diese erleichtern das Formatieren von Text beim Erstellen neuer Seiten.
Gehen Sie zu Einstellungen, Erscheinungsbild und Brand-Voreinstellungen, um Ihre Voreinstellungen für Text und Farben hinzuzufügen.
Und sie sind bereit zur Nutzung im Page Editor.
Zugriff auf den Page Editor
Der Page Editor wird im Ordner oben rechts über das Drei-Punkte-Mehr-Menü aufgerufen.
Hier können Sie neue Elemente hinzufügen, bearbeiten und anordnen. Siehe das vollständige Page Editor Video hier.
Bilder zuschneiden
Richten Sie Download-Vorlagen ein, die zu Ihren Content-Boxen passen, um Bilder direkt in Ihre Seiten-Designs einzufügen.
Sehen Sie den vollständigen Leitfaden zu Download-Vorlagen hier.
Page Editor – Designinspiration
Wir haben einige Beispiele erstellt, wie Seiten-Designs aussehen könnten.
Schauen Sie sich diese Beispiele an und lassen Sie sich inspirieren HIER.
MARKENBEREICH
Sie können auch Text unten in der linken Menüleiste hinzufügen.
Hier können Sie Abschnitte mit Text hinzufügen, z. B. Kontaktdaten oder eine Markenbotschaft.
Als Admin können Sie den Bereich nicht sehen, aber Sie können ihn für alle anderen Benutzertypen aktivieren und Links teilen.
Sie können auch Social-Media-Links hinzufügen und den Traffic von Kontainer direkt auf Ihre Kanäle lenken.
Markenbereich einrichten
Um einen Markenbereich zu erstellen, gehen Sie zu Einstellungen – Markenbereich. Direkt darunter können Sie Ihre Social-Media-Links festlegen und aktivieren.
Sehen Sie sich unseren Markenbereich-Leitfaden hier an.
FALL: EINE MARKENLEITFADEN EINSETZEN
Nutzen Sie die Anpassungsfunktionen in Kontainer, um einen Markenleitfaden zu erstellen, der leicht navigierbar ist, mit Seiten, die extern geteilt werden können, und anderen nur für den internen Gebrauch.
Weitere Anwendungsfälle könnten ein Presskit oder ein Event-Launch sein.
Ordnerstruktur
Erstellen Sie zunächst einen Markenleitfaden-Ordner und legen Sie fest, welche Unterordner Sie benötigen.
Richten Sie alle Unterordner ein, die für Sie relevant sein könnten. Der Zugriff kann intern und extern zwischen Teams, Firmen etc. differenziert werden (siehe unten).
Ihre Bedürfnisse können vom obigen Beispiel abweichen, das lediglich als Inspiration dient.
Markenseiten gestalten
Sobald Sie die Struktur abgebildet haben, können Sie Ihre Markenseiten mit Text, Bildern, Videos und GIFs erstellen.
Gehen Sie in einen Ordner und finden Sie den Page Editor im Drei-Punkte-Mehr-Menü oben rechts.
Zugriff verwalten
Legen Sie Berechtigungen nach Benutzer oder Benutzergruppe im Menü Zugriff fest.
–––
Das war’s; unser kurzer Styling-Leitfaden.
Wir können es kaum erwarten zu sehen, wie Sie Ihren Kontainer anpassen!