New Google Sites ePortfolios


Google released the New Sites interface in November 2016. The new interface is more intuitive, modern, with new themes and better interoperability with other Google products. Although the New Sites is still missing a comment feature, in June of 2018, the option to convert the Old Sites to the New Sites format became available. For more information, go to the Convert your site to new Sites Google Help page.


Getting Started

New Google Sites offers a sleek interface with drag and drop options and more responsive design. To start your new eportfolio, make sure you are using a personal Gmail account so the site you create leaves with you when you graduate. UW Bothell eportfolios are built using New Google Site or a web platform of your choice.

This page provides instructions and links to tutorials to the New Google Sites interface to build an eportfolio.

Steps to get started:

  • Navigate to the New Google Sites homepage in Google Chrome or Firefox and log in using your personal Gmail.
    If you are already logged in to Gmail, you can access Google Sites from the Google Apps icon Google Apps Iconnext to your Google account icon on the top right of the page.
  • After login, if you are redirected to the Classic Google Sites, click on the New Google Sites link.

    Old Google Sites home page

Sample ePortfolio

This sample eportfolio submitted by a former student has the main elements of a BIS 499 Capstone ePortfolio using New Google Sites.

ePorfolio Requirements

These instructions are for general eportfolio creation using the new Google Sites.
Check with your instructor for specific requirements.

First Step: Create Artifact Folder in Google Drive

To get started, watch this Google Drive Video Tutorial. Once you are ready to proceed, follow these instructions to create your artifacts folder.

  1. Create folder in Google Drive, name [Course]_[LastName]_Archivedepending on your course.
  2. Share the [Course]_[LastName]_Archive folder by giving viewing access by selecting "On - Anyone with the link can view".  This makes anything you put in the folder viewable by your instructor or peers when you add the artifacts to the eportfolio. This action does not make folder content searchable in Google.

You MUST put all your artifacts in the [Course]_[LastName]_Archive folder before embedding any them into the eportfolio. This ensures that your instructor (and others) can access the individual artifacts.

More Google Drive tutorials:

Create, Name, and Share your ePortfolio

Create and Name your ePortfolio

Enter "[School or Program] ePortfolio [LastName] , [FirstName]  [Major Code]" (e.g.., "IAS Portfolio Doe, Jane MCS") in the Site Document name field at the top of the page and press the Enter key. All changes save in real time, similarly to Google Docs. See Name your ePortfolio for more information.

You can always add a new page with subpages for the capstone eportfolio or other topics.

More tutorials to continue setting up your eportfolio:

ABOUT ARTIFACTS: Before you add any of your artifacts to the site, make sure you have created the Archive folder and put your artifacts there. See First Step: Create Artifact Folder in Google Drive instructions.

Share your ePortfolio

You must publish and share your final eportfolio with your instructor(s) as an editor in order to allow them to provide direct feedback via comments. Also, change the general access from "Private" to  "On - Anyone with the link can view".

Update and Personalize your ePortfolio

As part of your program requirements, each page and sub-page should have the following:

  • Main text area with copied/pasted text content (use Text Box from the Insert menu)
  • Embedded Artifacts from Google Drive (use From Drive from the Insert menu)

    New Google Sites Insert menu, highlighting the "Text box" and the "From Drive" options
  • Once From Drive opens, make sure you are in list view. You can tell because instead of folder tiles you'll be able to see the last modified date of each item.
    From Drive in Folder View mode highlighting the last modified date column
    If you are in Gird View mode, you can change it by clicking on the view toggle. As you put put mouse cursor over it, it will say "List". Once clicked, the icon will change to four little squares as show in the previous image.

    From Drive Grid View mode highlighting the toggle icon to change to list view
  • Optional: You can also insert Divider lines to better organize your content on a page. Usual elements on a page: Text box, headings (paragraph text formatted), divider lines, embedded artifacts.
    BIS 499 ePortfolio page showing text boxes used as sections and divider lines

For more tutorials, see the following link from the G Suite Learning Center:

Share and Publish your ePortfolio

(from the G Suite Learning Center)