Haven - Heartwarming Rescue Landing Page Template
Haven is a heartwarming Shih Tzu rescue and adoption landing page template built for small rescues that need to turn visitors into applicants. The zigzag layout tells each dog's transformation story, before and after, so readers arrive at the adoption form already emotionally invested. Warm citrus tones and a calm, organic design make every section feel welcoming and trustworthy.
by Rocket studio
Quick summary
Haven is a single-page rescue and adoption landing page template designed for Shih Tzu rescues. It uses an alternating zigzag layout to walk visitors through individual dog rescue stories, building emotional connection before presenting the adoption form. The Citrus Burst color palette and Organic Flow theme create a warm, sunlit feeling that matches the rescue's mission perfectly.
Who this template is for
This template is built for small, mission-driven rescues that place Shih Tzus into permanent homes. It speaks directly to the people most likely to adopt: empty-nesters, young couples, and families with children looking for a calm lap dog companion.
- Small rescue organizations focused on Shih Tzu rehoming and adoption
- Founders or volunteers who want a page that tells their story without needing a designer
- Rescues looking to capture both adoption inquiries and foster leads from a single landing page
What problem this template solves
Most rescue pages list dogs like inventory. They miss the emotional moment that actually moves someone to apply. Haven fixes that by letting transformation stories do the persuading long before a form ever appears.
- Visitors leave generic rescue pages without acting because there is no narrative to hold their attention
- Adoption forms placed too early feel like demands rather than invitations
- Rescues lose potential foster leads who are interested but not yet ready to commit fully
What you get with this template
Haven delivers a complete, ready-to-customize landing page that guides visitors from the first emotional headline all the way through to the adoption inquiry form. Every section has a clear job, and nothing is filler.
- A full-width lifestyle header with a fade-in headline that sets the rescue's emotional tone immediately
- A zigzag origin story section where before-and-after dog photos alternate sides with two-sentence rescue narratives
- A lead generation form capturing home type, household details, and a short open-text response, plus a secondary foster path
Feature list
This template was designed around one goal: getting the right person to submit an adoption inquiry. Every built-in feature supports that outcome.
Full-Width Lifestyle Header
The header uses a sunlit, shallow depth-of-field photo of a freshly groomed Shih Tzu mid-stride on hardwood floors. A fade-in headline appears over the lower third, setting the rescue's emotional tone before the visitor reads a single word of copy.
Zigzag Origin Story Layout
Each alternating section pairs a before photo, shelter kennel, matted coat, uncertain eyes, with an after photo of the same dog groomed, playing, or asleep on a couch. A two-sentence rescue story accompanies each pair. The sequence builds from the founding dog forward to dogs available today.
Emotionally Sequenced Narrative Flow
The page is structured so visitors follow a pattern of transformation. By the time they reach the adoption form, they have watched the rescue's mission repeat across multiple real dogs. The ask feels earned, not forced.
Lead Generation Adoption Form
The primary form asks three things in a natural order: home type, household details, and an open-text field inviting the visitor to describe their life and what kind of companion they are looking for. This low-pressure sequence reduces friction at the point of commitment.
Secondary Foster Conversion Path
A clearly labeled secondary call to action, "Not Ready to Adopt? Foster Instead," captures visitors who feel emotionally connected but need a smaller first step. This keeps warm leads inside the rescue's pipeline rather than losing them entirely.
Sticky Mobile Call-to-Action Button
On mobile, the primary "Meet Your Match" call-to-action button stays visible as a sticky element while the visitor scrolls. This keeps the next step accessible without interrupting the storytelling experience.
Page sections overview
| Section | Purpose |
|---|---|
| Full-Width Header | Opens with lifestyle photo and fade-in emotional headline |
| Origin Story Zigzag | Alternates before-and-after dog photos with rescue narratives |
| Available Dogs Section | Presents currently adoptable dogs at the end of the story arc |
| Primary Adoption Form | Captures home type, household details, and open-text response |
| Foster Secondary Path | Offers a lower-commitment entry point for undecided visitors |
Design & branding system
Haven uses the Citrus Burst color system inside an Organic Flow visual theme. The palette feels like morning light across a wooden kitchen table, warm and inviting without being loud or juvenile.
- Soft tangerine (#F4845F) and warm cream (#FFF4E0) dominate backgrounds and section washes, keeping the page airy and readable
- Ripe clementine (#F7B267) adds warmth to alternating section backgrounds, creating a gentle visual rhythm as the visitor scrolls
- Deep kumquat (#D35400) is reserved exclusively for buttons and interactive highlights, making every call-to-action impossible to miss without shouting
Mobile & speed optimization
Haven is structured to deliver the full emotional experience on a phone screen, where most rescue discovery happens. The layout adapts cleanly from the wide zigzag desktop view to a single-column mobile flow.
- The sticky "Meet Your Match" button remains accessible throughout the mobile scroll without covering story content
- Zigzag sections stack vertically on small screens so before-and-after photos and their paired stories read in natural sequence
- The adoption form fields are ordered to feel conversational on touch devices, reducing drop-off at the final conversion step
How this template helps you convert
Haven earns the click by sequencing emotion before the ask. The page is built so trust accumulates naturally as the visitor scrolls, making the adoption form feel like the obvious next step rather than an interruption.
- The header headline lands an emotional hook immediately, framing every dog as a life that deserves better and inviting the visitor into the rescue's point of view before any form appears.
- The origin story zigzag repeats a visible pattern of transformation across multiple dogs, so by the time the visitor reaches the available-dog section, the rescue's credibility and care feel demonstrated rather than claimed.
- The two-path conversion layout, primary adoption form plus the foster secondary option, means the page captures warm leads at two different commitment levels rather than losing anyone who is not quite ready to adopt today.
Other information about this template
Haven is designed specifically for the Shih Tzu rescue and adoption niche, but its storytelling structure translates naturally to any small breed rescue that relies on emotional connection to drive inquiries.
- The template style is Zigzag/Alternating, organized under the Pet and Animal category with a focus on Shih Tzu services
- The creative direction follows an Origin Story approach, meaning the page narrative is chronological and character-driven rather than feature-led
- The header concept is a Lifestyle Shot, showing a real dog in a real home environment rather than a posed studio image
- The landing page direction is Lead Generation, prioritizing form completions and foster sign-ups over passive awareness
- The Organic Flow theme keeps the visual language soft and domestic, matching the experience of welcoming a rescue dog into a home




Theme
Organic Flow
Creative direction
Origin Story
Color system
Citrus Burst
Style
Zigzag/Alternating
Direction
Lead Generation
Page Sections
Full-width Lifestyle Header with Fade-in Headline
Zigzag Before-and-after Story Sections
Emotionally Sequenced Lead-up to the Form
Three-field Adoption Inquiry Form
Secondary Foster Conversion Path
Sticky Mobile Call-to-action Button
Related questions
Can I customize the dog photos and rescue stories in this template?
Does the template include both an adoption form and a foster sign-up option?
What does the adoption form ask visitors?
Is this template suitable for rescues working with breeds other than Shih Tzus?
How does the sticky mobile button work?