# A supermarket chain intranet > A concept design for a SharePoint Online intranet homepage built for a grocery chain: a store hub, retail tools, company news, events and KPI dashboards, all from out-of-the-box web parts. [← The Studio](https://tenantcraft.ca/work) Scenario · Communication site The page a store team opens at the start of every shift: what just changed in the flyer, the links a crew actually uses, and the news worth knowing. Below is a concept design for Maple & Crate Market, built entirely from web parts that ship with SharePoint. - **Audience** store managers and associates - **Build time** about one day - **Licensing** Microsoft 365, no add-ons maplecrate.sharepoint.com/sites/storehub SharePoint Search this site MC ![](https://tenantcraft.ca/images/lookbook/maple-crate/header.jpg) Maple & Crate Market Store Team Hub Not following Site access New Page details Preview Analytics Published 5/15/2026 Share Edit ## Welcome to Maple & Crate Market The team hub for every Maple & Crate store. Stay on top of company news, retail tools and the resources your crew needs to run a great shift. ![](https://tenantcraft.ca/images/lookbook/maple-crate/promo.jpg) Now live **Celebrate the season with Maple & Crate** Learn more ### Quick Links Scheduling Portal Payroll & Benefits IT Helpdesk Store Operations Manual Our Locations ### Retail Tools & Resources Add Weekly Ads & Flyers Downloadable PDFs for current promotions Merchandising Guides Store layouts and endcap displays Product Recall Notices Active recalls and response steps Inventory Ordering Quick link to the supplier portal Store KPIs Dashboard Sales, shrink, labour and basket size Loss Prevention Reporting tools and prevention policy ### Company News Add ![](https://tenantcraft.ca/images/lookbook/maple-crate/news-1.jpg) Maple & Crate opens its 12th store in Stoney Creek Comms team · May 14![](https://tenantcraft.ca/images/lookbook/maple-crate/news-2.jpg) Spring Local Growers program returns to every aisle Merchandising · May 9 ![](https://tenantcraft.ca/images/lookbook/maple-crate/news-3.jpg) Welland cashier team sets a customer-service record Store Operations · May 2 ### Events Add event ![](https://tenantcraft.ca/images/lookbook/maple-crate/event-1.jpg) _JUN_06 Stoney Creek store grand opening Sat, Jun 6 · 9:00 AM ![](https://tenantcraft.ca/images/lookbook/maple-crate/event-2.jpg) _JUN_12 Summer staffing deadline Fri, Jun 12 · 5:00 PM ![](https://tenantcraft.ca/images/lookbook/maple-crate/event-3.jpg) _JUL_18 All-team summer barbecue Sat, Jul 18 · 12:00 PM ![](https://tenantcraft.ca/images/lookbook/maple-crate/event-4.jpg) _AUG_08 Local Harvest Festival launch Sat, Aug 8 · store open See all Staffing deadline **Summer Staffing Deadline** June 12, 2026 ![](https://tenantcraft.ca/images/lookbook/maple-crate/clock.jpg) 25_days_ Store managers, confirm your summer headcount in the Scheduling Portal before the cut-off. Submit your availability ### Health, Safety & Compliance - Report a food-safety incident - Handling & storage policies - Safety video library - Food retail regulations ### Training & Career Growth - Food handler certification - Customer-service training - Career pathways across stores - Internal job postings ### Store Operations Hub - Opening & closing checklists - Daily sales targets - Freshness & expiry tracking - Supplier delivery schedules ### Maple & Crate Market, Retail KPIs Sales growth 22.5% Customer satisfaction 93% Shrink rate 12% Labour hours used 82% Avg basket size $41 _0__25__50__75__100_ Reporting period · May 2026 Maple & Crate Market © 2026 Maple & Crate Holdings Inc. Store support HR & payroll IT help Privacy Concept design, hand-coded to preview the layout. Maple & Crate Market 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 green welcome band with the promo card beside it is a single Hero web part, set to a layered layout. An editor sets the headline, the copy and the promo image. How it is built 1. Edit the page and add a section, then insert the Hero web part. 2. Choose a layered layout so the welcome copy and the promo tile sit together. 3. Type the headline and supporting line; upload the promo photo. 4. Set the promo tile’s link so "Learn more" points somewhere real. 02 Quick Links: list layout The five links under Quick Links are one Quick Links web part in the list layout. Each row has a Fluent icon and points wherever you need: a portal, a library, a form. How it is built 1. Add a Quick Links web part and switch the layout to List. 2. Add each link and pick a matching Fluent icon. 3. Type a short label for each row. 4. Reorder by dragging; no code needed. 03 Quick Links: grid layout The six Retail Tools cards are a second Quick Links web part, this time in the grid layout with descriptions switched on, so each card carries an icon, a heading and a line of context. How it is built 1. Add a Quick Links web part and choose the Grid layout. 2. Turn on Show description in the web part settings. 3. Add each link, choose an icon, type the heading and description. 4. Drag to reorder the cards at any time. 04 News web part Company News is the News web part. Anyone with edit rights publishes a post and it appears here automatically, newest first, with the author and date drawn in for you. 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 surface 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 Countdown callout The staffing-deadline card is a Text web part on a brand-coloured section, with the day count typed in by hand. The "Submit" button is a button web part below it. How it is built 1. Add a Text web part inside a section set to a brand colour. 2. Type the headline, the deadline date and the day count. 3. Add a Button web part underneath and set its link. 4. Update the number each week until the deadline passes. 07 Coloured resource panels The three green department 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. 08 Quick Chart web part The Retail KPIs bar chart is the Quick Chart web part. You type the labels and values; for a live dashboard you would swap in the Power BI web part instead. How it is built 1. Add the Quick Chart web part and choose the bar chart type. 2. Enter each label and its value by hand. 3. For live data, build the report in Power BI first. 4. Swap in the Power BI web part and paste the report link. ## 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) [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/grocery-intranet · Agent guide: https://tenantcraft.ca/llms.txt · Site map: https://tenantcraft.ca/sitemap-index.xml_