← PortfolioScreens

Case study · Web app · Fundraising

Online Donation & Gala Fundraising

Giving page, live funding meter and event-night tools for the HUFUS NYC Gala 2026

Year
2026
Role
Digital Product Owner
Client
Habib University Foundation U.S.
Platform
Web, big screen and mobile
The gala funding meter on a big screen, the giving page on a laptop and the QR check-in app on a phone

Donor names and totals on screen are placeholder data. The check-in app screen is an illustrative recreation; the original app has been retired.

01 — Overview

The HUFUS NYC Gala 2026 needed one connected system: a giving page donors could trust, a live total the whole room could watch, and tools the team could run from a laptop. I acted as Digital Product Owner, and I designed and built the front end myself.

106%raised of target amount

02 — My role

Digital Product Owner, end to end

  • Design
  • Front-end development
  • Stakeholder management
  • Donor interviews
  • RSVP on Greenvelope, managed with Claude
  • QR check-in app built in Google AI Studio
  • Reports and dashboards after the event

03 — The screens

Give, run the night, check in

01

Give

One page for every gift, from $500 to endowments. Give now, or pledge and pay later.

Mobile giving page: the gala message, impact figures and the start of individual giving
Mobile giving page: an open gift form with Give now and Pledge and pay later, above the giving tiers
Mobile giving page: major gifts and endowment tiers, and the development coordinator contact
02

Run the night

A live total for the room, and a moderator in control of what it shows.

The funding meter as shown on the big screen: giving total, group tiers, the latest pledge, top three tables and pledge cards
The gala hub on a phone, linking to the dashboard, configuration, moderation, manual pledge and report screens
  1. Funding MeterLive total, latest pledge, group tiers and top tables on the big screen.
  2. Moderation queueEvery pledge, online or manual, waits for a moderator to publish it.
  3. ConfigurationSwitch the featured group and table numbers without refreshing the stage.
  4. Manual pledgeCheques and pre-pledges entered by staff.
  5. ReportReconciliation once the program ends.
03

Before and after

From invitation to final report, in one connected flow.

Illustrative QR check-in app: a scanner view and a welcome card for a checked-in guest

Illustrative mockup. The original app has been retired.

  1. Invite and RSVPInvitations and RSVPs on Greenvelope, with Claude managing the responses.
  2. Check inGuests scanned in at the door with a QR app built in Google AI Studio.
  3. Live givingPledges published to the funding meter as they came in.
  4. Reports and dashboardsGenerated after the event.