alumni_lookup

Champion Portal — Homepage & Dashboard

⚠️ PLANNING DOCUMENT — This describes features that are NOT YET IMPLEMENTED.

Related Documents:

• ../README.md — Champion Portal technical overview
• ../DEVELOPMENT/DECISIONS.md — Architectural decisions
• 02-PROFILE-MANAGEMENT.md — Profile completion
• 04-CONTRIBUTIONS.md — Quick actions

---

Table of Contents

1. Overview
2. Dashboard Layout
3. Dashboard Sections
4. Navigation
5. Regional Context
6. Empty States
7. Notifications Panel
8. Admin Content Management
9. Performance Considerations

---

1. Overview

The Champion Portal homepage should immediately reinforce belonging, actionability, and celebration.

Directly rooted in the Verbal Style Guide and Core Narrative.

---

2. Dashboard Layout

┌─────────────────────────────────────────────────────────────────────────────┐
│ Welcome back, [Preferred Name]!                              [Profile] [⚙️] │
├─────────────────────────────────────────────────────────────────────────────┤
│                                                                             │
│ ┌─────────────────────────────┐  ┌─────────────────────────────────────────┐│
│ │ Your Champion Role(s)       │  │ Quick Actions                          ││
│ │ 🏠 Community Builder        │  │ [Invite a Fellow Bruin]                ││
│ │ 🤝 Connection Advisor       │  │ [Submit an Event]                      ││
│ │                             │  │ [Share a Story]                        ││
│ │ [Retake Role Quiz]          │  │ [Mentorship]                           ││
│ └─────────────────────────────┘  └─────────────────────────────────────────┘│
│                                                                             │
│ ┌─────────────────────────────────────────────────────────────────────────┐ │
│ │ Upcoming Events in [Your Region]                           [View All]  │ │
│ │ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐                        │ │
│ │ │ Dec 5       │ │ Dec 12      │ │ Dec 18      │                        │ │
│ │ │ Nashville   │ │ Holiday     │ │ Networking  │                        │ │
│ │ │ Meetup      │ │ Party       │ │ Lunch       │                        │ │
│ │ └─────────────┘ └─────────────┘ └─────────────┘                        │ │
│ └─────────────────────────────────────────────────────────────────────────┘ │
│                                                                             │
│ ┌────────────────────────────────┐ ┌────────────────────────────────────┐  │
│ │ Recent Posts                   │ │ Spotlight Story                    │  │
│ │ [Region] Discussion            │ │ ┌──────────────────────────────┐   │  │
│ │ ──────────────────────         │ │ │ [Image]                      │   │  │
│ │ • New restaurant recs?         │ │ │ "How I Found My Dream Job    │   │  │
│ │ • Looking for mentor in...     │ │ │  Through Belmont Connections"│   │  │
│ │ • Anyone going to...           │ │ └──────────────────────────────┘   │  │
│ │ [View All Discussions]         │ │ [Read More Stories]                │  │
│ └────────────────────────────────┘ └────────────────────────────────────┘  │
│                                                                             │
│ ┌─────────────────────────────────────────────────────────────────────────┐ │
│ │ Because you're a Community Builder...                                   │ │
│ │ • Connect with 3 new Champions in your area this month                 │ │
│ │ • Consider hosting a casual coffee meetup                              │ │
│ │ • Share your neighborhood's hidden gems on the discussion board        │ │
│ └─────────────────────────────────────────────────────────────────────────┘ │
│                                                                             │
└─────────────────────────────────────────────────────────────────────────────┘

---

3. Dashboard Sections

3.1 Welcome Header

• Personalized greeting with preferred name
• Profile link (photo thumbnail if uploaded)
• Settings gear icon

3.2 Your Champion Role(s)

• Display selected role(s) with icons
• Link to retake role quiz
• Role-specific badge/color

3.3 Quick Actions

Primary CTAs based on Champion roles:

Action	All Champions	Role-Specific
Invite a Fellow Bruin	✅
Submit an Event	✅	Community Builder emphasis
Share a Story	✅	Digital Ambassador emphasis
Mentorship	✅	Connection Advisor emphasis
Give	✅	Generous Giver emphasis

3.4 Upcoming Events

• Shows events in Champion’s primary region
• Also shows national events
• 3–5 event cards with:
  • Date
  • Title
  • Location (city)
  • RSVP button
• “View All” link to full calendar

3.5 Recent Posts / Announcements

