Annual Summary (Wrapped)
Feature Detail
Description
The Annual Summary (Wrapped) feature provides peer mentors and coordinators with a personalized year-in-review of their volunteer contributions, inspired by Spotify Wrapped. It surfaces statistics such as total activities logged, contacts supported, and milestones reached, making invisible effort visible and celebrating impact. The feature generates a visually engaging summary that motivates continued engagement and can be shared within the organization to demonstrate volunteer value and inspire peers.
Sources & reasoning
Lines 76 and 353 confirm three organizations explicitly requested a Spotify Wrapped-style year-in-review. The priority matrix (line 149) classifies it NICE TO HAVE in Fase 3, mapping to v1.1. The feature directly addresses the stated goal of making volunteer effort visible and motivating continued engagement.
-
docs/source/likeperson.md · line 76Tre organisasjoner er inspirert av Spotify Wrapped og ønsker en funksjon som viser likepersonens bidrag over tid - «Din likepersonsårek».
-
docs/source/likeperson.md · line 149| Gamification / Spotify Wrapped | ✓ | ✓ | - | ✓ | ✓ | NICE TO HAVE | 3 |
-
docs/source/likeperson.md · line 353- Gamification / «Ditt likepersonsår» (Wrapped, badges, Advantage Calculator)
Analysis
Three of the four partner organizations requested this feature to boost volunteer motivation and reduce churn. Volunteers often feel their work is invisible; a visually engaging year-in-review creates pride and a tangible record of impact. For coordinators, the summary provides a narrative layer to raw statistics that supports recognition conversations. Organizationally, the Wrapped summary functions as both a retention tool for existing volunteers and a recruitment hook - shareable content demonstrating the program's value to prospective peer mentors and organizational leadership.
The feature requires aggregation queries across the activities, events, and contacts tables for a rolling 12-month window per user. Flutter animations (Lottie or custom tweening) deliver the reveal experience on mobile. The backend generates the annual snapshot on demand and stores it in the annual_summaries table. WCAG 2.2 AA compliance requires all animated sequences to include pause and stop controls plus reduced-motion alternatives. Data is strictly tenant-scoped. The feature depends on personal-activity-statistics for data access and notification infrastructure for year-end alerts.
Quality Assurance
Peer Mentor (primary) · Coordinator (same flow)Peer Mentor
Quick UAT
- Logg inn i mobilappen som Peer Mentor. Naviger til Hjem-fanen og finn kortet 'Ditt likepersonsår' eller 'Årsoppsummering'.
- Trykk på kortet og bekreft at AnnualSummaryScreen åpnes og at innlasting starter.
- Bekreft at WrappedAnimationWidget starter animasjonssekvensen med første lysbilde (f.eks. totalt antall aktiviteter registrert).
- Sveip eller trykk gjennom alle lysbildene og bekreft at statistikk for aktiviteter, støttede kontakter og milepæler vises med korrekte verdier.
- Bekreft at avslutningslysbildet viser en oppsummerende melding og en 'Del'-knapp.
- Trykk 'Del' og bekreft at systemets delingsark åpnes med aktuelle delingsalternativer.
- Lukk skjermen, åpne Årsoppsummering på nytt og bekreft at samme innhold vises umiddelbart uten ny beregning (cachet svar).
Quick UAT — Accessibility
-
Logg inn i mobilappen som Peer Mentor. Naviger til Hjem-fanen og finn kortet 'Ditt likepersonsår' eller 'Årsoppsummering'.
- Screen reader Hjem-fanen annonseres ved valg; kortets tittel 'Ditt likepersonsår' leses av skjermleser med rolle 'knapp'.
- Keyboard / focus Tab-rekkefølge: bunn-nav → hjem-innhold → årsoppsummering-kort.
- Touch target Kortet er minst 44×44 CSS-piksler høyt.
- Contrast 4.5:1 for korttekst; ikoner formidler ikke status alene.
-
Trykk på kortet og bekreft at AnnualSummaryScreen åpnes og at innlasting starter.
- Screen reader Skjermleser annonserer 'Årsoppsummering, laster' eller tilsvarende ved skjermbytte.
- Focus visibility Fokus flyttes til toppen av den nye skjermen ved åpning.
- Live region 'Laster årsoppsummering' annonseres i polite live region.
-
Bekreft at WrappedAnimationWidget starter animasjonssekvensen med første lysbilde (f.eks. totalt antall aktiviteter registrert).
- Screen reader Første lysbilde leses av med tittel og nøkkelverdi, f.eks. 'Du registrerte 47 aktiviteter i år'.
- Zoom Lysbildet er lesbart og ikke avklippet ved 200 % skriftstørrelse.
- Contrast Animerte tekstelementer opprettholder 4.5:1 mot bakgrunn under hele sekvensen.
-
Sveip eller trykk gjennom alle lysbildene og bekreft at statistikk for aktiviteter, støttede kontakter og milepæler vises med korrekte verdier.
- Screen reader Hvert lysbilde annonseres ved overgang; statistikkverdier leses som tall, ikke som dekorativt innhold.
- Keyboard / focus Piltaster eller Enter/Mellomrom navigerer mellom lysbilder; ingen sveipebevegelse kreves.
- Touch target Navigasjonspiler og trykk-soner er minst 24×24 CSS-piksler.
-
Bekreft at avslutningslysbildet viser en oppsummerende melding og en 'Del'-knapp.
- Screen reader Avslutningslysbilde annonseres med tittel og 'Del'-knappen leses som 'Del årsoppsummering, knapp'.
- Focus visibility Fokus plasseres på 'Del'-knapp ved ankomst til avslutningslysbilde.
- Contrast 'Del'-knapp har 4.5:1 kontrast og er ikke kun indikert med farge.
-
Trykk 'Del' og bekreft at systemets delingsark åpnes med aktuelle delingsalternativer.
- Screen reader Systemets delingsark annonseres av OS-skjermleseren; innhold er tilgjengelig via standard tilgjengelighetsstøtte.
- Touch target Delingsalternativer i arket er minst 44×44 CSS-piksler.
-
Lukk skjermen, åpne Årsoppsummering på nytt og bekreft at samme innhold vises umiddelbart uten ny beregning (cachet svar).
- Screen reader Skjermleser annonserer skjermtittel ved gjenåpning; ingen 'laster'-melding forsinker innholdet.
- Focus visibility Fokus plasseres på første lysbilde eller tilbake-knapp ved gjenåpning.
Role Boundaries
2 role(s) must NOT access this feature-
Global Administrator
Mobilappen viser 'Ingen tilgang'-skjerm for Global Admin; Årsoppsummering er ikke tilgjengelig og deep-link returnerer 403.
-
Prospective Organization Representative
Rollen har ingen konto i mobilappen; innloggingsforsøk avvises og funksjonen er ikke tilgjengelig.
Expected End State
Peer Mentor ser fullstendig animert årsoppsummering med korrekte statistikkverdier for kalenderåret. Oppsummeringen er persistert i AnnualSummaryRepository og vises umiddelbart ved gjentatt åpning. Delingsarket lar brukeren dele innholdet eksternt.
Components (22)
Shared Components
These components are reused across multiple features
User Stories
No user stories have been generated for this feature yet.