Refuge is a heartfelt wildlife conservation landing page template built for donation and fundraising. It uses a zigzag testimonial layout to pair donor stories with animal photography, ticking live impact counters, and a focused donation form with pre-set monthly amounts. Every design choice earns trust and moves visitors toward a recurring gift.
by Rocket studio
Loading preview…
Quick summary
Refuge is a single-page fundraising template for wildlife conservation nonprofits. It pairs emotional photography with donor testimonials in an alternating zigzag layout, shows live impact counters in real time, and guides visitors to a simple monthly donation form. The design feels grounded and warm, built to earn trust before asking for a gift.
Who this template is for
This template is made for conservation-focused nonprofits that need a landing page to convert first-time visitors into recurring monthly donors. It works especially well for organizations managing large natural habitats, wildlife rehabilitation programs, or watershed restoration projects.
Wildlife rehabilitation centers and raptor sanctuaries seeking monthly giving support
Land conservation nonprofits that want to show donors measurable, named outcomes
Environmental fundraising teams serving audiences of educators, stewardship families, and remote workers
What problem this template solves
Most nonprofit donation pages treat dollars as line items. Donors read a number, feel nothing specific, and leave. Refuge solves the proof-of-impact gap by translating every donation amount into a visible, living outcome tied to a named animal or a measured acre of land.
Generic donation pages fail to connect money to tangible results, reducing donor trust
Tribute and memorial giving options are often buried or absent, losing a secondary donor audience
Emotional storytelling and functional giving forms rarely coexist cleanly in a single page flow
What you get with this template
You get a fully structured, single-page fundraising layout built around emotional photography and donor accountability. Every section is designed to carry the visitor deeper into the cause before presenting a giving opportunity.
A full-bleed golden-hour hero section with a team photo, fade-in tagline, and glassmorphic stat cards
Three alternating zigzag testimonial blocks, each pairing a handwritten-style donor quote with a full-bleed animal or habitat photo
Theme
Healing Space
Creative direction
Testimonial Mosaic
Color system
Slate & Sky
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
Zigzag Testimonial Mosaic Layout
Live Ticking Impact Counters
Translated Monthly Donation Selector
Tribute and Memorial Giving Option
Sticky Bottom Call-to-action Bar
Staggered Scroll Animation System
Related questions
Can I change the pre-set donation amounts in the form?
Does the template include a tribute or memorial giving option?
How many testimonial sections are included in the template?
When does the sticky bottom bar appear on the page?
Can I swap in my own photography for the hero and testimonial images?
A donation form with pre-set monthly amounts translated into specific impact outcomes, a tribute giving path, and a sticky bottom call-to-action bar
Feature list
The template delivers a set of focused, prompt-backed features that work together to build donor confidence and encourage giving.
Zigzag Testimonial Mosaic
Three alternating donor story blocks create a visual rhythm down the page. Each block pairs a quote on one side with a full-bleed photo of the specific animal or habitat that gift protected on the other. The alternation keeps the scroll feeling alive rather than repetitive.
Live Impact Counter Bands
Slim horizontal bands appear between testimonial pairs. Each band displays ticking counters for acres protected, animals released, and volunteer hours logged this year. The numbers animate upward on scroll using an IntersectionObserver trigger, giving the page a living pulse.
Translated Donation Amount Selector
The donation form offers three pre-set monthly amounts: $15, $30, and $60. Each amount is paired with a plain-language impact translation, for example "feeds one raptor for a week" or "sponsors an acre of habitat renewal." This removes donor uncertainty about where money goes.
Tribute and Memorial Giving Path
A secondary call-to-action reading "Give in Someone's Name" sits alongside the primary donation form. It opens a tribute giving flow for donors who want to honor a person through a conservation gift, capturing a giving audience that standard forms overlook.
Sticky Bottom Call-to-Action Bar
After the visitor scrolls past the third testimonial section, a persistent bottom bar appears. It keeps the primary call-to-action, "Protect the Next One," visible without covering the emotional photography. The bar fades in on scroll and stays warm without interrupting the story.
Staggered Scroll Animation
Sections fade in and rise into view as the visitor scrolls. The animation is set at a medium intensity to feel natural rather than theatrical. The hero tagline fades in over the team photo sky, and counter numbers tick upward, giving the page a sense of things happening in real time.
Page sections overview
Section
Purpose
Hero Team Photo
Establishes trust with a golden-hour team portrait and a fade-in tagline over the landscape
Glassmorphic Stat Cards
Surfaces three headline impact numbers directly inside the hero area
Live Counter Band
Animates acres, animals, and volunteer hours to show ongoing conservation activity
First Testimonial Pair
Opens donor story arc with a rehabilitated owl quote and matching animal photo
Counter Band Two
Reinforces momentum between the first and second testimonial blocks
Second Testimonial Pair
Raises stakes with a habitat-level donor story paired with a watershed photo
Counter Band Three
Keeps the live pulse visible before the final testimonial section
Third Testimonial Pair
Builds to the largest conservation outcome before the donation ask
Donation Form
Presents "Protect the Next One" with three translated monthly amounts and a tribute giving option
Sticky Bottom Bar
Persists the primary call-to-action after the third scroll section
Footer Linear
Closes with contact, navigation, and organizational identity links
Design & branding system
The Refuge template uses a Healing Space visual identity built around a Slate and Sky color system. The palette feels like a field station at dawn: worn, natural, and calming without being cold.
Weathered basalt gray (#4A4E56) for primary text and section anchors; lichen silver (#B4BEC9) for secondary backgrounds; open-sky blue (#6BA3BE) for buttons and progress indicators
Meadow gold (#D4A24E) reserved exclusively for donation amounts, impact numbers, and ticking counters, making every dollar feel warm and specific
Fraunces serif is used for display text and donor quotes to add warmth; DM Sans handles body copy and interface elements for clean readability
Mobile & speed optimization
The template is built desktop-first, giving emotional photography the screen real estate it needs to land. Mobile adaptation preserves the zigzag rhythm in a stacked single-column layout so the donor story arc stays intact on smaller screens.
Images are lazy-loaded so above-the-fold content appears immediately without waiting for all photography assets
Counter animations use IntersectionObserver so they only trigger when visible, avoiding unnecessary processing on initial page load
The sticky bottom bar collapses cleanly on mobile, keeping the call-to-action present without blocking the testimonial photography
How this template helps you convert
Refuge earns the gift before asking for it. Every structural decision is aimed at reducing hesitation and building trust through specific, visible proof of impact.
The testimonial zigzag builds an emotional arc from a single rehabilitated animal to a full watershed restoration, raising stakes gradually so the donation ask lands after the visitor already cares.
Pre-set monthly amounts with plain-language translations remove the biggest barrier to recurring giving: donors know exactly what their $15 or $60 does before they enter a card number.
The tribute giving path and sticky call-to-action bar create two conversion moments without pressure, a primary ask and a secondary memorial option, so different donor motivations both have a clear next step.
Other information about this template
Refuge is categorized under Community and Nonprofit, specifically Environmental and Conservation NGO, with a Wildlife Conservation niche focus. It is localized for United States audiences using USD and English.
The template style is Zigzag and Alternating, with a Testimonial Mosaic creative direction and a Team Photo header concept
The theme is Healing Space, referencing a mist-and-wool field-station aesthetic that feels trustworthy rather than polished
The footer follows a Pattern 1 Linear layout, keeping the close of the page clean and uncluttered
The form intentionally asks only for donation amount, name, and email on the first step, with card details collected on the following screen to reduce form abandonment
