Inhalte des Workshops

Der Design-Workshop ist der wichtigste Schritt bei der Bestimmung des Layouts oder der Oberfläche Ihres Intranets. Designer und Berater von //SEIBERT/MEDIA arbeiten mit Ihnen auf eine interaktive Art und Weise, um das Layout Ihres neuen Intranets zu entwerfen.

Hierbei werden auch Whiteboards und Post-its zum Einsatz gebracht. Unser Ziel ist es, in diesem Workshop das Basis-Layout mit allen Elementen, wie dem Logo, den Konzernrichtlinien und dem Corporate Design, zu entwickeln. Zusätzlich werden die Inhalte des Dashboards und der Bereichs-Homepages definiert.

Wichtig: Der Design-Workshop ist ein interaktiver Tag, zu dem die Teilnehmer ihre Kreativität mitbringen müssen. In Vorbereitung auf den Workshop sollten sich alle Teilnehmer mit dem Corporate Design ihres Unternehmens vertraut machen und einen Link dazu von dieser Seite mit einschließen.

Zielgruppe

Der Projektleiter des Kunden und das Projekt-Kernteam, Kollegen aus der Design-/Marketing-Abteilung und aus der Corporate Design-Abteilung sollten teilnehmen. Von //SEIBERT/MEDIA werden der Projektleiter, Designer und Berater dabei sein.

Ziele des Design-Workshops

Festlegung des Themes unter Berücksichtigung des Corporate Designs
Festlegung der Inhaltselemente und Aufteilung des Dashboards und der Bereichs-Startseiten

Faktoren, die das Design beeinflussen

Corporate Design
Unternehmenskultur
Anwendungsfälle (Projektarbeit, Dokumentation, News-Kommunikation, Kollaboration, Kundenkommunikation)
User (Anzahl, Hintergrund, Aufgabengebiet, Stresspegel, Häufigkeit der Nutzung)

Inhalte

Weitere Design-Beispiele

Linchpin - Design-Beispiele

Wie ist die Situation im Unternehmen?

Wofür wird Confluence eingesetzt?
Wieviel User gibt es?
Welche Browser werden genutzt?
Was für Monitore werden eingesetzt? (Größe, Auflösung)
Ist eine mobile Nutzung geplant? (Confluence Standard)
Welche Confluence Version wird genutzt?

Vorteile des Linchpin-Designs

Prominentes Suchfeld
Einfacher Zugriff auf Funktionen durch zusätzliche Sidebar
Zusätzliche Elemente im Footer
Teaserboxen
Menübar mit bis zu drei Ebenen und frei wählbaren Titeln sowie Links
Clean Dashboard
...

Theming

Theming-Beispiele

Weitere Beispiele von bisherigen Kunden

Linchpin - Design-Beispiele

Das Theme definieren

Bereich	Element	Anpassungsmöglichkeiten	Screenshot
Dashboard	Dashboardaufbau	Standard oder Linchpin Dashboard. Im Standard kann die Breite der Welcome-Message definiert werden (%)
Kopfbereich	Logo	einfügen oder ausblenden
	Logopositon (recht oder links)	(Das Logo ist nicht frei skalierbar oder postionierbar, Datei muss in finaler Größe hoch geladen werden)
	Headerhöhe	80 – 140 px
	Hintergrund Kopfbereich	Farbe
	Hintergrund Kopfbereich (optional)	Bild einfügen (auf Dashboard mit/ohne Unterseiten) Höhe 140 px, max. Breite 3000 px
	Portalname (optional)	Name
	Portalname (optional)	Farbe
	Portalname (optional)	Schriftgröße (Zwischen 15 und 100 px)
	Icons (Inbox und Pfeil neben Profil)	Farbe
	Benachrichtigungszähler (Kreis mit Zahl)	Hintergrundfarbe (die Zahl ist immer weiß)
Menü (bei installiertem NME)	Menüezeile Hintergrund	Farben
	Menüezeile Schrift	Farben
	Menüezeile Hover Hintergrund	Farben
	Menüezeile Hover Schrift	Farben
	Untermenü Schrift	Farben
	Untermenü Schrift Hover	Farben (Muss bei aktuellem NME Stand über Custom CSS nachgepflegt werden)
	Untermenü Hintergrund Hover	Farben
Footer	Hintergrund	Farbe
	Headline	Farbe
	Links	Farbe
	Linke Spalte	Text und Verlinkung
Links & Buttons	Erstellen-Button Hintergrund	Farben
	Erstellen-Button Hintergrundhover	Farben
	Erstellen-Button-Button Schrift	Farben
	Primär-Button Hintergrund	Farben
	Primär-Button Hintergrundhover	Farben	Wie Erstellen-Button
	Back-to-top-Button Hintergrund	Farben
	Back-to-top-Button Hintergrundhover	Farben	Wie Erstellen-Button
	Back-to-top-Button Schrift	Farben	Wie Erstellen-Button
	Globale Verlinkungen (Textlinks, Iconlinks, Markierungen innerhalb von Linchpin-Plugins)	Farben
Linchpin Sidebar	Tabs Favoriten (Standard) Apps (Appcenter) Kontakte (CUP)	Text- Variante oder Icon-Variante
	Tab Hintergrundfarbe	Text \| Icon
	Tab Text/Iconfarbe	Text \| Icon
	Tab Text/Icon Hover/Aktivfarbe (Hintergrund wird automatisch weiß)	Text \| Icon
	Linchpin-Sidebar komplett ausblenden
Inhalte	Panelbox Info	Farbe
	Panelbox Warnung ( ! )	Farbe
	Panelbox Tipp	Farbe
	Panelbox Hinweis	Farbe
	Panelicons	Farbe (Alle Icons können nur eine Farbe haben. Standard = Weiß)
Teaser (Extra Plugin, nicht LTP)	Border (Standard #cccccc)	Farbe
	Hintergrund	Farbe
	Headline	Farbe
	Schrift	Farbe
	Icon-Pfeil	Farbe
Login	Header	Folgende Änderungen im Bereich Header wirken sich auf den Login Bereich aus: Logo Logo Postion Headerhöhe Hintergrundfarbe Portalname, Farbe und Schriftgröße

Das Dashboard

Struktur innerhalb von Confluence

Raster

1/1

1/2

1/3

Welches Plugin sollte in welchem Raster verwendet werden

Makro	1/1	1/2	2/3	1/3
Coverstories 4 Kacheln
Coverstories 6 Kacheln
Coverstories 8 Kacheln
Corporate News Feed / Personal News Feed
Zuletzt aktualisiert
Events Liste
Events Kalender
Microblog

Dashboard-Beispiele

Big Corporation

We are family

Let’s work together

Internes Marketing - Den Einstieg in das neue System erleichtern

Erklärendes Video (Die ersten Klicks, was finde ich wo)
Jede Woche eine Newsstory, in der ein neues Feature erklärt wird
Direktlink auf Intranet Knigge (Do's and Don'ts)
Ein eigener Intranet-Name

View this page in English

Untergeordnete Seiten