Essential intranet design examples and templates

 Use  SharePointNA Registration Discount Code : YARO

Origami's mid-year update brings a new array of configurations for your intranet design to make every page stand out. You can do this if you already have an intranet and want to take advantage of a fresh new look on your pages. If you're starting with a brand new intranet, even more options are available to you.

We've put together a few of our favorite design configurations to help you come up with some amazing ideas.

Everything you see here has been put together with tools available in Origami and SharePoint. With a just little bit of content, you have a shiny new intranet design waiting for you.

Information Article Page

This simple yet common design makes up for the majority of intranet information pages. The main strength of this page design is the simplicity. Users expect to quickly scan the content for what they're looking for, and this design delivers just that very well.

Here are some common user cases for an information article page:

  • Who We Are
  • Delivery Processes
  • Guidelines & Procedures
  • Employee Benefits Information
  • Process Stages
  • Knowledge Base Article

Here are two examples of what an information page can look like:

  Intranet Information Landing Page - clear headings and sections describe groups of content on the page. Set of links [Popular Content] helps users identify forms, templates, and other articles they may want to read.

Intranet Information Landing Page - clear headings and sections describe groups of content on the page. Set of links [Popular Content] helps users identify forms, templates, and other articles they may want to read.

  Intranet Information Article Page - features content broken down into key sections helping users find areas they're looking for. Contacts allow users to ping relevant contributor if information is inaccurate or missing. FAQ allows authors to answer popular questions. Relevant Documents are handy for templates or forms relevant to the article.

Intranet Information Article Page - features content broken down into key sections helping users find areas they're looking for. Contacts allow users to ping relevant contributor if information is inaccurate or missing. FAQ allows authors to answer popular questions. Relevant Documents are handy for templates or forms relevant to the article.

Both pages are using 2 and 3 column layout. When we read text, our horizontal attention leans towards the left, that's why we recommend stacking key content in the left column while any supporting content (forms, templates, etc), to the right.

Resources or Department Site

The Resource site is there to provide references built by a specific team or a department for the rest of the organization.

Typical use cases for the [Resource] or [Outward Facing Department Site] include:

  • Marketing Resources Site
  • HR Information Site
  • New Employee (or Onboarding Information) Site
  • Department Initiatives Site

Here is how a landing page for this site could look like:

  Intranet Department or Resource Site Landing Page - a place for staff to find resources produced by a specific team or purpose. [Featured] content at the top helps draw attention to latest or most popular articles (see Information Page); followed by [In This Site] helping users to key content on the site.   Contacts helps finding relevant site contributors; FAQ is also an easy way to answer popular questions.

Intranet Department or Resource Site Landing Page - a place for staff to find resources produced by a specific team or purpose. [Featured] content at the top helps draw attention to latest or most popular articles (see Information Page); followed by [In This Site] helping users to key content on the site. Contacts helps finding relevant site contributors; FAQ is also an easy way to answer popular questions.

This page uses the 2 column layout available in SharePoint out-of-the-box. It takes about 20 min to manually put together content on this page with combination of Origami and SharePoint tools.

Forms and Templates Center

If there is one area each intranet should have, it's some place where staff can access samples and templates. Samples are essential to knowledge management and retaining organizational knowledge. If more of your staff can find relevant samples, the less work they need to do from the scratch.

Here is an example of how a typical Forms and Templates site looks like:

  Forms and Templates Center - helps staff find relevant samples and forms. On the left hand side - [Tags], allows to filter forms by relevant category. Search box and preview panel in a center allows to quickly read more about the form before opening or downloading it. Contact   person allows to quickly reach out in case relevant form doesn't exist. Finally, if there are any recently updated forms, they will automatically show up under [Latest Updates]

Forms and Templates Center - helps staff find relevant samples and forms. On the left hand side - [Tags], allows to filter forms by relevant category. Search box and preview panel in a center allows to quickly read more about the form before opening or downloading it. Contact person allows to quickly reach out in case relevant form doesn't exist. Finally, if there are any recently updated forms, they will automatically show up under [Latest Updates]

Here are the other types sites which can be served using Forms & Templates Center type layout:

  • Resources
  • Glossary Database
  • Policies and Procedures
  • Knowledgebase

Above template uses [Blogs] landing site in SharePoint online with Origami enhancements to show tags, search, and accordion-like list. The interface is connected to a document library allowing for approval of each template before it's published for everyone to see.

Projects & Workspaces

One of the primary objectives for any intranet is the ability to store documents and be able to find them easily. Documents are often grouped by a client, project, initiative, and other workspace sites. It's important to help your team find the relevant groups.

Project and Workspace template shown below allows staff to immediately search by their project and add them to individual favorites for quick access in a future.

  Project and Workspace Site Directory - allows to quickly search and access your staff cares about. Personal favorites are displayed at the top. Project managers and authorized staff can create new sites.

Project and Workspace Site Directory - allows to quickly search and access your staff cares about. Personal favorites are displayed at the top. Project managers and authorized staff can create new sites.

Here are few other use cases for the Project & Workspace site:

  • Document and Record Center
  • Team Site Landing

Employee Engagement and Communication

Having a place on your intranet for employees truly helps build the culture and connect, especially for new staff members. You can increase employee engagement by adding a few interactive tools where staff can comment and post ideas.

Here is an example of our employee landing page:

  Employee Engagement and Communication features distinct banner followed by the list of key links promoted by the company. [Ideas & Feedback] let's employees post ideas and others to comment or [like] them. [Quick Poll] will capture opinions on the latest hot topic and allow others to suggest a poll. [Classifieds] serve as an internal marketplace and fundraiser. [Recognitions] allow employees and management nominate others for the job well done.

Employee Engagement and Communication features distinct banner followed by the list of key links promoted by the company. [Ideas & Feedback] let's employees post ideas and others to comment or [like] them. [Quick Poll] will capture opinions on the latest hot topic and allow others to suggest a poll. [Classifieds] serve as an internal marketplace and fundraiser. [Recognitions] allow employees and management nominate others for the job well done.

All components on this page are built on a top of SharePoint existing framework, so you can always enable approval or alerts to manage content before it's published. Whether it's a new idea suggestion or shout out, managers can turn on auto approval or moderation depending on company policies.

Thanks for making it this far. If you have an existing intranet needing an upgrade, be sure to get in touch with us to see how easy it is to apply these beautiful templates to your existing site.

Turnkey, no-hassle intranet for your organization

ypentsarskyy_2016_small.jpg

Yaroslav Pentsarskyy is the founder of OrigamiConnect, a rapidly growing service and product offering which enables organizations to get an intranet designed for them without starting from a blank page. He's also 8 time Microsoft MVP, speaker at many local and worldwide tech events, and a published author of several SharePoint related books.

@spentsarsky