Guided walkthrough: Creating an organization site

In this article, we show you elements of an example enterprise landing site to inspire you, and help you learn how to create similar sites for your own organization. In this example, the site emphasis is on news, resources, and personalized content. You'll see which web parts on used in different sections, and you'll see links for more information on each web part.

First, if you haven't already created a Communication site, check out the Create your site section in this article. 

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

Example enterprise landing site

Sample modern Enterprise Landing site in SharePoint Online
  1. Navigation

    Quickly guide visitors to the information they're looking for with site navigation. Learn how

  2. News and events

    Keep everyone up to date on the latest happenings. Learn how

  3. Quick links

    Format the Quick links web part with icons, images, and descriptions. Learn how

  4. Important information

    Display  important documents and files. Learn how

  5. Personalization

    Use web parts designed to dynamically provide personalized information for the user. Learn how

Create your site

To make a site like the one shown here, you'll create a Communication site. To do this, click Create site from the SharePoint start page (or, if you're going to associate this site with a Hub site, navigate to the hub site and click Create site there so that the communication site is automatically be associated with that hub site).

Create Site command

Next, choose Communication site, and then the Topic layout. Fill out your site name, description, and other information, and click Finish. Then you'll get a template with the same type of layout as the example in this article.

Create a SharePoint communication site

For more details, see Create a communication site in SharePoint Online.

Back to top


You can quickly and easily customize the organization and navigation of your SharePoint site.

Navigation bar

Select Edit on the top menu to add and arrange links. 

Add a URL link to the left navigation of a SharePoint team site

Learn more about customizing the navigation on your SharePoint site.

Back to top

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. 

If your page is not already in edit mode, select Edit on the top right of the page.

Edit button on Page top bar

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

Section layouts

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

To add a web part to a section, select the plus symbol SPO Plus sign , which may appear before or after a web part in a section. For more information on all web parts, see Using web parts on SharePoint pages.

Web part toolbox

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

Web part tools.

Back to top

Keep everyone up to date

The Enterprise Landing page uses two different News web parts: one using the Carousel layout (on top) and the other using the Top story layout. In the example above, they are both in the first column of two-column sections on the page. In the second column is an Events web part that you can use to display upcoming events and activities, and below (in the second section) is the Countdown timer web part to generate excitement for things like an upcoming event, activity, or launch.

Sample News web part input for modern Enterprise Landing site in SharePoint Online

Countdown timer web part in sample modern Enterprise Landing site in SharePoint Online

Back to top

Quick links

Using buttons, icons, and descriptions you can turn simple links into guidance to help visitors find the sites they need.

In the example, the Quick links web part is in a separate, one-column section. It also has a section background.

In this Enterprise landing site example, this web part uses the List layout with icons and descriptions added. To get this look, choose Show descriptions when you choose the List layout for the Quick Links web part. Then, use the Edit pencil under each individual link where you can add your own description.

Sample Quick Links web part input for modern Enterprise Landing site in SharePoint Online

Back to top

Personalized web parts

The Sites (left column), Highlighted content (middle column), and News (right column) web parts are in a separate, three-column section. Each have the ability to filter content based on the current viewer of the site. These kinds of web parts used in this way can help draw viewers back to the page to see their latest visited sites, content and news.

Sample Personalized web part input for modern Enterprise Landing site in SharePoint Online

For more details on using these web parts, see Use the Sites web part, Use the Highlighted content web part, and Use the News web part on a SharePoint page.

Back to top

Documents and files

Display a file on the page with the File viewer web part. You can display Word, PowerPoint, Excel, PDF and 3D model files, as well as many more types. In the example, two File viewer web parts are shown in two columns. One displays a Word document, and one displays a PowerPoint presentation.

File viewer web part in sample modern Enterprise Landing site in SharePoint Online

File viewer web part showing a PowerPoint slide

Back to top

Want more?

Get inspired with more examples in the SharePoint Look Book.

Need more help?

Expand your Office skills
Explore training
Get new features first
Join Office Insiders

Was this information helpful?