← All Work

Together Transforms Tomorrow

A multi-pillar campaign microsite for The Phoenix's national $150M fundraising initiative. Three independently branded pillar pages, scroll-linked animation, Sanity CMS for editorial control, and full integration with The Phoenix's donation infrastructure.

Deliverables

Campaign microsite

Sanity CMS

Scroll animation

Multi-pillar architecture

Tech stack

Next.jsSanity CMSVercelManna donations

Year

2025

Visit website

$150M

campaign goal

3

independently branded pillar pages

1

shared component library

0

page builders or templates used

Screenshot 2026-04-03 at 11.17.09 PM.png
Screenshot 2026-04-03 at 11.17.21 PM.png
Screenshot 2026-04-03 at 11.17.31 PM.png

The challenge

Together Transforms Tomorrow was not a donation form campaign. It was a multi-pillar, multi-audience national initiative designed to fundamentally reframe how the country understands addiction recovery — and raise $150M doing it. The digital experience needed to match that ambition. A $150M campaign needs infrastructure that does not blink under traffic. It also needs a story told with enough specificity that the cause feels real to someone encountering it for the first time, and with enough emotional depth that a longtime Phoenix supporter feels the weight of what is being asked of them. A template cannot make those decisions. They require design.

The architecture

The microsite is organized around three distinct narrative pillars, each with its own URL, its own visual world, and its own argument for why The Phoenix's work matters — /reach, /lead, and /redefine. Each pillar page is independently managed through Sanity CMS, allowing The Phoenix's communications team to update content across all three without touching code. A shared component library maintains visual consistency across the pillars even as the content and tone of each varies. The design language carries through consistently. The story does not repeat itself.

Screenshot 2026-04-03 at 11.21.07 PM.png


The experience

The /redefine page features a scroll-linked animated image cluster where visual elements respond directly to the user's scroll position rather than playing on a timer or looping automatically. The animation is tied to the reading experience — as the user moves through the argument for redefining how recovery is understood, the visual environment shifts in response. The motion communicates the transformation the copy is describing rather than decorating it. This is not something a page builder produces. It is code written specifically for this page, this argument, and this audience.

Screenshot 2026-04-03 at 11.17.40 PM.png
Screenshot 2026-04-03 at 11.18.46 PM.png

The donation infrastructure

Every action on the TTT microsite connects back to The Phoenix's existing donation infrastructure. Donors who give through TTT are captured in the same donor records, receive the same confirmation and receipt emails, and flow through the same Salesforce sync as donors who give through any other Phoenix channel. The campaign site and the platform behind it are the same system. There is no reconciliation step, no manual export, no data that lives in a separate place.

A $150M campaign needs infrastructure that does not blink under traffic. It also needs a story told with design, not configured with a template.


Work with Manna

We're accepting a limited number of new partners.

If you're a nonprofit that has outgrown your current platform, or building from scratch and want to do it right, we'd love to hear about your mission.

Tell us about your mission