Petals — Flower Arrangements Landing Page Template

Bloom is a masonry-style landing page built for rooftop wedding florists. It opens with a full-viewport lifestyle shot at golden hour and guides visitors through an atmosphere-led scroll experience. A gilded call-to-action button, a layered inquiry modal, and a downloadable lookbook gate work together to turn dreamers into real leads.

by Rocket studio

Quick summary

Bloom is a single-page florist landing page designed for rooftop wedding specialists. The soft gradient palette, mood-driven masonry gallery, and two-path lead capture system make it easy for brides, wedding planners, and venue managers to imagine their event and take the next step. Every section is built to evoke emotion first, then collect information.

Who this template is for

This template was built for florists who create elevated, high-design wedding installations in open-air or rooftop settings. It speaks directly to the clients those florists attract and presents their work in the most atmospheric way possible.

  • Rooftop wedding florists showcasing seasonal, large-scale floral installations
  • Wedding planners sourcing a visual-first vendor for skyline venue events
  • Venue managers who need stunning imagery to fill their bookings calendar

What problem this template solves

Most florist websites present their work like a product catalogue. That approach works for a flower shop, but it falls flat for a florist whose entire value is transforming a raw concrete terrace into a perfumed, petal-covered sanctuary. Brides and planners need to feel what is possible before they commit.

  • Generic portfolio layouts fail to communicate atmosphere, scale, or emotional mood
  • Standard contact forms feel transactional and lose couples who are still in the dreaming phase
  • No clear secondary path exists for visitors who want inspiration but are not yet ready to book

What you get with this template

Bloom delivers a complete, ready-to-personalise landing page structure. Every element from the full-viewport hero to the fixed bottom call-to-action bar is purpose-built for the rooftop wedding florist niche.

  • A full-viewport lifestyle hero with serif headline and primary call-to-action button
  • A mood-driven masonry gallery that shifts visually from airy morning light to deep candlelit romance
  • A layered inquiry modal and a gated lookbook download for two distinct lead paths

Feature list

This template is built around atmosphere and conversion working together. Each feature below is drawn directly from the page structure and interaction design described in the brief.

Full-Viewport Lifestyle Hero

The header fills the entire screen with a couple standing on a rooftop at dusk, framed from behind through a cascading arch of white roses and eucalyptus. The headline "Where the skyline becomes your garden." sits low on screen in thin serif type, and the primary call-to-action button appears directly beneath it in gilded sunset gold.

The gallery section uses a masonry layout where each tile shows a different rooftop, season, and light condition. Tiles display no captions until hovered, keeping the visual mood uninterrupted. The scroll experience moves gradually from pale, airy morning ceremonies to deep, candlelit evening receptions.

Layered Inquiry Modal

The primary call-to-action opens a modal form that asks for venue name, wedding date, estimated guest count, and a free-text field labeled "Describe the feeling you want your guests to walk into." This format encourages quality enquiries rather than quick, low-intent messages.

Gated Lookbook Download

A secondary conversion path offers a downloadable rooftop portfolio. Visitors enter their email address to receive it. This captures couples who are early in their planning and not yet ready to make direct contact, keeping them connected to the brand.

Fixed Bottom Call-to-Action Bar

After the third scroll fold, a persistent bar appears at the bottom of the screen repeating the primary call-to-action. This keeps the booking prompt visible without interrupting the gallery experience, and it removes the need for visitors to scroll back up to act.

Cloud Canvas Color System

The palette uses blush mist, twilight lavender, sky wash white, and gilded sunset gold. Backgrounds shift in gentle vertical gradients. Charcoal text sits quietly behind the florals, and gold appears only on buttons, hover states, and accent typography.

Page sections overview

SectionPurpose
Full-Viewport HeroEstablishes rooftop atmosphere and places the primary call-to-action
Masonry GalleryShowcases seasonal installations across light conditions and moods
Inquiry ModalCollects qualified booking enquiries through a structured layered form
Lookbook Download GateCaptures early-stage leads via email behind a portfolio download
Fixed Bottom BarKeeps the primary call-to-action visible throughout the scroll journey

Design & branding system

The visual identity follows a Soft Gradient theme built on the Cloud Canvas color system. The overall feel is deliberately watercolor-like, with one tone dissolving into the next rather than cutting sharply between sections.

  • Colors: blush mist (#F2D7D5), twilight lavender (#D5C6E0), sky wash white (#FAF9F6), and gilded sunset (#D4A373) for interactive elements and accents
  • Typography: thin serif headlines for emotional weight, muted charcoal (#3D3D3D) body text that never competes with the floral imagery
  • Backgrounds shift in gentle vertical gradients from blush to lavender, and gold is used sparingly, appearing only where attention is needed

Mobile & speed optimization

The masonry layout and gradient backgrounds are designed to feel as immersive on a phone screen as they do on a wide desktop monitor. Couples often browse wedding vendors on mobile, so this template prioritises that experience from the start.

  • Masonry tiles reflow cleanly for smaller screens, keeping the mood-based scroll intact
  • The fixed bottom call-to-action bar is especially effective on mobile, staying visible as the visitor scrolls through the gallery

How this template helps you convert

Bloom is built around two distinct conversion paths rather than a single contact form. This approach captures both ready-to-book clients and couples who are still in the inspiration phase.

  1. The primary path moves visitors directly into the inquiry modal, collecting qualified lead details including venue, date, guest count, and a personal description of their vision, giving the florist rich context before the first conversation.
  2. The secondary path offers a downloadable lookbook gated behind an email field, turning passive dreamers into an audience the florist can nurture over time.

Other information about this template

Bloom sits at the intersection of the Wedding and Events category and the rooftop wedding florist niche. It was designed specifically for vendors whose work depends on communicating atmosphere rather than price or volume.

  • Template style: Masonry layout with a Pinterest-style visual flow
  • Creative direction: Atmosphere and Mood, where scrolling shifts feeling rather than just revealing information
  • Header concept: Lifestyle Shot, placing the viewer inside the scene rather than observing from outside
  • Lead generation direction: two-path capture covering both committed enquirers and early-stage dreamers
  • Best suited to florists who serve brides booking skyline venues, wedding planners coordinating wind-and-sun-resistant installations, and venue managers building a photogenic terrace portfolio
Petals — Flower Arrangements Landing Page Template
Petals — Flower Arrangements Landing Page Template
Petals — Flower Arrangements Landing Page Template
Petals — Flower Arrangements Landing Page Template

Theme

Soft Gradient

Creative direction

Atmosphere & Mood

Color system

Cloud Canvas

Style

Masonry/Pinterest

Direction

Lead Generation

Page Sections

Full-viewport Lifestyle Hero

Atmosphere-led Masonry Gallery

Layered Inquiry Modal

Gated Lookbook Download

Fixed Bottom Call-to-action Bar

Cloud Canvas Color System

Related questions

Can I customise the inquiry modal fields?

Does the lookbook download gate work as a standalone lead capture tool?

Is the masonry gallery easy to update with new work?

Who is this landing page best suited for?

What are the two lead capture paths in this template?