🏠 Overview › 🎯 Features ›🎯 Annual Impact Summary (Wrapped)

Annual Impact Summary (Wrapped)

Feature Detail

high complexity extracted Gamification & Engagement Confidence: 100%
14
Components
198
Shared
7
User Stories
Yes
Analyzed

Description

A Spotify Wrapped-inspired yearly summary that presents each peer mentor's contributions in a visually engaging, shareable format. The summary highlights total hours volunteered, number of people helped, activity types, and personal milestones achieved over the year — transforming invisible volunteer work into a tangible, pride-inducing narrative. The feature is motivated directly by workshop feedback from NHF and HLF, who want to give peer mentors a sense of pride and recognition. The summary is generated automatically at year-end (and optionally at mid-year) and can be shared externally. It serves both motivational and retention purposes, reducing volunteer churn by making effort visible and celebrated.

Analysis

Business Value

Directly addresses the 40% dissatisfaction rate with peer mentor follow-up identified in HLF's own survey. Increases volunteer retention and pride, which reduces recruitment costs and maintains service quality across all organisations.

Implementation Notes

Aggregate activity data per peer mentor from the database over a rolling 12-month window. Design animated summary screens (Flutter animations or Rive). Support share-to-clipboard or screenshot. Consider half-year cadence as well. Must work offline for viewing cached summaries. Accessibility: full VoiceOver/TalkBack support with meaningful alt descriptions for each stat card.

Components (212)

User Interface (5)

ui Activity Type Breakdown Widget medium ui Milestone Badge Widget medium ui Summary Period Selector low ui Summary Share Overlay medium ui Wrapped Summary Screen high

Service Layer (4)

service Annual Stats Aggregation Service high service Milestone Detection Service medium service Summary Share Service medium service Wrapped Summary BLoC medium

Data Layer (2)

data Annual Summary Repository medium data Summary Offline Cache low

Infrastructure (3)

infrastructure Screenshot Capture Utility medium infrastructure Summary Accessibility Provider medium infrastructure Wrapped Animation Controller high

Shared Components

These components are reused across multiple features

User Interface (59)

ui Role Switch Widget medium Shared ui Role-Aware Bottom Navigation medium Shared ui Activity Type Selection Screen low Shared ui Speech-to-Text Field Overlay medium Shared ui Receipt Capture Widget medium Shared ui Peer Mentor Single Selector low Shared ui Proxy Audit Badge Widget low Shared ui Export Period Picker low Shared ui Contact Card Widget low Shared ui Contact Search Bar low Shared ui Peer Mentor Card Widget low Shared ui Activity History List low Shared ui Multi-Chapter Affiliation Chip Widget medium Shared ui Certification Status Badge low Shared ui Duplicate Activity Warning Dialog medium Shared ui Mentor Multi-Select Widget medium Shared ui Map Filter Panel medium Shared ui Claim Status Badge low Shared ui Export Date Range Picker low Shared ui Custom Date Range Picker low Shared ui Duplicate Activity Warning Dialog low Shared ui Proxy Activity Form medium Shared ui Proxy Peer Mentor Selector medium Shared ui Expected Return Date Picker low Shared ui Pause Activation Screen low Shared ui Pause Status Indicator low Shared ui Admin KPI Stat Widget low Shared ui Organisation Hierarchy Navigator high Shared ui Bufdir Period Selector Widget low Shared ui Export History List medium Shared ui Activity Type Donut Chart medium Shared ui Monthly Activity Bar Chart medium Shared ui Statistics Period Filter Bar low Shared ui Statistics Summary Cards low Shared ui Notification Badge Widget low Shared ui Certificate Expiry Status Indicator low Shared ui Animated Stat Card Widget medium Shared ui In-App Notification Banner low Shared ui Accessible Modal Sheet Widget high Shared ui Live Region Announcer medium Shared ui Semantics Wrapper Widget medium Shared ui Sensitive Field Warning Dialog high Shared ui Confirm Before Submit Screen medium Shared ui Inline Contextual Help Widget low Shared ui Labelled Navigation Bar low Shared ui Plain Language Error Display low Shared ui Single-Action Screen Layout medium Shared ui Wizard Progress Indicator low Shared ui Accessible Text Style System medium Shared ui Accessible Touch Target Wrapper low Shared ui Contrast-Safe Color Palette Widget medium Shared ui Accessible Bottom Navigation Bar medium Shared ui Modal Close Button low Shared ui Persistent Back Button low Shared ui Vertical Scroll Container low Shared ui Organization Card Widget low Shared ui Terminology-Aware Text Widget low Shared ui FeatureGate Widget low Shared ui Chapter Switcher medium Shared

