# A school-district intranet > A concept design for a SharePoint Online communication site for a fictional public-school district: district highlights, school directory, announcements, staff quick links and a superintendent's update, all from out-of-the-box web parts. [← The Studio](https://tenantcraft.ca/work) Scenario · Communication site The page a district communications team opens every morning: how many schools, how each one is performing, what is being announced this week, and which department a teacher needs to reach next. Below is a concept design for an 18-school district, built entirely from web parts that ship with SharePoint. - **Audience** K-12 public school district - **Build time** about one day - **Licensing** Microsoft 365, no add-ons evergreenmeadows.sharepoint.com/sites/connect **Evergreen Meadows** School District Not following Site access New Page details Preview Analytics Published 6/29/2025 Share Edit ## Empowering Educators. Supporting Staff. Advancing Student Success. Welcome to Evergreen Connect — the central hub for district communication, collaboration, and resources. Together, we drive excellence in every school, every classroom, and every department. ![](https://tenantcraft.ca/images/lookbook/schoolSecondExample.jpg) ### About Our District Evergreen Meadows serves 8,500+ students across 18 schools. We foster academic excellence and character through innovative teaching and community ties. ## District Highlights 95% Graduation Rate 82% of Graduates Pursue Higher Education 15 State Athletic Championships 18 Award-Winning Fine Arts Programs 20+ Advanced Placement (AP) Courses Our Schools ### Elementary Schools Meadowbrook Elementary School Riverbend Elementary School Oak Hill Elementary School Silver Lake Elementary School Evergreen Heights Elementary School Woodland Prairie Elementary School Brookstone Elementary School Crystal Ridge Elementary School ### Middle Schools Willow Creek Middle School Cedar Valley Middle School Pinecrest Middle School Maple Grove Middle School ### High Schools Evergreen Meadows High School Summit Ridge High School ### District Announcements Add ![](https://tenantcraft.ca/images/lookbook/news-1.jpg)Strategic Plan Progress Update: Mid-Year Review Complete Evergreen Meadows School District leadership teams completed the mid-year review of the strategic plan, with measurable gains across all four priorities. Gregory Zelfond _·_ 5 days ago ![](https://tenantcraft.ca/images/lookbook/news-2.jpg)Spring Professional Development Day – March 15 All instructional staff will participate in district-wide sessions covering literacy, assessment, and inclusive classroom practices. Gregory Zelfond _·_ 5 days ago ![](https://tenantcraft.ca/images/lookbook/news-3.jpg)Open Enrollment for Benefits – April 1–15 Open Enrollment for the 2026 benefits year will take place in early April. Plan summaries and decision tools are now available in the HR hub. Gregory Zelfond _·_ 5 days ago ![](https://tenantcraft.ca/images/lookbook/news-4.jpg)Transportation Procedure Update Effective March 4, revised afternoon dismissal and bus loading procedures take effect at all elementary buildings. Gregory Zelfond _·_ 5 days ago ### Departments & Internal Resources Teaching & Learning Curriculum resources, assessments, and professional development tools. Human Resources Benefits, payroll, leave requests, and employment information. Finance Department Budgeting, purchasing, reimbursements, and financial resources. Technology Services IT support, device requests, software access, and cybersecurity. Facilities & Operations Work orders, building use, safety procedures, and maintenance. ### Staff Quick Links Microsoft 365 & Outlook Employee Self-Service Student Information System Instruction Resources IT Help Desk Ticket Submission Staff Handbook & Board Policies ### Upcoming Events Add event See all _APR_ **16** Board of Education Meeting (All Staff) Thu, Apr 16, 10:00 AM _MAY_ **8** District Professional Development Day (Instructional Staff) Fri, May 8, All day _MAY_ **18** Principal Leadership Meeting (Administrators) Mon, May 18, 10:00 AM _JUN_ **5** New Employee Orientation (New Hires) Fri, Jun 5, 8:00 AM ![](https://tenantcraft.ca/images/lookbook/femaleportait.jpg) ### Danielle Harper English Teacher Danielle Harper has been recognized for her exceptional dedication to student growth and literacy achievement. **Dr. Marcus Reynolds** SUPERINTENDENT ### Superintendent’s Weekly Update Thank you for your continued dedication to Evergreen Meadows students and families. This week, we celebrate strong literacy gains at the elementary level, innovative project-based learning at our middle schools, and continued progress toward our Strategic Plan goals. We are also monitoring state legislative developments that may impact school funding and certification requirements. Updates will be shared as information becomes available. Open Weekly Update Need help with this site? Email your district admin at connect@evergreenmeadows.k12.us Concept design, hand-coded to preview the layout. Evergreen Meadows School District 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 two-column welcome (copy on the left, building photo with an overlay card on the right) is the standard Hero web part in Two Tile layout, with a Text web part stacked beside it for the school-info card. How it is built 1. On the home page, click **Edit**. Add a new section, **One column**, just below the site header. 2. Click **\+ Add a web part** and pick **Hero**. In the property pane, choose the **Two tiles** layout. 3. Click the left tile, then **Edit** (pencil). Set heading to _Empowering Educators, Supporting Staff, Advancing Student Success_. Add the supporting lede in the call-to-action. 4. Click the right tile. Upload the building photo and set the focal point on the entrance. 5. Add a small **Text** web part beside the Hero with the school-info card (address, hours, principal). Pin it to the same row. 6. Republish. The Hero anchors the district homepage and stays sticky across breakpoints. 02 Quick Chart (District Highlights) The forest-green stats band (Schools, Staff, Students, Budget) is four Quick Chart web parts in Counter layout. Each one is a single typed number; no Power BI licence required. How it is built 1. Add a new section, **Four columns**, with the section background set to dark forest green. 2. In each column, click **\+ Add a web part** and pick **Quick chart**. 3. For each chart, choose **Counter** as the chart type. Skip the data source picker; type the value in directly. 4. Set the four counters: _Schools_ 95%, _Staff_ 82%, _Students_ 15, _Budget_ 18, plus the supporting labels. 5. In each card, set the colour to white so it reads against the green band. 6. When the numbers change, edit only this band; no Power BI workspace required. 03 Quick Links (Our Schools) The school directory uses one Quick Links web part in Grid layout, one tile per school, sorted by panel (Elementary, Middle, Secondary). How it is built 1. Add a section, **One column**, with the section background set to _Surface_ (cream). 2. Click **\+ Add a web part** and pick **Quick Links**. Set the title to _Our Schools_. 3. In the property pane, switch the layout to **Grid**. Toggle **Show descriptions** on; toggle **Show icons** off. 4. Click **\+ Add** for each school. Title each tile, set its URL to the school site, add a one-line description. 5. Group manually by panel: Elementary first, Middle second, Secondary last. Use the drag handle to reorder. 6. New school joining the district? Edit this Quick Links once; the homepage updates immediately. 04 News web part District Announcements is the News web part in Side-by-Side layout, filtered to the district-wide category so school-specific posts stay on their own school sites. How it is built 1. Add a section, **Two columns** (left wider). In the left column, click **\+ Add a web part** and pick **News**. 2. Set **News source** to _This site_. Change the layout to **Side-by-side**. 3. Add a filter: page property `Category` equals _District-wide_. This keeps individual school posts on their own sites. 4. Set **Number of news items** to 4. Sort by **First published date**, descending. 5. Authors create posts as News pages tagged _District-wide_; the web part picks them up on republish. 05 Quick Links + Events Staff Quick Links and Upcoming Events sit beside the Teacher Spotlight: Quick Links in Compact layout for the link rail, Events pulled from the district calendar with the audience filter applied. How it is built 1. Add a section, **Three columns**, with the section background set to _Mint_. 2. Left column: **\+ Add a web part**, **Quick Links**. Title it _Staff Quick Links_; layout **Compact**; add the 4-6 most-used staff links. 3. Middle column: **\+ Add a web part**, **Events**. Source: the district calendar list. Layout: **Compact**; show 3 items. 4. Add an audience filter on the Events list so staff-only events stay hidden from students. 5. Right column reserved for the Teacher Spotlight (see next part). 06 People + Text (Teacher Spotlight) Teacher Spotlight is a People web part pinned to one staff member from the district directory, with a Text web part beside it for the citation. The avatar and title stay in sync with the directory automatically. How it is built 1. In the third column of the previous section, click **\+ Add a web part** and pick **People**. 2. Layout: **Descriptive** (one large card). 3. In **Add a profile**, type the email of the featured staff member. Photo, title and contact pull from Microsoft Entra automatically. 4. Stack a **Text** web part directly below for the citation (why they're being recognised this month). 5. Rotate monthly: edit only this web part; the avatar and title stay in sync with the staff directory. 07 Hero + Text (Superintendent) The Superintendent's Weekly Update is a Hero web part in Single Tile for the photo and signature, paired with a Text web part below it for the message body and the call-out quote. How it is built 1. Add a section, **Two columns** (narrow / wide). Background: _Surface_ (cream). 2. Left column: **\+ Add a web part**, **Hero**, **One Tile** layout. Upload the superintendent's portrait; set _Show text block_ off. 3. Right column: **\+ Add a web part**, **Text**. Type the weekly message; format the opening line as H3. 4. Pull a key sentence into a **Quote** block (toolbar > Quote). It renders as a side callout. 5. Add the signature inside the Text web part using the _Signature_ font style. 6. When the message changes weekly, edit only the Text web part; the portrait stays. ## 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) [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) 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/school-intranet · Agent guide: https://tenantcraft.ca/llms.txt · Site map: https://tenantcraft.ca/sitemap-index.xml_