Refuge is a single-page donation and fundraising landing page built for an anti-trafficking social enterprise. It combines a UGC Photo Wall hero, a zigzag Testimonial Mosaic layout, and a modal donation form with tangible outcome anchors. The Forest Trust color system and Healing Space design theme build trust before the first ask is ever made.
by Rocket studio
Loading preview…
Quick summary
Refuge is a fundraising landing page designed for an anti-trafficking social enterprise. It guides church groups, corporate giving directors, and individual donors through survivor stories and transparent impact proof before presenting the donation call to action. Every section earns the gift. The page feels grounded, unhurried, and quietly certain that something safe exists here.
Who this template is for
This template is built for mission-driven organizations working in trauma recovery, survivor support, and anti-trafficking advocacy. It fits teams that need to present emotional truth and transparent outcomes to multiple donor types at once.
Individual donors who are emotionally motivated and need visible proof of impact before giving
Corporate social responsibility directors who require vetted program outcomes and organizational clarity
Church groups planning community giving initiatives such as freedom Sunday offerings
What problem this template solves
Most nonprofit landing pages ask for money before they show proof. Donors arrive skeptical and leave unconvinced. Refuge flips that sequence. It shows evidence first and lets the ask arrive naturally after trust has been established.
Donors cannot connect a gift amount to a specific outcome, so they hesitate or give less
Organizations struggle to serve emotional individual donors and analytical corporate reviewers on one page
Survivor dignity is often sacrificed for engagement, making the page feel exploitative rather than trustworthy
What you get with this template
You get a fully structured, single-page fundraising layout with every section pre-designed and ready to populate with your organization's real content. The layout handles the donor journey from first impression to completed gift.
A UGC Photo Wall hero mosaic with a hand-set headline, a zigzag Testimonial Mosaic with alternating story panels, an animated Impact Numbers section, a three-step How We Work sticky-scroll process, and a full-width donation call-to-action section
A modal donation form with pre-set giving amounts tied to tangible outcomes, a monthly giving toggle, a custom amount field, and a secondary volunteer intake path labeled "Give Your Skills Instead"
Theme
Healing Space
Creative direction
Testimonial Mosaic
Color system
Forest Trust
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
UGC Photo Wall Hero Mosaic
Zigzag Testimonial Mosaic Layout
Outcome-anchored Donation Modal
Fixed Bottom Donation Bar
Animated Impact Numbers Section
Three-step How We Work Section
Related questions
Can I change the donation amounts shown in the giving modal?
Does the template support both one-time and monthly donations?
How does the template handle survivor privacy in the testimonial sections?
Who handles the volunteer intake form linked from the page?
Is this template suitable for a church group giving campaign?
A fixed bottom donation bar that appears gently after the third testimonial and persists through the rest of the scroll
Feature list
A closer look at the built-in components that make this landing page work for fundraising audiences.
UGC Photo Wall Hero
The hero section is a mosaic grid of warm-toned, slightly desaturated photographs taken by survivors and staff. No faces appear fully visible. The compositional rule is dignity. A single line of hand-set type fades in over the grid: "Every square is someone who made it out."
Zigzag Testimonial Mosaic
Survivor stories alternate sides across the scroll in a classic zigzag layout. Each panel pairs a short, anonymized, first-person account with a photograph or illustration on the opposite side. The scroll deepens in normalcy rather than escalating in drama, showing healing as ordinary days accumulating.
Outcome-Anchored Donation Modal
The donation form opens as a modal triggered from the primary call-to-action button. Pre-set giving amounts are tied directly to real program costs. Examples include "$35 covers one week of safe housing" and "$120 funds a full vocational module." A monthly giving toggle and a custom amount field are included.
Fixed Bottom Donation Bar
After the third testimonial, a soft fixed bar appears at the bottom of the viewport carrying the primary "Give Safety" call-to-action button in new-growth gold. It stays gently present through the remainder of the page without interrupting the reading experience.
Animated Impact Numbers Section
A dedicated section presents key program statistics with scroll-linked animation. Stats are anchored to tangible outcomes such as women housed, certificates earned, and cases won, giving analytical donors the evidence layer they need.
Three-Step How We Work Section
A sticky-scroll process section walks visitors through the organization's three-stage model: safe house, job training, and advocacy. This section gives corporate reviewers and mission-aligned church groups a clear picture of how the program operates from intake to independence.
Page sections overview
Section
Purpose
Hero Photo Wall
Opens with survivor photography mosaic and fading headline to anchor emotional trust immediately
Testimonial Mosaic
Zigzag alternating survivor stories build proof of impact through first-person accounts
Impact Numbers
Animated stats with outcome anchors show organizational scale and program results
How We Work
Sticky-scroll three-step process maps the path from safe house to advocacy
Donation Call to Action
Full-width section triggers the giving modal and surfaces the volunteer secondary path
Footer
Horizontal flow footer closes the page with organizational navigation and contact context
Design & branding system
The visual identity follows a Healing Space theme built on the Forest Trust color system. Every design decision reinforces the feeling of something protected, alive, and growing. Typography pairs Fraunces serif headings with DM Sans body text for a tone that is both warm and legible.
Color palette: deep canopy green (#2D4A3E) as the primary tone, warm earth (#A67B5B) for supporting accents, soft linen white (#F5F0EB) as the page background, and new-growth gold (#C9A227) reserved exclusively for donation buttons and progress indicators
Animations use staggered scroll-linked reveals with no jarring motion, keeping the pace unhurried and consistent with the emotional tone of the content
Mobile & speed optimization
The layout is designed with equal priority for mobile and desktop visitors. Church groups often browse on mobile devices, while corporate giving directors typically review on desktop. Both experiences are considered in the build.
Lazy loading is applied to the photo mosaic and testimonial imagery to keep the page responsive as content loads on slower connections
Smooth scroll behavior and staggered reveal animations are calibrated to perform at a medium intensity, avoiding heavy motion that could distract or slow the reading experience
How this template helps you convert
Refuge earns the gift before it asks for it. The page architecture is built around a proof-first, ask-second sequence that respects the donor's intelligence and emotional state.
Every testimonial panel and impact stat functions as evidence. By the time the "Give Safety" button appears after the third testimonial, the visitor has already seen the program working in real terms.
The modal donation form removes friction by presenting pre-set amounts with outcome descriptions. Donors know exactly what their gift does, which shortens the decision from abstract generosity to a specific, traceable act.
Other information about this template
Refuge is built as part of a nonprofit and social enterprise template collection focused on mission-driven fundraising and community impact storytelling.
The template style is Zigzag/Alternating, making it well suited to organizations that have multiple beneficiary stories to present without a linear narrative structure
The secondary volunteer path labeled "Give Your Skills Instead" links to a volunteer intake form, opening a non-financial engagement route for visitors who want to contribute time or professional skills
The footer follows a Vercel Horizontal Flow pattern, providing a clean organizational close with space for navigation links and contact information
This template is categorized under Community and Nonprofit, with a specific fit for anti-trafficking social enterprises and adjacent survivor support organizations