Service Layer (52)

service Authentication Service medium Shared service Authentication Session Manager medium Shared service Biometric Authentication Service medium Shared service Biometric Authentication Service medium Shared service Biometric Authentication Service medium Shared service Permission Checker Service medium Shared service Role State Manager medium Shared service No-Access Route Guard low Shared service Activity Type Metadata Resolver low Shared service Chapter Scope Resolver medium Shared service Organisation Hierarchy Resolver medium Shared service Coordinator Notification Service medium Shared service Duplicate Activity Detection Service high Shared service Mentor Filter Service low Shared service Receipt Threshold Validator low Shared service Approval Status Notification Service medium Shared service Threshold Evaluation Service medium Shared service Declaration Encryption Service high Shared service Organization Feature Flag Service low Shared service Participant Deduplication Service high Shared service Reporting Period Service medium Shared service Activity Attribution Service low Shared service Proxy Duplicate Detection Service medium Shared service Pause Management Service medium Shared service Pause Notification Service medium Shared service Admin Export Service medium Shared service Admin Row-Level Security Guard high Shared service Organisation Hierarchy Service high Shared service User Management Service high Shared service Role Access Validator low Shared service Peer Mentor Stats Aggregator medium Shared service Push Notification Dispatcher medium Shared service Notification Preference Service low Shared service Scenario Deep-Link Router medium Shared service Scenario Notification Content Builder medium Shared service Badge Criteria Integration medium Shared service Activity Summary Aggregator low Shared service Focus Management Service medium Shared service Screen Reader Detection Service medium Shared service Sensitive Field Privacy Guard high Shared service Plain Language Content Service medium Shared service Wizard State Manager medium Shared service Tab State Manager medium Shared service Organization Route Guard medium Shared service Tenant Context Service high Shared service Label Key Resolver Service low Shared service Organization Labels Notifier medium Shared service FeatureFlagProvider (Riverpod) medium Shared service Access Scope Service high Shared service Hierarchy Aggregation Service high Shared service Hierarchy Service high Shared service Unit Assignment Service medium Shared

Data Layer (33)

data Authentication Repository low Shared data Auth Token Store low Shared data Secure Session Storage low Shared data Activity Type Cache Provider medium Shared data Receipt Storage Adapter medium Shared data Proxy Contact List Provider low Shared data Contact Repository medium Shared data Contact Detail Repository medium Shared data Peer Mentor Repository low Shared data Mentor Status Repository low Shared data Contact Chapter Repository medium Shared data Contact Cache Sync Repository low Shared data Organisation Rate Configuration Repository low Shared data Multi-Organization Data Isolator medium Shared data Bufdir Aggregation Repository low Shared data Report File Storage Client low Shared data Certification Status Repository low Shared data Peer Mentor Status Repository medium Shared data Statistics Cache Manager low Shared data In-App Notification Repository low Shared data Pause Status Record Repository low Shared data Activity Aggregation Repository medium Shared data Notification Preferences Repository low Shared data Scenario Notification Repository medium Shared data Sensitive Field Configuration low Shared data Error Message Registry low Shared data Help Content Registry low Shared data Wizard Draft Repository low Shared data Design Token Provider medium Shared data Organization Repository medium Shared data Terminology Local Cache Adapter low Shared data Organization Unit Repository high Shared data Unit Assignment Repository medium Shared

