Zeige mehr…

Design

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

Faktoren, die das Design beeinflussen 

Inhalte

Weitere Design-Beispiele

Die Unterseiten können in der Mobilversion leider nicht aufgelistet werden.

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


Theming

Theming-Beispiele

Weitere Beispiele von bisherigen Kunden

Die Unterseiten können in der Mobilversion leider nicht aufgelistet werden.

Das Theme definieren

Bereich Element Anpassungsmöglichkeiten Screenshot Ergebnis
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/2

2/3

1/3

1/3

2/3

1/3

1/3

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

View this page in English

Zeige mehr…
Zeige mehr…