# A construction project hub > A concept design for a SharePoint Online intranet homepage built for a commercial construction firm: a project hub, safety resources, company news and KPI dashboards, all from out-of-the-box web parts. [← The Studio](https://tenantcraft.ca/work) Scenario · Communication site The page a site supervisor opens before the morning brief: where every active project stands, the safety links a crew actually uses, and the company news worth knowing. Below is a concept design for Redrock Construction, built entirely from web parts that ship with SharePoint. - **Audience** field crews and project managers - **Build time** about one day - **Licensing** Microsoft 365, no add-ons redrock.sharepoint.com/sites/intranet SharePoint Search this site RC Redrock Construction Not following Site access New Page details Analytics Published 5/14/2026 Share Edit ![](https://tenantcraft.ca/images/lookbook/israel-andrade-YI_9SivVt_s-unsplash.jpg) ## Every crew, every site. One Redrock. ![](https://tenantcraft.ca/images/lookbook/construction/news-1.jpg) 01 Safety Center ![](https://tenantcraft.ca/images/lookbook/construction/news-2.jpg) 02 Bid Room ![](https://tenantcraft.ca/images/lookbook/construction/news-3.jpg) 03 Job Sites ![](https://tenantcraft.ca/images/lookbook/construction/project-1.jpg) 04 Time & Pay ### Drawings & Documents - Current drawing sets - Specs & submittals tracker - Standard work methods - Site logistics plans - Project closeout packs ### Safety & Compliance - Report a hazard or near-miss - Toolbox talk schedule - Material safety data sheets - PPE order form - Site inspection log ### Crew & Payroll - Submit your hours - Expense claims - Tool & equipment requests - Benefits & union info - Book time off ### Company News Add ![](https://tenantcraft.ca/images/lookbook/construction/news-1.jpg) Redrock crews pass one million safe hours The safety team confirmed the milestone this week — one million hours worked across our active sites with no lost-time injury.![](https://tenantcraft.ca/images/lookbook/construction/news-2.jpg) New equipment yard opens on the east side The east-side yard is stocked and running, cutting haul time for plant and materials to our downtown projects. ![](https://tenantcraft.ca/images/lookbook/construction/news-3.jpg) Harbour Terminal job named project of the year The regional builders association recognised the Harbour Terminal rebuild for its safety record and on-time delivery. ### Events Add event ![](https://tenantcraft.ca/images/lookbook/construction/event-1.jpg) _OCT_20 Site safety stand-down Mon, Oct 20, All day ![](https://tenantcraft.ca/images/lookbook/construction/event-2.jpg) _NOV_5 Quarterly crew briefing Wed, Nov 5, 11:30 AM ![](https://tenantcraft.ca/images/lookbook/construction/event-3.jpg) _NOV_13 Apprentice skills day Tue, Nov 13, 12:30 PM ![](https://tenantcraft.ca/images/lookbook/construction/event-4.jpg) _DEC_12 Year-end crew dinner Fri, Dec 12, 6:00 PM See all ![](https://tenantcraft.ca/images/lookbook/construction/employee.jpg) Carmen Ortiz **Employee of the Month** Congratulations to Carmen Ortiz, Site Supervisor, for leading the Harbour Terminal crew to a full year with zero lost-time incidents! ### Project Highlights **Harbour Terminal Rebuild** - Progress: 65% Complete - Est. Completion: Dec 2025 - Budget Status: On Budget (92% of funds allocated) - Safety Record: 0 Incidents YTD - Workforce: 85 Crew Members On-Site ![](https://tenantcraft.ca/images/lookbook/construction/project-1.jpg) **Mercy Health Pavilion** - Progress: 40% Complete - Est. Completion: June 2026 - Budget Status: Slightly Over Budget (+4%) - Safety Record: 1 Minor Incident YTD - Workforce: 120 Crew Members On-Site ![](https://tenantcraft.ca/images/lookbook/construction/project-2.jpg) **Civic Square Tower** - Progress: 15% Complete - Est. Completion: Sept 2027 - Budget Status: On Budget - Safety Record: 0 Incidents YTD - Workforce: 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 Redrock Construction © 2026 Redrock Construction Ltd. Site owner: Avery Tran IT service desk Privacy Concept design, hand-coded to preview the layout. Redrock 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 excavator banner with the headline over it is a single Hero web part. An editor sets the image, the focal point and the text, nothing more. How it is built 1. Edit the page, then click the circled + to add a section. 2. Choose the Hero web part and pick the single-image layout. 3. Upload the banner photo and drag the focal point onto the subject. 4. Type the headline; it sits in the layer over the image. 02 Quick Links: tiles layout The four numbered photo cards are one Quick Links web part. Each tile has its own image and destination; the numbers and captions are part of the link. How it is built 1. Add a web part below the hero and choose Quick Links. 2. Switch the layout to Tiles so each link shows as a photo card. 3. Add four links; give each a custom image and a short label. 4. Reorder by dragging; the numbering follows the order. 03 Coloured resource panels The three red panels are Quick Links web parts sitting on a section with a brand-colour background. The section colour is a built-in setting. How it is built 1. Add a three-column section to the page. 2. Hover the section's pencil handle and pick a background colour. 3. Drop a Quick Links web part into each column, set to the list layout. 4. Add the document and form links under each heading. 04 News web part Company News is the News web part. Anyone with edit rights publishes a post and it surfaces here automatically, newest first, with no list to tend. How it is built 1. Add a web part and choose News. 2. Set the news source to This site. 3. Pick a layout and how many posts to show. 4. Staff use + New, then News post; new posts appear here. 05 Events web part The dated event list is the Events web part. It reads a SharePoint calendar and shows what is coming up, with the date chip drawn for you. How it is built 1. Create or pick an events list on the site. 2. Add the Events web part to the page. 3. Point it at the list and choose the compact layout. 4. Add events to the list; the page view follows. 06 Image + Text web part The Employee of the Month card is an Image web part paired with a Text web part inside a one-column section, a simple editable spotlight. How it is built 1. Add a one-column section for the spotlight. 2. Drop an Image web part and upload the photo. 3. Below it, add a Text web part for the name and citation. 4. Refresh both each month; no template needed. 07 Project Highlights Each project row is an Image web part beside a Text web part in a two-column section. The stats are plain text, updated by the project lead. How it is built 1. Add a two-column section for each project. 2. Place an Image web part in one column, text in the other. 3. Type the progress, budget and safety figures into the text. 4. Repeat the section for each active project. 08 Quick Chart + Power BI The KPI tiles are Quick Chart web parts for the simple visuals. The on-time gauge can be a Power BI tile, embedded with the Power BI web part. How it is built 1. For a bar or line chart, add the Quick Chart web part and enter values. 2. For richer dashboards, build the report in Power BI first. 3. Add the Power BI web part and paste the report link. 4. Choose which tile of the report to display. ## 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 firm intranet Cedarworks Construction A slate-blue and amber take on a builder’s homepage: projects, KPIs, safety hub and a featured Employee of the Month, all from out-of-the-box web parts.](https://tenantcraft.ca/studio/cedarworks-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/construction-intranet · Agent guide: https://tenantcraft.ca/llms.txt · Site map: https://tenantcraft.ca/sitemap-index.xml_