Infrastructure (54)

infrastructure Keyboard-Aware Layout Utility low Shared infrastructure Supabase Auth Client low Shared infrastructure Deep Link / OAuth Redirect Handler medium Shared infrastructure Secure Storage Adapter low Shared infrastructure Supabase Session Manager medium Shared infrastructure URL Launcher Utility low Shared infrastructure Local Storage Adapter low Shared infrastructure Supabase Activity Client low Shared infrastructure Organization Labels Provider low Shared infrastructure Supabase Client low Shared infrastructure Organisation Field Config Loader medium Shared infrastructure Speech-to-Text Adapter medium Shared infrastructure File Download Handler low Shared infrastructure Duplicate Reviewed Flag Middleware low Shared infrastructure Contact RLS Query Builder low Shared infrastructure Contact Form Validator low Shared infrastructure Design Token Theme low Shared infrastructure Organization Labels Provider low Shared infrastructure Supabase Client Provider low Shared infrastructure Search Debounce Utility low Shared infrastructure Expense Type Analytics Tracker low Shared infrastructure Receipt Image Picker Integration low Shared infrastructure CSV / JSON File Generator medium Shared infrastructure Coordinator Role Guard low Shared infrastructure Nightly Job Scheduler medium Shared infrastructure Supabase RLS Policy Configuration high Shared infrastructure Export File Storage Adapter low Shared infrastructure Supabase Storage Adapter low Shared infrastructure Peer Mentor Pause Management Service medium Shared infrastructure Push Notification Service medium Shared infrastructure fl_chart Adapter medium Shared infrastructure Push Notification Service low Shared infrastructure FCM Push Notification Sender medium Shared infrastructure FCM Notification Dispatcher medium Shared infrastructure Push Notification Dispatcher medium Shared infrastructure Supabase Realtime Subscription Service medium Shared infrastructure Organisation Data Isolation Guard low Shared infrastructure Push Notification Dispatcher medium Shared infrastructure Deep Link Handler medium Shared infrastructure QR Code Generator low Shared infrastructure Share Sheet Bridge low Shared infrastructure Semantics Service Facade medium Shared infrastructure Accessibility Design Token Enforcer medium Shared infrastructure Accessible Theme Builder medium Shared infrastructure Navigation Route Configuration medium Shared infrastructure Accessibility Live Region Announcer low Shared infrastructure Feature Flag Provider low Shared infrastructure Secure Storage Adapter low Shared infrastructure Supabase RLS Tenant Scope Configurator medium Shared infrastructure Label Key Registry low Shared infrastructure Terminology Riverpod Providers low Shared infrastructure WCAG Semantics Label Resolver low Shared infrastructure Feature Flag Key Constants low Shared infrastructure RLS Policy Manager high Shared

User Stories (7)

Select and View Summaries for Different Time Periods
medium 5 pts

As a As a Peer Mentor (Likeperson)

I want to switch between different time periods (current year, previous year, last 6 months) when viewing my impact summary

So that I can track my progress over time, understand seasonal patterns in my activity, and see how my commitment has evolved

Acceptance Criteria
  • Given I am viewing my annual summary, when I tap the period selector, then I see options for the current year, previous year, and last 6 months
  • Given I select a different time period, when the selection is confirmed, then the summary re-animates and all statistics update to reflect the chosen period
  • Given I switch from current year to previous year, when both periods have data, then a comparison card is shown highlighting changes in total sessions, hours, and unique contacts
  • +3 more
View Full Story →
Access Annual Summary Offline
medium 5 pts

As a As a Peer Mentor (Likeperson)

I want to view my most recently generated annual impact summary even when I do not have an internet connection

So that I can share and reflect on my contributions at any time, including during events, meetings, or in areas with poor connectivity

