Guided walkthrough: Creating a Team site

In this article, we show you elements of an example Team site to inspire you, and help you learn how to create similar sites for your own organization.

Use a team site when you want to collaborate with other members of your team or with others on a specific project. With a team site, typically all or most members can contribute content to the site and the information is limited to only the members of the team or project and specific stakeholders. Additionally, team sites are connected to groups and a Teams channel. This makes it easy for your team to have group permissions, as well as a Teams space to chat, meet, and share files.

First, if you haven't already created a Team site, check out Create a team site in SharePoint.

If you need to learn how to edit and publish the page on your site, check out the section Manage sections and web parts in this article.

Once you've created your site and know how to edit pages, you can use the guidance below to add the elements shown.

Example Team site

Image of the hero and news web parts

  1. Team highlights and news Get visual while sharing information. Learn how
  2. Quick launch Add links to more content around the site. Learn how
  3. Inform the team Offer links, events, and content related to team work. Learn how

Image of the News web part

  1. Share news about the team Offer news items of interest to the team. Learn how

Image of the Hero web part

  1. Highlight important information Increase visibility of key information with the Hero web part. Learn how

Image of the Planner web part

  1. Display project status Use the Planner web part to show team progress on projects. Learn how

Image of the Site activity web part

  1. Display recent activity Automatically show the most recent updates to team site content. Learn how

Manage sections and web parts

Sections make up your page, and are where you place one or more web parts. While editing the page, each section will show controls to edit the layout, move, or delete the sections.

Start editing by clicking Edit on the top right of the page.

Image of the edit button at the top of the page

The + symbol before or after a section will add a section using one of several layouts.

Image of the available section layouts

For information on working with sections, see Add or remove sections and columns on a page.

To add web parts to sections, select the plus symbol image of a plus symbol in a section, which may appear before or after a web part in a section. Then select a web part to use. For more information on all web parts, see Using web parts on SharePoint pages.

Image of featured web parts

Web parts may be edited, moved, or deleted within sections. The Edit web part icon opens detailed controls unique to each web part type.

Back to top

Team highlights and news

The first section of this example page uses a two-column layout. In the first column is a Hero web part that uses a one-tile layout to link to information introducing a new team member. Above that is a Text web part with a title. In the second column is a News web part that uses a list layout. Above that is a Spacer web part to help align the two web parts.

Learn how to use the Hero web part and the News web part.

Image of the Hero and News web parts on a site

Quick launch

You can quickly and easily customize the organization and navigation of your SharePoint site. Edit the Quick launch menu by selecting Edit at the bottom of the menu.

Image of the Quick launch menu

Select the ... on the right side of each menu item to Edit, Move, or Remove an item.

Image of the menu options

While editing, your drafts can either be saved for later or discarded. When your page updates are ready, select Publish to make them visible to site viewers.

Image of the Publish button

Back to top

Inform the team

The second section in this example is in a three-column layout and includes the Quick links web part, the Group calendar web part, and the Document library web part.

Image of the three-column layout with web parts

The Quick links web part offers several easy-to-use menu formats for listing links to other pages or sites. In this Team site example, this web part uses the Tiles layout with small icons for quick and easy reference.

Image of the Quick links web part

For more details on using the Quick links web part, see Use the Quick links web part.

Group calendar

The Group calendar web part automatically shows meetings and appointments that are on your Office 365 group calendar. Office 365 groups and their associated calendars are created automatically when you create a team site.

Image of the Group calendar web part

For more information on the Group calendar web part, see Use the Group calendar web part.

List web part

Display site content including documents where the team can easily find it. You can use lists either as a document library or to track information.

Image of the List web part

For more details on using the List web part, see Using the List web part.

Back to top

Add important news with the News web part

Team sites allow you to show news for the entire team or filter news tailored to the interests of specific users. In this example, the News web part uses Recommended for current user as the source and a Side-by-side layout in a one-column section with a background.

Image of the News web part with layout options

For more details on using the News web part, see Use the News web part on a SharePoint page

Back to top

Highlight important information

Let your team know what's most important with high-impact hero images, company branding, and important news. The Hero web part allows you to use large and eye-catching images to draw immediate attention to the most important information on your site. The layout used in this example is Two tiles.

The power of tiles

Tiles can include images, topic headings, titles, descriptions, and a call to action link. Other adjustments include image scaling and setting the focus for the image zoom animation.

Each tile can be edited

Use the Move item control on the left to rearrange the tiles within the Hero web part. Controls on the right allow you to Edit details to adjust the text and image, Set focal point for the hover animation, and Zoom in and Zoom out of the image.

In this example, the Hero web part is in a full-width section.

Image of the Hero web part on a page

For more details on using the Hero web part, see Use the Hero web part

Back to top

Show project status

If you use Microsoft Planner to manage your projects, and have a plan created, you can use the Planner web part to show status for that plan on your SharePoint site.

Image of the Planner web part on a page

For more details on using the Planner web part, see Use the planner web part

Back to top

Show team activity with the Site activity web part

The activity web part has only one setting - how many items to show. Activity shown by the web part includes page updates and all documents stored on the team site.

In this example, the web part is in a one-column section.

Image of the Site activity web part on a page

For more details on using the Site activity web part, see Use the site activity web part

Back to top

Want more?

Get inspired with more examples in the SharePoint look book.

See other guided walkthroughs for creating sties for your organization.