• Latest posts from regional board
• Pinned announcements at top
• 3–5 recent posts
• “View All Discussions” link

3.6 Spotlight Story

• Featured story (national or regional)
• Image, headline, brief excerpt
• “Read More Stories” link
• Rotates periodically

3.7 Role-Based Suggestions

Dynamic content based on Champion’s selected roles:

Community Builder:

• “Connect with 3 new Champions in your area”
• “Consider hosting a casual meetup”
• “Share your neighborhood tips”

Connection Advisor:

• “Check in with a mentee this week”
• “Update your mentor availability”
• “Share career advice on the board”

Digital Ambassador:

• “Have a story idea? Submit it!”
• “Follow @BelmontAlumni for content to share”
• “Tag #BelmontChampions in your posts”

Generous Giver:

• “Your region’s giving campaign is [X]% to goal”
• “Consider a recurring gift”
• “Share why you give”

---

4. Navigation

4.1 Primary Navigation (Header)

[Logo] Dashboard | Directory | Events | Discussions | [Profile ▼]

Item	Destination
Dashboard	Homepage
Directory	Champion search/browse
Events	Event calendar + submission
Discussions	Discussion boards
Profile	Profile menu dropdown

4.2 Profile Dropdown

┌─────────────────────┐
│ My Profile          │
│ My Submissions      │
│ My Messages         │
│ Settings            │
│ ─────────────────── │
│ CLC Tools (if CLC)  │
│ ─────────────────── │
│ Log Out             │
└─────────────────────┘

4.3 Mobile Navigation

Bottom tab bar on mobile:

[Home] [Directory] [Events] [Boards] [Profile]

---

5. Regional Context

5.1 Default View

• Dashboard shows content for Champion’s primary region
• Events, posts, announcements filtered to region
• Clear indicator of current region

5.2 “Visit Mode”

When visiting another region:

• Banner indicating “Viewing [Region Name]”
• “Return to [Primary Region]” button
• Content switches to visited region

5.3 Region Selector

• Dropdown in header (desktop)
• Option in settings (mobile)
• “Visit” vs “Change Primary Region”

---

6. Empty States

6.1 New Champion (No Activity)

Welcome to the Champion Portal! 

Here's how to get started:
1. ✅ Complete your profile
2. 📅 Check out upcoming events in your area
3. 💬 Introduce yourself on the discussion board
4. 🔍 Find Champions with similar interests

[Complete Profile] [Browse Events] [Say Hello]

6.2 No Events in Region

No upcoming events in [Region Name] yet.

Be the first to organize something!
[Submit an Event]

Or check out national events:
[View National Events]

6.3 No Posts in Region Board

Your regional discussion board is waiting for you!

Start a conversation:
• Ask for local recommendations
• Share what you're working on
• Propose a meetup idea

[Create First Post]

---

7. Notifications Panel

Accessible from header bell icon:

┌─────────────────────────────────────┐
│ Notifications                 Clear │
├─────────────────────────────────────┤
│ 🔔 New reply to your post      2h  │
│ 📅 Event tomorrow: Nashville...5h  │
│ ✅ Your event was approved     1d  │
│ 👋 Sarah mentioned you         2d  │
│ [View All Notifications]            │
└─────────────────────────────────────┘

---

8. Admin Content Management

8.1 Posts and Announcements

Engagement Team can create:

• National announcements — Appear on all dashboards
• Regional announcements — Appear for specific region

8.2 Spotlight Stories

Set via admin tools:

• Select from approved stories
• Set scope: National or Regional
• Set display duration
• Multiple spotlights rotate

8.3 Role-Based Suggestions

Configured in admin:

• Suggestions per role type
• Seasonal updates
• A/B testing different messages

---

9. Performance Considerations

9.1 Caching Strategy

• Dashboard data cached per Champion
• Invalidate on:
  • New events in region
  • New posts in region
  • Profile changes
  • Role changes

9.2 Lazy Loading

• Events: Load first 3, lazy load more
• Posts: Load first 5, lazy load more
• Spotlight: Single featured item

---

Related Documentation

Document	Purpose
01-AUTHENTICATION.md	Authentication and onboarding
02-PROFILE-MANAGEMENT.md	Profile completion
03-DIRECTORY-SEARCH.md	Directory navigation
04-CONTRIBUTIONS.md	Quick actions
05-DISCUSSION-BOARDS.md	Recent posts