# An IT department intranet > A concept design for a SharePoint Online communication site for an in-house IT department: helpdesk-first hero, quick-link tiles, a maintenance countdown, news, common tasks, team directory and a praise card. All built from out-of-the-box web parts. [← The Studio](https://tenantcraft.ca/work) Scenario · Communication site The page an in-house IT team puts at the front door: where to file a ticket, the systems people use every day, the date of the next planned outage, and the after-hours number for the calls that cannot wait until morning. Below is a concept design for a mid-sized organisation’s IT hub, built entirely from web parts that ship with SharePoint. - **Audience** in-house IT department - **Build time** about one day - **Licensing** Microsoft 365, no add-ons algonquin-mutual.sharepoint.com/sites/it-hub SharePoint Search this site MR IT Department Not following Site access New Page details Preview Analytics Published 6/29/2025 Share Edit ## Your Central Place for Support, Systems, Security & Training Get quick access to helpdesk services, essential business apps, troubleshooting tips, password resets, security alerts, and training resources – all in one place. ![Server room patch panel with blue Ethernet cables and status LEDs](https://tenantcraft.ca/images/lookbook/scott-rodgerson-PSpf_XgOM5w-unsplash.jpg) ### Quick Links Submit a Ticket Request Software How-To Guides System Status IT Knowledge Base --- ### How to Videos § Recent ![](https://tenantcraft.ca/images/lookbook/news-1.jpg) ### Network Maintenance § Countdown ![](https://tenantcraft.ca/images/lookbook/news-2.jpg) **16**_days_ **17**_hrs_ **02**_min_ **29**_sec_ ### Support & Help § Hours #### We’re here to help! **Mon–Fri:** 8 AM – 6 PM **Weekends:** Emergency only After hours, call **617-676-6767** for outages or VPN failures. ### Company News Add ![](https://tenantcraft.ca/images/lookbook/news-1.jpg)❗ Network Maintenance – Friday 9 PM We will be performing scheduled… Marcus Reed · November 30 ![](https://tenantcraft.ca/images/lookbook/news-2.jpg)⚠️ Phishing Alert: Fake HR Bonus Email Our security team has identified a… Marcus Reed · November 30 ![](https://tenantcraft.ca/images/lookbook/news-3.jpg)🔐 Password Changes Required by Dec 31 As part of our annual security policy, all… Marcus Reed · November 30 ![](https://tenantcraft.ca/images/lookbook/news-4.jpg)🖨️ New Printers Installed on Floors 5 and 6 We've replaced the legacy printers… Marcus Reed · November 30 ### Common IT Tasks Get Help With Your Computer Troubleshooting steps, slow PC guide, browser fixes Set Up Your Mobile Device Email setup, MFA, Wi-Fi, remote access Request Access Shared drives, apps, sites, onboarding access Order Equipment Laptop, monitor, accessories, replacement hardware Install or Request Software Self-service installs, licensing info Fix My Wi-Fi / VPN Micro-troubleshooting guides ### Our Team ![](https://tenantcraft.ca/images/lookbook/Portrait.jpg)Marcus Reed IT Director ![](https://tenantcraft.ca/images/lookbook/portrait2.jpg)Priya Shah Help Desk Lead --- ### Thank an IT Tech Praise #### Send praise to your colleagues Show gratitude for peers who went above and beyond at work Send praise Need a hand right now? Helpdesk it-help@algonquinmutual.ca ext. 2300 · 24/7 line 1-800-555-0190 Concept design, hand-coded to preview the layout. Algonquin Mutual Insurance 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 split blue-and-photo banner is the standard Hero web part with a single tile, a focal-point image, and a coloured panel layered over half the width. How it is built 1. On the home page, click **Edit** in the top-right command bar. Hover below the site header and click **\+ Add a section**, then choose **One column**. 2. Click **\+ Add a web part** inside the section. Pick **Hero** and choose the **One Tile** layout in the property pane. 3. Click the tile, then **Edit** (pencil). Upload the server-room photo, set the focal point on the patch panel, and choose `Show text block`. 4. In the text panel, set the heading to _Your Central Place for Support, Systems, Security & Training_. Add the supporting paragraph in **Call to action**. 5. Under the colour palette in the right rail, switch the overlay to the brand blue so the photo and coloured half meet cleanly. 6. Click **Republish**. The Hero now anchors the home page above every other web part. 02 Quick Links The five rounded helpdesk tiles, the news list and the common-tasks rail are all Quick Links web parts. Same web part, three different layouts. How it is built 1. Add a section below the Hero. Click **\+ Add a web part** and pick **Quick Links**. 2. Open the property pane. Set the title to _Quick Links_ and switch the layout to **Compact** so the tiles sit in a single row. 3. Click **\+ Add** for each tile. Add five items: _Submit a Ticket_, _Request Software_, _How-To Guides_, _System Status_, _IT Knowledge Base_. 4. For each item, choose **From the gallery** for the icon. Pick the matching glyph: Chat, Folder, Book, Settings, Lightbulb. 5. Point each item URL at the right destination in your tenant (a Form, a list view, a knowledge-base page). 6. Repeat the same pattern for the _Common IT Tasks_ rail (Stacked layout) and the news-list area below. 03 News web part Company News uses the News web part in List layout, filtered to the "IT" category so other departments’ posts don’t leak in. How it is built 1. Add a section, three columns. In the left column, click **\+ Add a web part** and pick **News**. 2. In the property pane, set **News source** to _This site_. Switch the layout to **List**. 3. Add a **Filter** on the page property `Category` equals _IT_. Set **Number of news items** to 4. 4. Sort by **First published date** descending so the freshest notices land at the top. 5. Author each post as a News page tagged _IT_; the web part picks them up on republish. 04 Countdown timer The Network Maintenance card is the Countdown Timer web part, pointed at a single date with a hero background image behind the digits. How it is built 1. In the same row, middle column, click **\+ Add a web part** and pick **Countdown timer**. 2. Set the **Title** to _Network Maintenance_. 3. In **Date and time**, enter the outage start in the site time zone. Time format **Days, Hrs, Min, Sec**. 4. Toggle **Show background image** on. Upload the server-room hero (same crop you used in the Hero). 5. Set the call-to-action link to your _Outage details_ page so people can click through for the runbook. 05 People web part "Our Team" is a People web part pointed at the IT distribution list, so the avatars and titles stay in sync with the directory automatically. How it is built 1. In the third column, click **\+ Add a web part** and pick **People**. 2. Set **Title** to _Our Team_. Layout: **Compact**. 3. In **Add a profile**, type the email of each IT team member. The web part pulls their photo, title and contact card from Microsoft Entra. 4. Reorder with drag handles so the IT Director sits at the top. 5. When someone joins or leaves, edit only this list; titles update automatically from their profile. 06 Text + Button The "Thank an IT Tech" praise card and the after-hours support box are Text web parts with a Button. No Power Automate flow is visible until you click through. How it is built 1. Below the People web part, click **\+ Add a web part** and pick **Text**. 2. Type the praise heading and the one-line description. Use the toolbar to make the heading H4. 3. Click **\+ Add a web part** directly below the Text web part. Pick **Button**. 4. Set the button label to _Send praise_. Point the link at your **Praise** Microsoft Form (or List + Power Automate flow). 5. Repeat the same Text + Button pattern for the after-hours support callout in the upper row. ## 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) [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) [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/it-department-intranet · Agent guide: https://tenantcraft.ca/llms.txt · Site map: https://tenantcraft.ca/sitemap-index.xml_