Local Service
Lead Generation
Landing Page
JitsuJoin project screenshot showing analytics and dashboard UI

Zaubergärtner

Zaubergärtner

A data-driven design that boosted revenue and lead generation. For Zaubergärtner, a local gardener, I designed a clear, compelling landing page using AI-generated imagery and custom animations. The page’s concise storytelling and optimised lead form contributed to a 58% increase in revenue and generated over €30k within 60 days.

Local services / landscaping
Featured
2024
01 // 08

02 // The Challenge

The Challenge

High-converting landing page for a gardening service

  • Clear offer: Defined and communicated the service's value proposition simply and memorably.
  • Visual storytelling: AI-generated imagery and GSAP animations used for emotional, premium impact.
  • Social proof: Testimonials and project photos added to build local trust quickly.
  • Simple contact: Short enquiry form integrated for fast, frictionless lead submission.

Weak Local SEO

The site structure didn't support ranking for local landscaping search terms.

No Emotional Connection

The old site used stock imagery and generic copy — nothing showed real craftsmanship.

Missing Social Proof

Without reviews or project photos, local visitors had no reason to trust and enquire.

Complex Enquiry Flow

The contact path was too long, causing interested visitors to leave without converting.

02 // 08

04 // The Process

Execution & Strategy

The success of this project came from matching the right offer to the right page structure and making the message easy to understand quickly.

01

Concept validation

Identified the core target audience and necessary visual tone.

  • Research & user insights
  • Design & AI imagery generation
  • Webflow build
  • Launch & testing
  • Continuous optimisation
Days 1-2
02

Conversion layout

Mapped out a landing page flow that builds trust.

  • Creating user flow diagrams and wireframes
  • Developing the visual identity and UI design system
  • Prototyping key interactions and animations
  • Client feedback loops and final design approval
Day 3
03

Missing Social Proof

Without reviews or project photos, local visitors had no reason to trust and enquire.

  • Setting up scalable Webflow project architecture
  • Building responsive, accessible HTML/CSS structures
  • Integrating custom JavaScript and CMS collections
  • Implementing SEO best practices natively
Day 4
04

Webflow build

Translated the high-fidelity design into a pixel-perfect build.

  • Cross-browser and multi-device responsive testing
  • Performance optimization and speed auditing
  • CMS content population and dummy data checks
  • Accessibility compliance verification
Days 5-8
05

Delivery & success

Building a performant, responsive website with clean code.

  • Domain configuration and SSL setup
  • Final client walkthrough and CMS training
  • Go-live deployment and post-launch monitoring
  • Handover of assets and documentation
Days 9-10
04 // 08

05 // The Impact

Results & Outcomes

  • The page’s refreshed information architecture and visuals led to an impressive 58% revenue increase and €30,000 in sales within two months. It remains one of the most successful lead-gen projects on this portfolio.

Strategic Iterations & Business Impact

Local SEO Boost

The structure naturally climbs local search rankings.

Project Showcases

A clean IA allows easy browsing of past garden builds.

Qualified Leads

A multi-step form ensures only serious inquiries get through.

Mobile Lightning

Heavy image galleries optimized for rapid mobile loading.

The result after

Measurable movement across the metrics that mattered.

Local SEO Page Structure

Filterable Webflow CMS gallery allows browsing completed gardens by style — gallery views up 80%.

Project Gallery CMS

Filterable Webflow CMS gallery allows browsing completed gardens by style — gallery views up 80%.

Multi-Step Qualification Form

4-step embedded form pre-qualifies leads by project type, budget and timeline.

Next-Gen Image Optimisation

Garden photography compressed to WebP with lazy load — 95/100 Lighthouse mobile performance score.

-
58
%

Annual Revenue Growth

Annual revenue increased from ~600k€ to ~950k€ — a 58% year-on-year rise.

-
230k€
%

60-Day Pipeline

≈230 000 € in revenue generated via online inquiries in the first 60 days.

-
4
%

Lead Quality Score

More inquiries matched the ideal project type and budget range.

1
%

Local Market Position

Clearer premium positioning established in the local gardening market.

05 // 08

06 // Technology

Tech Stack

The stack stayed practical: the right tools to make the site editable, measurable and scalable without unnecessary complexity.

W

Webflow

Platform

F

Figma

Design

AG

AI Image Generation

AI

GS

GSAP

Animation

Performance

Optimized images, restrained scripts and semantic structure keep the experience fast and resilient.

SEO & Accessibility

Semantic HTML, readable contrast, alt text and clean page structure make the site easier to index and easier to use.

06 // 08

07 // Next Steps

Ready to Transform Your Website?

Let’s talk through your current bottlenecks and the fastest path to a sharper Webflow experience. Available now, remote-friendly, and focused on outcome-driven builds.

Available now · from $25/hr · Remote-friendly
08 // 08