Nexus — Heartfelt Social Connection Landing Page Template
Gather is a nature-inspired charity landing page template built for local community organisations restoring green spaces. It follows a Hero's Journey scroll, alternating between problem and transformation scenes. A donation form with pre-set giving amounts, a volunteer sign-up form, and a fixed bottom bar work together to turn empathetic visitors into donors and workday participants.
by Rocket studio
Quick summary
Gather is a single-page fundraising template for small charities rooted in land restoration and community action. It pairs cinematic nature photography with a zigzag layout that moves visitors from problem to transformation. Pre-set donation tiers, a volunteer form, and a persistent bottom bar make giving and joining feel immediate and honest.
Who this template is for
This template is built for small, place-based charities and community groups working to restore local green spaces. It speaks directly to organisations that rely on neighbourhood goodwill rather than corporate backing.
- Local conservation and land restoration charities running volunteer programmes
- Parish and community groups fundraising for green infrastructure such as hedgerows and canal paths
- Volunteer coordinators who need to capture names and postcodes alongside donations
What problem this template solves
Many local charities struggle to turn genuine community feeling into a clear donation or sign-up. A generic fundraising page rarely shows visitors exactly where their money lands. Gather solves this with radical specificity.
- Vague impact claims are replaced by three concrete giving tiers tied to real tasks
- The zigzag layout separates problem scenes from transformation evidence, keeping emotion and trust moving forward
- Visitors who prefer hours over pounds have a dedicated path, so no potential supporter leaves empty-handed
What you get with this template
You get a complete, ready-to-customise landing page with every section, form, and visual detail already in place. The layout tells a story from the first scroll to the final call to action.
- A full-bleed hero section, five content sections, and a minimal linear footer
- Two donation form placements and one volunteer workday sign-up form
- A fixed bottom donation bar that stays visible throughout the scroll
Feature list
This template is built around prompt-backed components that serve both emotion and conversion.
Zigzag Alternating Layout
Each content section alternates between text-left and text-right arrangements. This keeps the scroll visually active and lets before-and-after photography sit naturally beside supporting copy.
Hero's Journey Scroll Structure
The page opens in the problem, crosses into a call to action, and moves through transformation scenes. By the final section, the visitor feels like the next chapter of the story, not a bystander.
Dual Donation Form Placement
The donation widget appears after the first transformation scene, when emotional engagement is at its peak. It appears again inside the fixed bottom bar, keeping the primary call to action accessible at all times.
Pre-Set Giving Tiers with Custom Field
Three amounts are built in: £5 plants a hedgerow sapling, £20 clears ten metres of towpath, £50 funds a family volunteer day. A custom amount field sits alongside them for donors who want to give more.
Volunteer Workday Sign-Up Form
A secondary form captures name and postcode for visitors who would rather give hours than pounds. It sits in its own zigzag section so it never competes with the donation path.
Social Proof Strip
Volunteer counts, metres of towpath cleared, and saplings planted appear as scannable statistics. Named local supporters add human credibility alongside the numbers.
Page sections overview
| Section | Purpose |
|---|---|
| Hero full-bleed | Opens with a cinematic volunteer photo and the headline "This Land Needs Its People Back" |
| Problem scene | Shows the overgrown canal bank and what the neighbourhood has lost |
| Transformation and donation | Before-and-after hedgerow imagery with the first donation widget |
| Where money lands | Asymmetric grid of three impact tiers with muddy field photography |
| Join a Workday | Zigzag form section capturing name and postcode for volunteer sign-ups |
| Linear footer | Minimal functional footer with essential links |
Design & branding system
The visual identity uses a Cloud Canvas colour palette drawn from the British countryside in overcast light. Every colour has a role, and nothing competes for attention.
- Headlines use hedgerow green (#5B7C5A) with DM Serif Display for warmth and authority
- Body copy runs in IBM Plex Sans across overcast white (#F4F1EC) and pale clay (#A68B6B) backgrounds that alternate section by section
- Sky blue (#8AACBF) is reserved exclusively for buttons and linked text, so every action point is immediately findable
Mobile & speed optimization
The template is designed mobile-first, reflecting the reality that many donors walk the towpath with a phone in hand. Every interactive element is reachable with a thumb.
- Donation amount selectors, the workday form, and the fixed bottom bar are all built as client-side interactive components
- Static content sections use server components, keeping the initial load light while interactivity loads where it is needed
- Scroll reveal animations, stagger effects, and hover photo interactions are set to medium intensity, so they enhance without delaying
How this template helps you convert
Every design and copy decision in Gather is pointed toward a single outcome: turning a neighbour who cares into a donor or volunteer who acts.
- The Hero's Journey structure earns trust before it asks for anything. Visitors move through loss and restoration before they ever see a donation form, so the ask feels earned rather than premature.
- Showing exactly where each pound lands removes the hesitation that kills small-charity conversions. The three-tier giving grid with real photographs makes the impact concrete and personal.
- The fixed bottom donation bar ensures the primary call to action is never more than a glance away, whether the visitor is reading the problem scene or finishing the volunteer form.
Other information about this template
Gather is localised for UK audiences out of the box. Currency displays in GBP and date formatting follows the DD/MM/YYYY convention. The template sits within the Community and Nonprofit category, under the Charity and Fundraising subcategory, with a niche focus on local community charity work. Animation intensity is set to medium, using scroll reveals, stagger transitions, and marquee elements, so the page feels alive without being distracting. The template style is zigzag alternating throughout, with a full-bleed photo header concept and a Hero's Journey creative direction. The Cloud Canvas colour system and Nature-Inspired theme run consistently from the hero to the footer.
- Built for the Charity and Fundraising subcategory with local community charity niche intent
- UK English localisation: GBP currency, DD/MM/YYYY date format, neighbourhood-focused copy tone
- Intersection match confirmed across Community and Nonprofit category, Donation and Fundraising landing-page direction, and Nature-Inspired theme




Theme
Nature-Inspired
Creative direction
Hero's Journey
Color system
Cloud Canvas
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
Zigzag Alternating Section Layout
Hero's Journey Scroll Structure
Dual Donation Form Placement
Three-tier Giving Grid with Impact Photos
Volunteer Workday Sign-up Form
Social Proof Statistics Strip
Related questions
Can I change the donation amounts from the pre-set tiers?
Does the template include a way to capture volunteers as well as donors?
How many times does the donation form appear on the page?
Is this template suitable for charities outside canal and hedgerow restoration?
What typography does this template use?