Internal SharePoint Knowledgebase

Training Hub

View a Video of the Website in Action >

View My Process >

Background: SharePoint Website

Problem: Your team needs to organize training materials for every day use and new employee onboarding.

However, clunky design choices can create a poor user experience, making employees avoid the site altogether.

Sound familiar?

When I create internal documentation or training websites (via SharePoint or other website platforms), I leverage my website building and graphic design experience, as well as my instructional design expertise. My goal is always to build a clean, streamlined site that is not only visually pleasing, but also user-friendly. I create sites that staff memebers consider an asset to their day and workflow.

This project is a sample SharePoint site I built to give you an idea of the type of clean and functional design I bring to any web design.

Details

Date: 2025
Purpose: Portfolio piece based on internal training and documentation SharePoint sites I've built in the past for various teams
Solution: SharePoint Training Hub Website

Tools

SharePoint
Canva
Pexels (Stock Photos)

Skills

Web Design
Wireframing
Instructional Design
Graphic Design

The Design Process

Problem: How do I create an internal training website that is user-friendly that staff actually find value in and will use?

Web Design

Over my career, I've created 25+ websites and blogs on various platforms; SharePoint, Google Sites, Wix, Weebly, Blogger, and more.

Throughout each website I design, my goals always remain the same: make it sustainable (easily updatable and easy to add/remove parts for changing business needs), make it user-friendly, make it clean/streamlined/easy to scan, make it look cohesive and pleasing to the eye so that people actually want to use it.

Building the Site: My Process

SharePoint is more limited in its design capability than other web building platforms, but with recent upgrades, the funcitionality has become better.

The first thing I do when designing a website is create an overall outline for the website itself. I determine what content I want on the site, and what pages I'll need.
Next, I look at the available templates. These give me a starting point and make the design of the site a lot faster.
After determining what templates I want to use (or what parts of the templates), I sketch out a wireframe (very simple mockup) of the website. This helps me visualize how I want the page to look and function.
Typically, I'll use whatever brand colors the organization has for the color scheme of the site. But if I'm building a site without this direction, I'll create a palette of colors that work well together. For this sample SharePoint site, I chose an olive green, with a light kakhi, and a muted gray/navyblue as my main color palette.
If there are any assets (like custom graphics or images) I know I need, I create those. For this project, I created the company name, general industry, team structure, and custom logo for the site.
Then, I built the pages, going back to find additional stock photos to create a cohesive flow from image to image and page to page.
Lastly, I reviewed the pages to make sure it looked visually cohesive on the full page and items were functioning as expected.