Donor Recognition Wall Touchscreen Website
Create an interactive donor recognition wall as a fullscreen touchscreen website: giving tiers, donor stories, campaign progress, sponsorship zones, and QR handoff—WCAG 2.1 AA.
Intent: inspire — an interactive donor wall that feels premium (and inclusive)
The best donor walls are designed like a touchscreen website in fullscreen mode: fast search, clear tier navigation, and story modules that connect giving to impact—without turning the wall into an ad board.
Experience Goal
- Help visitors find names quickly (search + tier filters)
- Showcase impact stories (featured donors, named funds, project wins)
- Support campaigns (progress modules + naming opportunities)
Experience Layout (wireframe)
┌───────────────────────────────────────────────────────────────┐
│ (A) Header: Brand | Search | Campaign | Accessibility │
├───────────────────────────────────────────────────────────────┤
│ (B) Hero: Campaign story + progress + “Scan to learn more” QR │
├───────────────┬───────────────────────────────────────────────┤
│ (C) Tier Nav │ (D) Donor Grid │
│ - Levels │ - Name cards (large tap targets) │
│ - Year range │ - Featured story cards (top tiers) │
│ - Fund/Area │ - Sponsor tiles (optional) │
├───────────────┴───────────────────────────────────────────────┤
│ (E) Story Drawer: impact, photos/video, named spaces, CTA │
└───────────────────────────────────────────────────────────────┘
Content Blocks & Motion
- Campaign progress: Subtle animated bar/thermometer; no aggressive motion.
- Featured story cards: Rotating “impact stories” in idle mode.
- Donor search: Predictive search + phonetic tolerance (optional).
- QR continuation: Open the exact donor story on mobile.
Accessibility & UX Checklist (WCAG 2.1 AA)
- Contrast-safe overlays on imagery.
- Large tap targets and generous spacing (avoid “name wall grid fatigue”).
- Text scaling for names and giving levels.
- Clear “Back” and “Start Over” actions for public spaces.
Brand Integration Checklist
- Unlimited layouts per campaign (capital campaign vs. annual fund)
- Custom backgrounds + typography pairings for premium feel
- Video loops for lobby idle mode (muted, subtle)
- Sponsorship zones (optional) that don’t compete with donor names
Activation Plan
- Phase 1: Search + tiers + base donor list
- Phase 2: Add impact stories + campaign progress + named spaces
- Ongoing: Monthly story rotation; quarterly tier refresh
CTA
Common questions
Quick answers to help you scope a touchscreen website that runs in fullscreen mode.
What is a digital donor wall?
A digital donor wall is an interactive display—often a fullscreen touchscreen website—that recognizes donors with searchable names, giving tiers, stories, and campaign progress.
How do we handle donor tiers on a touchscreen?
Use tier filters and a clean hierarchy (top tiers get featured story cards; long lists remain searchable). Avoid tiny text and dense columns.
How do we keep it ADA accessible?
Maintain WCAG 2.1 AA contrast, allow text scaling, ensure large touch targets, and provide QR handoff so visitors can read stories on their phone.
Want this designed for your space?
Get a free mock-up mapped to your kiosk, directory, donor wall, or recognition display.
Get your touchscreen mock-up
