# Cedarworks construction intranet > A concept design for a SharePoint Online intranet homepage built for a commercial construction firm (Cedarworks Construction). Slate blue and amber palette, project highlights, KPIs, news and safety hub, built entirely from out-of-the-box web parts. [← The Studio](https://tenantcraft.ca/work) Scenario · Communication site ## A construction firm intranet A concept of a SharePoint Online homepage for a fictional builder, Cedarworks Construction. Every block is a standard out-of-the-box web part: hero, quick links, news, events, image plus text, and a Power BI tile for the on-time gauge. - **Audience** field crews and project managers - **Brand palette** slate blue and safety amber - **Licensing** Microsoft 365, no add-ons cedarworks.sharepoint.com/sites/intranet SharePoint Search this site CW Cedarworks Construction Not following Site access New Page details Analytics Published 5/10/2025 Share Edit ![](https://tenantcraft.ca/images/lookbook/construction/hero.jpg) ## Building Connections Beyond the Job Site ![](https://tenantcraft.ca/images/lookbook/construction/news-1.jpg) 01 CTA Safety Portal ![](https://tenantcraft.ca/images/lookbook/construction/news-2.jpg) 02 Job Bids ![](https://tenantcraft.ca/images/lookbook/construction/news-3.jpg) 03 Active Jobs ![](https://tenantcraft.ca/images/lookbook/construction/project-1.jpg) 04 Timesheets & Payroll --- ### Document Center - Quick Access to Key Documents - Standard Operating Procedures - Safety Manuals - Blueprints / CAD Drawings Library - Project Bidding Guidelines ### Health & Safety Hub - Safety Incident Reports (YTD) - Safety Resources Library - Report a Safety Concern - Safety Resources Library - PPE Guidelines & Request Form ### Employee Resources - Timesheet Submission - Expense Reimbursement Form - Equipment Request Form - Union Agreements & HR Policies - Field Equipment Check-Out Procedures ### Company News Add See all ![](https://tenantcraft.ca/images/lookbook/construction/news-1.jpg) Q3 safety performance exceeds targets Cedarworks Construction passed its Q3 safety audit with zero lost-time injuries across all 14 active sites.![](https://tenantcraft.ca/images/lookbook/construction/news-2.jpg) Cedarworks opens new regional office A new regional office in Halifax brings field engineering and bid support closer to East Coast projects. ![](https://tenantcraft.ca/images/lookbook/construction/news-3.jpg) Riverside Bridge takes Excellence in Engineering Award The State Engineering Association recognised the Riverside Bridge rebuild for its safety record and finish quality. ### Events Add event See all ![](https://tenantcraft.ca/images/lookbook/construction/event-1.jpg) _OCT_20 Annual Safety Week Mon, Oct 20, All day ![](https://tenantcraft.ca/images/lookbook/construction/event-2.jpg) _NOV_5 Quarterly All-Hands Meeting Wed, Nov 5, 11:30 AM ![](https://tenantcraft.ca/images/lookbook/construction/event-3.jpg) _NOV_13 Global Innovation Day Tue, Nov 13, 12:30 AM ![](https://tenantcraft.ca/images/lookbook/construction/event-4.jpg) _DEC_12 Company Christmas Party Fri, Dec 12, 6:00 PM ![](https://tenantcraft.ca/images/lookbook/employee.jpg) MARIA LOPEZ **Employee of the Month** Recognising Maria Lopez, Site Supervisor, who closed the Riverside Bridge quarter with zero incidents and the crew’s best inspection score on record. ### Project Highlights Riverside Bridge Renovation - Progress65% Complete - DueDec 2025 - BudgetOn Budget (92% of funds allocated) - Safety0 Incidents YTD 85 Crew Members On-Site ![](https://tenantcraft.ca/images/lookbook/construction/project-1.jpg) Eastside Hospital Expansion - Progress40% Complete - DueJune 2026 - BudgetSlightly Over Budget (+4%) - Safety1 Minor Incident YTD 120 Crew Members On-Site ![](https://tenantcraft.ca/images/lookbook/construction/project-2.jpg) Downtown Tower - Progress15% Complete - DueSept 2027 - BudgetOn Budget - Safety0 Incidents YTD 60 Crew Members On-Site ![](https://tenantcraft.ca/images/lookbook/construction/project-3.jpg) ### KPIs & Dashboards Active Projects: 18 _May__Jun__Jul__Aug__Sep_ Safety Incidents: 2 2020 2021 2022 2023 2024 2025 Projects On-Time: 92% _0%__25%__50%__75%__100%_ Workforce: 1,250_Employees_ 2022 2023 2024 2025 Need help with your SharePoint implementation? Email us at [hello@tenantcraft.ca](mailto:hello@tenantcraft.ca) Concept design, hand-coded to preview the layout. Cedarworks Construction is fictional; all names, numbers and photos are illustrative. The real page is built directly in SharePoint. Want help building yours? [hello@tenantcraft.ca](mailto:hello@tenantcraft.ca) No code, out of the box ## What you’re looking at Nothing on that page is custom-built. Every block is a standard SharePoint web part, set up by an editor with permission to the site. **Click a card** to see the exact steps for building it. 01 Hero web part The slate-blue band with the serif "Building Connections Beyond the Job Site" headline is the standard Hero web part in One Tile layout, with a job-site photo as the background and a coloured wash on top. How it is built 1. On the home page, click **Edit**. Add a section, **One column**, just below the site header. 2. Click **\+ Add a web part** and pick **Hero**. Layout: **One tile**. 3. Click the tile, then **Edit**. Upload the job-site photo; set the focal point on the worker. 4. Set heading to _Building Connections Beyond the Job Site_. Toggle _Show text block_ on. 5. In the section properties, set the section background to slate-blue. The Hero overlay picks it up automatically. 6. Republish. The Hero anchors the home page and the slate band reads as a brand-coloured banner. 02 Quick Links: numbered tiles The four numbered tiles overlapping the hero are a Quick Links web part in Compact layout, with photo backgrounds and the large amber numerals added through item images. How it is built 1. Add a section directly below the Hero, **One column**, with negative top margin (use the _Pinned_ overlap pattern). 2. Click **\+ Add a web part** and pick **Quick Links**. Layout: **Compact** (4 tiles wide). 3. Add four items: _Projects_, _Safety_, _Resources_, _People_. 4. For each tile, choose **Image from this site**. Upload a job-site thumbnail and an amber numeral overlay (01/02/03/04) as the icon. 5. Toggle **Show description** off; the caption alone keeps the tile clean. 6. Set each link to its destination page in the same site (Projects library, Safety hub, etc.). 03 Coloured resource panels The amber and slate side-by-side cards (Field Resources / Safety Hub) are two Quick Links web parts in Button layout, each placed inside a coloured Section background. How it is built 1. Add a section, **Two columns**. Set the left column background to _Amber_, the right to _Slate_. 2. In each column, click **\+ Add a web part** and pick **Quick Links**. 3. Switch the layout to **Button** so the items render as pill buttons. 4. Left panel _Field Resources_: add 4 buttons (Drawings, Specs, RFI form, Daily logs). 5. Right panel _Safety Hub_: add 4 buttons (Incident report, Toolbox talks, SDS library, Hot work permit). 6. Set the section header font to match the brand display face; the result is two coloured cards in one row. 04 News web part The Crew News column is the News web part in List layout, filtered to firm announcements. Each row pulls its thumbnail, title and intro straight from the page metadata. How it is built 1. Add a section, **Two columns**. In the left column, click **\+ Add a web part** and pick **News**. 2. Set **News source** to _This site_. Layout: **List**. 3. Add a filter on the page property `Category` equals _Crew News_. 4. Set **Number of news items** to 4. Sort by date descending. 5. Authors create News pages tagged _Crew News_; the web part picks them up automatically. 05 Events web part Upcoming Events sits beside the news, sharing the same row. One Events web part pulled from a firm-wide calendar; field teams add events from the SharePoint mobile app. How it is built 1. In the right column of the same section, click **\+ Add a web part** and pick **Events**. 2. Pick the firm calendar list as the source. Layout: **Compact**. 3. Show **3 events**. Toggle **Show event image** on for the safety days and site visits. 4. Set the date range to _Upcoming_ so past events drop off. 5. Field teams add new events from the SharePoint mobile app; they appear here without an editor touching the page. 06 People + Text (Employee of the Month) Featured employee is the People web part pinned to one staff member from the company directory, paired with a Text web part for the citation. Photo and title stay in sync with the directory. How it is built 1. Add a section, **Two columns** (narrow / wide). 2. Left column: **\+ Add a web part**, **People**. Layout: **Descriptive**. 3. In **Add a profile**, type the email of the featured employee. Photo and title pull from Microsoft Entra automatically. 4. Right column: **\+ Add a web part**, **Text**. Add the citation (why they're being recognised), keep it to one short paragraph. 5. Rotate monthly: edit only the People profile email; the photo and title stay in sync with the directory. 07 Image + Text (Project Highlights) Each project card is an Image web part stacked above a Text web part, repeated three times inside a single coloured Section. No custom template; the structure is reproducible by an editor in minutes. How it is built 1. Add a section, **Three columns**, with a soft surface background. 2. In each column, click **\+ Add a web part** and pick **Image**. Upload the project photo, set the alt text to the project name. 3. Below each image, add a **Text** web part. Use H3 for the project name, body text for the one-line update. 4. Add a **Quick Links** single button below each Text web part for _View project →_. 5. For a fourth project, add a fourth column; the layout reflows automatically. 08 Quick Chart (KPIs) The four KPI cards (Active Projects, Safety Incidents, Projects On-Time, Workforce) are Quick Chart web parts (bar, line, donut and counter respectively) typed in directly. No Power BI licence required. How it is built 1. Add a section, **Four columns**. 2. Column 1: **\+ Add a web part**, **Quick chart**. Type: **Bar**. Title _Active Projects_. Type the 5 monthly values directly. 3. Column 2: **Quick chart**. Type: **Line**. Title _Safety Incidents_. Enter 12 months of values. 4. Column 3: **Quick chart**. Type: **Donut**. Title _Projects On-Time_. Enter the on-time percentage. 5. Column 4: **Quick chart**. Type: **Counter**. Title _Workforce_. Enter the headcount. 6. No Power BI licence needed. To swap in live data later, replace the Quick Chart with the Power BI report web part. ## More from the Studio [All scenarios →](https://tenantcraft.ca/work) [Financial services Finance team intranet Harbourstone Credit Union, Finance Team The back-office page a credit-union finance team opens every morning: where the close stands, what reporting is due, branch revenue at a glance, and a Copilot rail for the routine asks.](https://tenantcraft.ca/studio/intranet-homepage) [Accounting CPA firm intranet Hawthorne & Pierce CPAs A didone-led firm site for a fictional CPA practice: tax deadlines, IRS compliance updates, a notice tracker, time and billing tools, and a firm metrics dashboard.](https://tenantcraft.ca/studio/cpa-intranet) [Insurance · IT IT department intranet Algonquin Mutual Insurance, IT Hub A helpdesk-first hub for an in-house IT team at a mid-size insurer: ticket and software-request tiles, a maintenance countdown, after-hours line, common-task pills and a praise card.](https://tenantcraft.ca/studio/it-department-intranet) [Construction Construction project hub Redrock Construction A hub for a commercial builder: active job sites, safety resources, crew news and KPI dashboards, so the field and the office read the same numbers.](https://tenantcraft.ca/studio/construction-intranet) [Grocery retail Supermarket chain intranet Maple & Crate Market A team hub for a multi-store grocer: shift notices, retail tools, company news and a countdown to the next store opening.](https://tenantcraft.ca/studio/grocery-intranet) [K-12 education School-district intranet Evergreen Meadows School District A district-wide homepage for an 18-school public board: school directory, district highlights, announcements, staff quick links and a superintendent’s weekly update.](https://tenantcraft.ca/studio/school-intranet) TWENTY MINUTES, NO PITCH ## Tell me what is stuck. I will tell you what it takes. Same consultant from the first email to the last cutover. If I am not the right fit, I will refer you to someone who is. [Book a 20-min call](https://tenantcraft.ca/contact) [See published rates](https://tenantcraft.ca/pricing) --- _Canonical HTML: https://tenantcraft.ca/studio/cedarworks-intranet · Agent guide: https://tenantcraft.ca/llms.txt · Site map: https://tenantcraft.ca/sitemap-index.xml_