SharePoint Intranet Homepage Design: Best Practices for 2025-2026

The Intranet Homepage: Your Digital Front Door

The SharePoint intranet homepage is the most visited page in your entire Microsoft 365 environment. It sets the tone for adoption, drives self-service usage, and communicates organizational culture. Yet most intranet homepages are designed once, never updated, and abandoned by employees within weeks.

This guide covers current best practices for designing SharePoint intranet homepages that drive engagement, serve diverse employee needs, and scale with your organization.

Understanding Your Audience Before Designing

A homepage that tries to serve everyone equally serves no one well. Before designing, conduct a brief audience analysis:

User Personas for Intranet Design

Information Worker (office-based, M365 heavy user):

• Needs: Company news, project updates, HR self-service, search
• Device: Desktop primary, laptop secondary
• Behavior: Visits daily, uses search frequently

Frontline Worker (shop floor, store, field):

• Needs: Shift schedules, safety notices, quick access to procedures, manager announcements
• Device: Mobile primary, shared kiosk secondary
• Behavior: Brief visits, task-focused, rarely browses

Executive:

• Needs: KPIs at a glance, business news, strategic initiatives
• Device: Desktop + mobile, always available
• Behavior: Skims headlines, expects professionalism

New Employee:

• Needs: Onboarding resources, org chart, who's who, essential policies
• Device: Whatever IT provides at start
• Behavior: Deep engagement for first 90 days, then normal usage

Design the homepage primarily for the Information Worker persona (your largest population), with secondary consideration for Frontline Workers (Viva Connections) and New Employees (onboarding section).

Homepage Layout Patterns

Pattern 1: News-Forward Layout (Most Common)

Best for organizations with active communications teams and frequent news content.

```

┌─────────────────────────────────────────────────────────┐

│ HERO BANNER (rotating news/announcements — full width) │

├─────────────────────────────────────────────────────────┤

│ QUICK LINKS (icon grid — 6-8 top tasks) │

├───────────────────────┬─────────────────────────────────┤

│ NEWS FEED │ QUICK LINKS PANEL │

│ (top stories - 3) │ + My Recent Documents │

│ │ + Upcoming Events │

├───────────────────────┼─────────────────────────────────┤

│ DEPARTMENTAL NEWS │ PEOPLE SPOTLIGHT │

│ (tabbed by dept) │ + New Hires │

│ │ + Birthdays/Anniversaries │

├───────────────────────┴─────────────────────────────────┤

│ SEARCH SPOTLIGHT (prominent search bar with suggestions)│

└─────────────────────────────────────────────────────────┘

```

Pattern 2: Dashboard Layout

Best for operations-heavy organizations where employees need KPIs and data.

```

┌─────────────────────────────────────────────────────────┐

│ PERSONALIZED GREETING + SEARCH (top section) │

├─────────┬───────────────┬─────────────────┬─────────────┤

│ METRIC │ METRIC │ METRIC │ METRIC │

│ CARD │ CARD │ CARD │ CARD │

├─────────┴───────────────┴─────────────────┴─────────────┤

│ QUICK LINKS (top tasks, 8-10 items, icon grid) │

├─────────────────────────┬───────────────────────────────┤

│ ANNOUNCEMENTS (3 items)│ MY WORK │

│ │ (assigned items, deadlines) │

├─────────────────────────┼───────────────────────────────┤

│ COMPANY NEWS │ EVENTS CALENDAR │

└─────────────────────────┴───────────────────────────────┘

```

Pattern 3: Hub-and-Spoke Layout

Best for large enterprises with distinct business units/divisions.

```

┌─────────────────────────────────────────────────────────┐

│ CORPORATE HEADER (brand identity, key company metrics) │

├─────────────────────────────────────────────────────────┤

│ TOP NEWS (2 featured corporate announcements) │

├────────────┬────────────┬────────────┬──────────────────┤

│ DIVISION │ DIVISION │ DIVISION │ CORPORATE │

│ HUB CARD │ HUB CARD │ HUB CARD │ TOOLS │

│ (Finance) │ (Ops) │ (HR) │ QUICK LINKS │

├────────────┴────────────┴────────────┴──────────────────┤

│ EMPLOYEE SERVICES (benefits, IT helpdesk, HR portal) │

└─────────────────────────────────────────────────────────┘

```

Web Parts for the Intranet Homepage

News Web Part (Essential)

The SharePoint News web part aggregates news posts from specified sites. Best practices:

• Source: Select 3-5 hub-associated sites (avoid "This site" only)
• Layout: Side-by-side or Hub News layout for homepage hero
• News count: 3-5 items max on homepage (link to /news for full feed)
• Audience targeting: Show different news to different Microsoft 365 groups
• Image requirements: All news posts require 16:9 hero image, 800px minimum width

Quick Links Web Part (Critical for Adoption)

Quick Links drives the highest adoption ROI of any intranet web part. Users come to the intranet for quick access to tools.

Top 10 most-clicked quick links (validated across 100+ intranet deployments):

• HR Portal / Benefits enrollment
• IT Helpdesk ticket submission
• Expense reporting
• Company directory / People search
• Payslips / Pay stubs
• Leave / PTO requests
• Company forms library
• Organization chart
• Learning / Training platform
• IT password reset

Configure Quick Links with:

• Icon style: Custom icons (SVG) or Fluent UI icons — avoid generic defaults
• Compact button layout: Works better than card layout on mobile
• Audience targeting: Show role-specific tools (HR-only, Finance-only)
• Grouping: Organize into sections (People & HR, Finance, IT, Collaboration)

Highlighted Content Web Part

Dynamically surfaces documents, pages, and news based on managed metadata or content type. Use for:

