---
name: tips-landing-pages
description: "Build high-converting the brand landing pages using the Dutch TIPS conversion framework for sales, lead-gen, and product pages."
version: 1.0.0
category: content
---

# TIPS Landing Page Skill

**Purpose:** Build high-converting the brand landing pages using the TIPS framework.
**Applies to:** Any sales, lead gen, or product page for <brand> or client projects.
**Last updated:** 2026-04-08

---

## The TIPS Framework

TIPS is a Dutch conversion framework for landing pages, derived from AIDA. Every section of a landing page maps to one of four phases. The goal is to move a visitor from "I don't care" → "take my money."

---

### T = TEMPT (Verleid)

**Goal:** Hook the visitor. Stop the scroll. Confirm they're in the right place.

**What it covers:**
- Hero headline (emotionele belofte)
- Hero subheadline (pijn bevestigen)
- Pijnpunten / "je kent dit gevoel"
- Trust badges (snel, betaalbaar, al werkend)
- Above-the-fold CTA of social proof

**Copy rules:**
- Spreek pijnpunten aan op een manier die herkenning oproept
- Geen features → benefits / gaten → oplossingen
- Emotie boven logica in de hook
- Lead with the outcome, not the process

**Common mistakes:**
- Te snel "how it works" in plaats van pijn wegnemen
- Te algemene headlines ("Build Amazing Products")
- De CTA te snel tonen zonder eerst te verleiden

**Brand colors:** `#031D16` bg, `#DFB771` gold CTA, `#F6FEFC` text

---

### I = INFLUENCE (Beïnvloed)

**Goal:** Build trust and authority. Make the visitor feel understood.

**What it covers:**
- Storytelling (over jouw bedrijf of aanpak)
- Social proof (testimonials met metrics)
- Statistics bar (harde cijfers)
- Logos van klanten/tools
- "Al live en werkend" indicators

**Copy rules:**
- Testimonials moeten specifiek zijn over het resultaat, niet de feature
- "Conjunction fallacy" → testimonial bevestigt precies het aspect dat je verkoopt
- Statistieken met eenheden: "200+ uren bespaard", niet "200+ klanten"
- Autoriteit opbouwen door herkenning te creëren ("You know this feeling")

**Brand design:** Light sections (`#F6FEFC` bg) create contrast with the dark hero. Stats in gold (`#DFB771`).

---

### P = PERSUADE (Overtuig)

**Goal:** Remove objections. Make the visitor want the product.

**What it covers:**
- Feature benefits (maar alleen de gaten, niet de tech)
- "What your AI handles" outcome cards
- Pain without solution (benoem wat ze mislopen als ze NIET kopen)
- Pricing tiers (3 opties: free/managed/custom)
- Guarantee, trial, or risk-reversal

**Copy rules:**
- Consumenten kopen geen boren → ze kopen gaten
- Bullet points over concrete eindresultaten, niet features
- Prijzen tonen in relatieve waarde ("minder dan 1 uur freelancer") not just absolute
- Urgency/schaarste als dat authentiek is

**Pricing structure (the brand):**
- DIY/Free: €0 — PDF guide only
- Instant Appie: €250/mo — managed server + AI
- Custom: vanaf €2,500 — full agency build

---

### S = SELL (Verkoop)

**Goal:** Close the deal. Make it impossible to delay.

**What it covers:**
- Primary CTA (prominent, duidelijk)
- Secondary CTA (voor de twijfelaars)
- FAQ (bezwaren wegnemen)
- Urgency element (tijdelijke korting, live guide)
- Sticky footer CTA of floating button

**Copy rules:**
- CTA copy moet actiegericht zijn: "Start nu" / "Get je Appie" — niet "Learn more"
- FAQ is voor bezwaren, niet voor features
- Sluit af waar je bent begonnen (emotionele cirkel rond)
- Laatste regel: exactly what they click to get started

---

## Brand Design System (<brand>)

**Colors:**
- Dark emerald bg: `#031D16`
- Storm green: `#0E3D31`
- Emerald accent: `#247459`
- Gold CTA/highlight: `#DFB771`
- Snow text: `#F6FEFC`

**Typography:**
- Headlines: 700-800 weight
- Body: 400-500 weight
- CTAs: 700 weight

**Spacing:**
- Section padding: 80-100px vertical
- Card padding: 24-40px
- Grid gaps: 20-32px

**Motion:**
- Framer Motion for scroll animations
- Ambient glow blobs (subtle, 6-9s infinite loops)
- Fade + y-translate on scroll-into-view

---

## The 3 V's of Verleiding

1. **Vooruitzicht** — het positieve toekomstbeeld (wat krijgen ze als ze doorsolliciteren)
2. **Volgzaamheid** — consistentie / sociale bewijzen (iedereen doet dit al)
3. **Verliesaversie** — angst om te verliezen (wat mislopen ze als ze weggaan)

Use all three sparingly. Too much = manipulatively. Right amount = compelling.

---

## Common Mistakes

1. **T te snel overslaan** →直接 naar features zonder pijn te erkennen
2. **I te droog** → stats zonder verhaal, testimonials zonder metrics
3. **P te technisch** → bullet points over features in plaats van gaten
4. **S te zacht** → "Learn more" CTAs, geen urgency, geen duidelijke prijs

---

## Workflow for Building a TIPS Landing Page

1. **Discover:** Wat is de steady-state vs target-state emotie van de doelgroep?
2. **Tempt:** Schrijf 3 pijn-recognitie headlines, kies de sterkste
3. **Influence:** Verzamel 3 testimonials met metrics + 4 stats
4. **Persuade:** Schrijf bullet points als gaten (niet als features)
5. **Sell:** Bepaal de prijsstructuur, urgency element, FAQ objections
6. **Build:** Zet sections in volgorde TIPS + TIPS
7. **Validate:** Check of elke TIPS fase compleet is voordat je next section start

---

## TIPS vs AIDA Mapping

| AIDA | TIPS | Focus |
|------|------|-------|
| Attention | Tempt | Hook + emotie |
| Interest | Influence | Herkenning + vertrouwen |
| Desire | Persuade | Willen + pijn + prijs |
| Action | Sell | Sluiten + CTA |

TIPS is de Dutch evolved version. AIDA is de basis. Use TIPS.