Skip to end of metadata
Go to start of metadata

Introduction

The Design Workshop is the core event to specify the layout of the intranet. Designers and consultants from //SEIBERT/MEDIA work with you in an interactive format to design the layout for your new intranet. Whiteboards and post-its will be used in various ways. Our goals for this workshop are to develop the basic layout including all elements, such as a logo, corporate guidelines and matching the corporate design. In addition, the contents of the dashboard and the space homepages will be defined. 

Important: The Design Workshop is an interactive day where participants need to bring their creativity. To prepare for the workshop, all participants should familiarize themselves with the Corporate Design, and include a link to it from this page.

Target group

The customer's project leader and project team, as well as representatives from corporate design or the design department should attend. The project leader, designers and consultants from //SEIBERT/MEDIA will attend.

Goal of the design workshop

  • Determine the theme of the intranet taking into account the corporate design guidelines.
  • Define the content elements, dashboard layout and space homepage layout and content.

 Factors that impact design

  • Corporate design
  • Corporate culture
  • Use cases (project work, documentation, news communication, collaboration, customer communication)
  • Users (number, background, task area, stress level, frequency of use)

On this page

Additional design examples


What is the situation in your company?

Why is Linchpin being introduced? 
How many users are there? 
What browsers do users use? 
What monitors are used? (size, resolution) 
Do you want to use it on mobile devices? 
What Linchpin/Confluence versions are being used? 

Advantages of the Linchpin design

  • Prominent search field
  • Easy access to functions through an integrated sidebar
  • Additional elements in the footer
  • Teaser boxes
  • Menu bar with up to three levels and freely configurable item names and links
  • Clean dashboard
  • ...


Theming

Theming examples

More examples from existing customers

Defining the theme

SpaceElementCustomization optionsScreenshotsYour site
DashboardDashboard layout/content

Standard or Linchpin dashboard. The width of the welcome message can be defined in the standard dashboard (%) 


HeaderLogo

display or hide 


 Logo position (right or left)

(The logo is not freely scalable or positionable, file must be uploaded at its display size) 


 Header height

80 – 140 px 


 Header background

Color 


 Header background (optional)

Use an image (on dashboard with/without subpages) Height 140 px, max width 3000 px 


 Intranet name (optional)

Name 


 Intranet name (optional)

Color 


 Intranet name (optional)

Font size (between 15 and 100 px) 



 Icons (Inbox and arrow next to profile image)

Color 


 Notification indicator (circle with number)

Background color (the number is always white) 



Menu (when NME is installed)Menu background

Color 


 Menu text

Color 


 Menu hover background

Color 


 Menu hover text

Color 


 Submenu text

Color 


 Submenu hover text

Color   (Using the current NME update this via custom CSS)


 Submenu hover background

Color 


FooterBackground

Color 


 Titles

Color 


 Links

Color 


 Left column

Text and links 



Links & buttonsCreate button background

Color 


 Create button hover background

Color 


 Create button text

Color 


 Primary button background

Color 


 Primary button hover background

Color 


 Back-to-top button background

Color 



 Back-to-top button hover background

Color 

Same as the Create button
 Back-to-top button text

Color 

Same as the Create button
 Global links (text links, icon links, labels within Linchpin apps)

Color 


Linchpin sidebar

Tabs

  • Favorites (Standard)
  • Apps (App Center)
  • Contacts (CUP)

Text or icons 



 Tab background color

Text  | Icon 


 Tab text/icon color

Text  | Icon 


 Tab text/icon hover/active color (background is white by default)

Text  | Icon 



 Completely hide the Linchpin sidebar


Content

Info  panel

Color 


 Warning ( ! ) 

Color 


 

Tip  panel

Color 


 

Hint  panel

Color 


 Panel icons

Color  (All icons can have only one color, default = white)


Teaser (available with a separate app, not LTP)

Border (standard #cccccc)

Color 


 Background

Color 


 Titles

Color 


 Text

Color 


 Arrow icon

Color 


LoginHeader

The following changes in the header area affect the login dialog:

  • Logo 
  • Logo position 
  • Header height 
  • Background color 
  • Intranet name, color and text size 



The dashboard

Location within Confluence/Linchpin


Column layouts

1/1

1/2

1/2

2/3

1/3

1/3

2/3

1/3

1/3

1/3

Which apps should be used with which column layouts

Macro1/11/22/31/3
Cover Stories 4 tiles  

 
Cover Stories 6 tiles

   
Cover Stories 8 tiles

   
Corporate News Feed / Personal News Feed 

 
Last updated 

Event List 

Event Calendar 

Microblog 

 

Dashboard examples

Big Corporation

We are family


Let’s work together


Internal marketing - make it easier to get started with the new system

  • Explanatory video (your first clicks, what to find where)
  • Every week, publish a news story explaining a new feature
  • Direct link to code of behavior (do's and don'ts)
  • Your own intranet name
  • No labels