• "Recent Policies" — content type: Policy, sorted by modified date
• "New in the Knowledge Base" — tagged with specific term set values
• "Forms & Templates" — content type: Form

People Web Part

Show leadership team, department contacts, or new hires. Connect to Microsoft 365 profiles for automatic photo and job title updates.

Events Web Part

Surface events from SharePoint event lists or Microsoft 365 calendar. Configure:

• Source: Select all event lists in hub
• Display: 3-5 upcoming events with date and location
• Link: "View all events" to the events calendar page

Hero Web Part

The Hero web part (full-width banner) is the most visually prominent element. Best practices:

• 5-tile layout for enterprise intranets with lots of content
• Single tile layout for simpler homepages
• Always use high-quality 16:9 images (1920x1080 or better)
• Update hero content weekly minimum — stale hero content destroys credibility
• Link tiles to: top announcement, strategic initiative, new product, or key tool

Microsoft Search (Search Box Web Part)

Configure site search to scope to hub-associated sites. For the homepage, add a prominent search box above the fold. Include:

• Placeholder text: "Search for people, documents, tools, or news..."
• Vertical links below search box: "People", "Documents", "News", "Sites"

Personalization with Audience Targeting

Audience targeting shows/hides content based on Microsoft 365 group membership. This is the single biggest driver of intranet satisfaction — employees see relevant content, not generic company-wide noise.

Configuring Audience Targeting

• Enable audience targeting on News, Quick Links, and Highlighted Content web parts
• Create M365 groups per segment: HR-Staff, Finance-Staff, Executive, NewHires, etc.
• Configure audience per news article, quick link, and content item
• For Quick Links: create multiple instances with different audiences showing different tools

```

Audience Targeting Map:

Quick Links - Everyone: HR Portal, IT Helpdesk, Expense Report, Directory

Quick Links - Finance: AP Invoice Portal, Budget Tool, Financial Reporting

Quick Links - HR: HRIS System, Recruiting Tool, Benefits Admin

Quick Links - IT: Admin Center, Azure Portal, Intune Console

Quick Links - Managers: Performance Reviews, Headcount Reports, Approval Workflows

```

Performance Optimization for Homepage Load Speed

The homepage must load in under 3 seconds on desktop and 5 seconds on mobile. SharePoint Communication Site pages with 15+ web parts can load slowly.

Homepage Performance Best Practices

• Limit web parts: Maximum 10-12 web parts on homepage (not 25)
• Lazy-load below fold: Web parts below the visible area load after initial paint
• Optimize images: Hero and news images should be WebP format, <200KB
• Avoid iframes: Third-party embedded content slows page load significantly
• Limit real-time data: Minimize Highlighted Content web parts that query dynamically — cache results
• Defer analytics: Load Google Analytics or Matomo after page interaction, not on load

Measuring Homepage Performance

Use Microsoft 365 Page Diagnostics tool (Edge extension) to measure:

• Total page weight
• Number of requests
• Largest Contentful Paint (LCP)
• Cumulative Layout Shift (CLS)

Target: LCP < 2.5 seconds, CLS < 0.1

Mobile Design Requirements

With 30-40% of intranet traffic coming from mobile devices, responsive design is non-negotiable.

Mobile Testing Checklist

• [ ] Hero web part: Shows correctly at 375px width (iPhone SE)
• [ ] Quick Links: Minimum 3 columns at mobile width, touch targets ≥44px
• [ ] News web part: Single-column stack on mobile
• [ ] Search box: Thumb-accessible at bottom or top of screen
• [ ] Navigation: Hamburger menu accessible and functional
• [ ] Page weight: < 2MB total on mobile connection (test at 4G throttled)
• [ ] No horizontal scroll: Content wraps properly at all viewport sizes

Viva Connections for Frontline Workers

For mobile-first frontline workers, Viva Connections in Teams is superior to the browser-based intranet:

• Adaptive Card Dashboard for native mobile app experience
• Push notifications for critical announcements
• Works in Teams mobile app (no separate app needed)
• Offline capability for key resources

Content Governance for the Homepage

The homepage is often neglected after launch. Implement governance:

Homepage Content Refresh Schedule

| Element | Update Frequency | Owner |

|---------|-----------------|-------|

| Hero banner | Weekly minimum | Communications team |

| Featured news | Daily (auto-pull from news posts) | Content authors |

| Quick links | Quarterly audit | Intranet team |

| People spotlight | Monthly | HR |

| Events | As announced | Department coordinators |

| Metrics/KPIs | Real-time or daily | BI/IT team |

Editorial Calendar

Maintain a 4-week rolling content calendar for hero banners and featured news. Plan around:

• Earnings announcements
• Open enrollment periods
• Company all-hands events
• Industry awareness months (relevant to your sector)
• Strategic initiative milestones

Launch and Adoption Strategy

Technical excellence means nothing if employees don't use the intranet. Adoption program:

Pre-launch (4 weeks out):

• Pilot with 10-15 power users across departments
• Collect feedback on navigation, quick links, missing content
• Announce launch via email + MS Teams channel

Launch week:

• CEO or executive champion blog post/video on the intranet itself
• Department head "quick links" videos showing their teams how to find their 3 most-used tools
• IT Helpdesk ready for login/access questions

Post-launch (90 days):

• Weekly analytics review: page views, top content, bounce rate
• Monthly quick link audit: add items getting 0 clicks, promote items getting most clicks
• Quarterly user survey: Net Promoter Score for intranet satisfaction

Conclusion

A great SharePoint intranet homepage is never "done" — it evolves with your organization. Design for your primary user persona, keep the quick links ruthlessly current, prioritize content freshness, and measure engagement continuously.

EPC Group has designed and launched 50+ SharePoint intranet homepages for enterprises ranging from 500 to 50,000 employees. Contact us to evaluate your current intranet or design a new one.