Acceptance Criteria
  • Given I have previously loaded my annual summary with an internet connection, when I open the summary screen without connectivity, then the cached version is displayed with a 'Last updated: [date]' indicator
  • Given I am viewing the offline cached summary, when I attempt to share it, then the screenshot capture and share sheet still function correctly using the cached data
  • Given I am offline and my cached data is more than 30 days old, when I view the summary, then a banner prompts me to connect to the internet to refresh my summary
  • +3 more
View Full Story →
Receive Notification When Annual Summary is Ready
medium 5 pts

As a As a Peer Mentor (Likeperson)

I want to receive a push notification when my annual impact summary has been generated and is ready to view

So that I do not miss the summary or have to remember to check the app, and the moment of recognition feels timely and special

Acceptance Criteria
  • Given my annual summary has been generated, when the notification is dispatched, then I receive a push notification with a personalized stat highlight from my summary
  • Given I tap the push notification, when the app opens, then I am deep-linked directly to my annual summary screen without needing to navigate manually
  • Given I have opted out of push notifications in the app settings, when the annual summary is generated, then I do not receive a push notification but the summary is still accessible in-app
  • +3 more
View Full Story →
View Activity Type Breakdown in Annual Summary
medium 5 pts

As a As a Peer Mentor (Likeperson)

I want to see a visual breakdown of the different types of activities I conducted during the year

So that I can understand where I invested my time, identify which activity types I am most comfortable with, and reflect on the diversity of my contributions

Acceptance Criteria
  • Given I have activities of multiple types in the selected year, when I view the annual summary, then an activity type breakdown section shows a visual chart with my activity distribution
  • Given my organization uses custom activity type labels, when the breakdown is rendered, then it uses the organization-specific labels rather than generic system labels
  • Given I tap on a segment of the activity breakdown chart, when the detail is shown, then I see the session count and total hours for that activity type
  • +3 more
View Full Story →
Share Annual Impact Summary with Others
medium 8 pts

As a As a Peer Mentor (Likeperson)

I want to capture and share a visual snapshot of my annual impact summary to social media, messaging apps, or email

So that I can celebrate my contributions publicly, inspire others to become peer mentors, and help my organization recruit new volunteers

Acceptance Criteria
  • Given I am viewing my annual summary, when I tap the share button, then a share overlay appears showing a preview of the shareable image with my key stats and badges
  • Given I am on the share overlay, when I confirm sharing, then the native iOS/Android share sheet opens with the generated image attached
  • Given the shareable image is generated, when it is created, then it contains no personally identifiable information about any contacts or individuals I have worked with
  • +3 more
View Full Story →
View and Explore Earned Milestone Badges
medium 8 pts

As a As a Peer Mentor (Likeperson)

I want to see all the milestone badges I have earned throughout my time as a peer mentor, with details on how each badge was awarded

So that I feel recognized for specific achievements, understand what milestones I am working toward next, and stay engaged with the platform

Acceptance Criteria
  • Given I have earned badges, when I view the annual summary, then a badge shelf shows all my earned badges with icons and titles
  • Given I tap on any badge, when the detail modal opens, then I can see the badge name, award date, the specific achievement criteria that triggered it, and my current recognition tier
  • Given I have earned a new badge since my last app session, when I open the summary or badge shelf, then a celebration animation plays for the newly earned badge
  • +3 more
View Full Story →
View Personalized Annual Impact Summary
high 13 pts

As a As a Peer Mentor (Likeperson)

I want to view a visually engaging, Spotify Wrapped-style summary of my contributions over the past year

So that I can see the full scope of my volunteer impact, feel pride in my work, and stay motivated to continue helping others

Acceptance Criteria
  • Given I have completed at least one activity in the past year, when I open the Annual Impact Summary screen, then I see an animated summary with total sessions, total hours, unique contacts supported, and activity type breakdown
  • Given I am viewing the summary, when the screen loads, then milestone highlights (e.g., '100th session!', 'First year complete') are displayed prominently with celebratory animations
  • Given I have activity data from previous years, when I view my annual summary, then a year-over-year comparison card is shown with percentage change indicators
  • +3 more
View Full Story →